/*!
Theme Name: ojiya
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: ojiya
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

ojiya is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
/* normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */

/* Document
	 ========================================================================== */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
.clearfix {
    content: "";
    display: block;
    clear: both;
}

html {
	line-height: 1.15; /* 1 */
	-webkit-text-size-adjust: 100%; /* 2 */
}

/* Sections
	 ========================================================================== */

/**
 * Remove the margin in all browsers.
 */

body {
	margin: 0;
}

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

/* Grouping content
	 ========================================================================== */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

hr {
	box-sizing: content-box; /* 1 */
	height: 0; /* 1 */
	overflow: visible; /* 2 */
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

pre {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/* Text-level semantics
	 ========================================================================== */

/**
 * Remove the gray background on active links in IE 10.
 */

a {
	background-color: transparent;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

abbr[title] {
	border-bottom: none; /* 1 */
	text-decoration: underline; /* 2 */
	text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

b,
strong {
	font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

code,
kbd,
samp {
	font-family: monospace, monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

small {
	font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/* Embedded content
	 ========================================================================== */

/**
 * Remove the border on images inside links in IE 10.
 */

img {
	border-style: none;
}

/* Forms
	 ========================================================================== */

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */

button,
input { /* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */

button,
select { /* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

/**
 * Correct the padding in Firefox.
 */

fieldset {
	padding: 0.35em 0.75em 0.625em;
}

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */

legend {
	box-sizing: border-box; /* 1 */
	color: inherit; /* 2 */
	display: table; /* 1 */
	max-width: 100%; /* 1 */
	padding: 0; /* 3 */
	white-space: normal; /* 1 */
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

progress {
	vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */

[type="checkbox"],
[type="radio"] {
	box-sizing: border-box; /* 1 */
	padding: 0; /* 2 */
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

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

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */

[type="search"] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/* Interactive
	 ========================================================================== */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

details {
	display: block;
}

/*
 * Add the correct display in all browsers.
 */

summary {
	display: list-item;
}

/* Misc
	 ========================================================================== */

/**
 * Add the correct display in IE 10+.
 */

template {
	display: none;
}

/**
 * Add the correct display in IE 10.
 */

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
}

p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
	margin: 0;
	padding: 0;
}

ul {
	list-style: disc;
	list-style: none;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
	margin: 0;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	margin: 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
/*
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
*/
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: royalblue;
}

a:visited {
	color: purple;
}

a:hover, a:focus, a:active {
	color: midnightblue;
}

a:focus {
	outline: thin dotted;
}

a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
}

.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
	float: left;
	position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}

/* Small menu. */
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.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;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}
/*
.post,
.page {
	margin: 0 0 1.5em;
}
*/
.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.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%;
}

.gallery-caption {
	display: block;
}




body {
    color: #2e0e08;
    font-family: 'Noto selif JP',"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", メイリオ, sans-serif;
	font-family: 'Sawarabi Gothic', 'Noto Sans JP',sans-serif,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic",Arial,Helvetica, Verdana;
	font-size: 13px;
    line-height: 1.5;
    letter-spacing: 0.05em;
    max-height: 100%;
	background: #fbf8f2;
    background: #fff;
}
a:visited, a:active {
    color: #2e0e08;
    text-decoration: none;
}
a:link {
    color: #2e0e08;
    text-decoration: none;
}
.site-header {
    height: 79px;
    height: 50px;
}
.scroll {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 99995;
    width: 100%;
    background: #fbf8f2;
    background: rgba(255,255,255,0.9);
/*
    -webkit-box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.3);
    box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.3);
*/
	padding: 0px 0 0px;
}
.sp {
	display: block;
}
.pc {
	display: none;
}
.site-header h1 {
    font-size: 12px;
    text-align: center;
    border-bottom: solid 1px rgba(0,0,0,0.1);
	margin: 0;
	display: none;
}
.site-header p {
    margin-bottom: 0;
}
.site-header .logo {
    margin: 0;
    position: absolute;
    top: 14px;
    left: 28px;
	left: calc((100vw - 186px - 130px)/2);
    z-index: 9981;
    width: 130px;
    -moz-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}
.topnavi {
    text-align: right;
    height: 100%;
}
.topnavi li {
    display: inline-block;
    position: relative;
    margin-left: -4px;
    vertical-align: top;
}
.topnavi li a, .topnavi li #menu_btn {
    color: rgba(46, 14, 8,1);
    font-size: 10px;
    text-align: center;
    display: block;
    line-height: 12px;
    height: 100%;
    padding: 12px 0 8px;
    width: 62px;
    border-left: solid 1px rgba(46, 14, 8,0.2);
    letter-spacing: 1px;
    font-weight: bold;
}
.topnavi li a[class^="icon-"]:before {
    display: block;
    width: 100%;
    padding-bottom: 4px;
    font-size: 14px;
    font-weight: bold;
    color: rgba(46, 14, 8,1);
}

[class^="icon-"]:before, [class*=" icon-"]:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    display: inline-block;
    text-decoration: inherit;
    width: 1em;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-right: .4em;
}
.icon-phone::before {
    content:'\f095';
    font-family: "Font Awesome 5 Free";
}
.icon-location::before {
    content:'\f3c5';
	font-family:'Font Awesome 5 Free';
}
.topnavi li #menu_btn {
    position: relative;
    overflow: hidden;
    text-align: center;
    width: 62px;
    z-index: 9991;
    transition: all 0.7s;
	margin: 0;
}

.global-header p {
    margin-bottom: 0;
}
.topnavi li #menu_btn.inactive:before {
    animation: squishTopRev 0.5s ease;
    -webkit-animation: squishTopRev 0.5s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.topnavi li #menu_btn:before {
    top: 11px;
}
.topnavi li #menu_btn span {
    display: block;
    padding-top: 18px;
    color: rgba(46, 14, 8,1);
}
.topnavi li #menu_btn span:before, .topnavi li #menu_btn:before, .topnavi li #menu_btn:after {
    height: 3px;
    display: block;
    background: rgba(46, 14, 8,1);
    width: 32px;
    margin: 0 auto;
    border-radius: 10px;
    position: absolute;
    margin-left: 15px;
}
.topnavi li #menu_btn:before, .topnavi li #menu_btn:after, .topnavi li #menu_btn span:before {
    content: '';
}
.topnavi li #menu_btn.inactive span:before {
    animation: dissappearRev 0.5s ease;
    -webkit-animation: dissappearRev 0.5s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.topnavi li #menu_btn span:before {
    top: 17px;
}
.topnavi li #menu_btn.inactive:after {
    animation: squishBottomRev 0.5s ease;
    -webkit-animation: squishBottomRev 0.5s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.topnavi li #menu_btn:after {
    bottom: 24px;
}
.topnavi li #menu_btn.active:before {
    animation: squishTop 0.5s ease;
    -webkit-animation: squishTop 0.5s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}
.topnavi li #menu_btn.active span:before {
    animation: disappear 0.5s ease;
    -webkit-animation: disappear 0.5s ease;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
}

.menu_box {
	position: relative;
	height: 100vh;
	width: 100%;
    overflow: hidden;
	background: rgba(255,255,255,0.95);
    display: none;
	overflow: scroll;
    overflow-x: hidden;
}
.menu_box ul.mainmenu {
    padding: 0px;
    margin: 0px;
    list-style-type: none;
    list-style-position: outside;
}
.menu_box ul.mainmenu li {
    position: relative;
}
.menu_box ul.mainmenu li a,.menu_box ul.mainmenu li.head {
    display: block;
    text-decoration: none;
    line-height: 14px;
    font-size: 14px;
    color: #2e0e08;
    padding: 12px 15px;
    border-bottom: solid 1px rgba(0,0,0,0.05);
    position: relative;
    letter-spacing: 1px;
	text-align: center;
}
.menu_box #sns {
    display: block;
    margin-top: 0;
    padding: 1em 0;
    background: #f2f2f2;
}
.menu_box #sns ul {
    font-size: 0;
    text-align: center;
}
.menu_box .cont_wrapper {
    width: 88%;
    margin: 0 auto;
}
.menu_box #sns ul li.title {
    font-size: 10px;
    letter-spacing: .1em;
    margin-right: 0;
}
.menu_box #sns ul li {
    height: 100%;
    display: inline-block;
    color: #707070;
    font-size: 20px;
    vertical-align: middle;
    margin: 0 .5em;
}

.menu_box ul.submenu {
    width: 100%;
    background-color: #efefef;
    display: none;
    box-sizing: border-box;
}
.menu_box ul.submenu li a {
/*    border: none;*/
}
.menu_box ul.mainmenu>li.head:after {
    color: #484848;
	content: "\f107";
    display: inline-block;
    font-family: "Font Awesome 5 Free";
    position: absolute;
    right: 5%;
    top: 13px;
	font-weight: bold;
}
.menu_box ul.mainmenu>li.head.active:after {
    content: "\f106";
}
#slides {
	position: relative;
}

#slides h3 {
	position: absolute;
 	font-family: 'Noto serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "リュウミン R-KL", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝",'Noto Serif JP', serif;
    font-size: 18px;
	color: #fff;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	text-align: center;
	line-height: 2;
	letter-spacing: 0.1em;
	margin: 0;
	font-weight: 500;
}
#slides h3 span {
    font-size: 24px;
	font-weight: 500;
}

.contact .box {
    border: solid 3px #e1e1e1;
	padding: 6%;
	margin-top: 30px;
}
.contact .box .title {
    font-size: 1rem;
    font-size: 4.0vw;
    margin-bottom: 4%;
    text-align: left;
}
.contact .box ul {
    letter-spacing: -.4em;
    margin: 1.96% auto;
}
.contact .box ul li {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    letter-spacing: 0.04em;
    position: relative;
    box-sizing: border-box;
}
.contact .box ul li a {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #2d2d2d;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
}
.contact .box ul li a span {
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    white-space: nowrap;
}
.contact .box ul li a span:before {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    left: 0;
}
.contact .box ul li a.tel {
    font-size: 4vw;
}
.contact .box ul li a.tel span {
    padding-left: 2.5em;
}

.contact .box ul li a.tel span:before {
    content: "TEL";
    margin-top: -0.9em;
    background-color: #fff;
    padding: 0.5em;
    color: #2d2d2d;
    font-size: 0.68rem;
    line-height: 1em;
    border-radius: 4px;
    font-weight: bold;
}
.contact .box ul li a span b {
    font-family: 'Roboto Regular';
    font-weight: normal;
}
.contact .box .note {
    font-size: 3vw;
}
.contact .box ul li:before {
    content: "";
    display: inline-block;
    padding-top: 17%;
}
.contact .box ul li + li {
    border-left: none;
    border-top: solid 2px #fff;
}



.sec1 .main_menu {
    width: 100%;
    margin-top: 20px;
	padding: 0 15px 20px;
}
.sec1 .main_menu .inner {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    margin-top: 0.1%;
	margin-bottom: 7px;
	line-height: 1.4;
    font-size: 13px;
}
.sec1 .main_menu small {
    font-size: 10px;
	font-weight: normal;
	line-height: 1.2;
}
.sec1 .main_menu_btn_l {
    width: 49%;
    text-align: center;
    position: relative;
	float: left;
	height: 135px;
    background: #fff;
	border: 1px solid #2e0e08;
	padding: 45px 5px 5px;
	line-height: 1.5;
	font-size: 15px;
	font-weight: bold;
}
.sec1 .main_menu_btn_r {
    width: 49%;
    text-align: center;
    position: relative;
	float: right;
	height: 135px;
    background: #fff;
	border: 1px solid #2e0e08;
	padding: 45px 5px 5px;
	line-height: 1.5;
	font-size: 15px;
	font-weight: bold;
}
.sec1 .main_menu img {
    vertical-align: bottom;
}
.sec2 {
	padding: 0 0 20px;
}
.section-inner {
    width: 94%;
	margin: 0 auto 40px;
}
.sec2 .section-inner > ul {
	padding: 0;
/*
	max-height: 545px;
	overflow: scroll;
*/
	border-top: 1px solid #e7e7e7;
}
.sec2 .imgWrap {
    float: left;
    width: 25%;
    margin-right: 2%;
    margin-bottom: 0;
	position: relative;
}
.sec2 .imgWrap .img {
    position: relative;
    margin-bottom: 10px;
    overflow: hidden;
}
.sec2 li.mProperty {
	position: relative;
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    border-bottom: 1px solid #e7e7e7;
    clear: both;
}
.sec2 li.mProperty a:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 3%;
	width: 6%;
    padding-top: 1.5%;
    height: auto;
    background: url(img/icon_list_arrow.png) center no-repeat;
    background-size: contain;
}
.sec2 .txts li.copy {
    font-weight: bold;
    line-height: normal;
}
.sec2 .txts li {
    font-size: 1.2rem;
}

.sec2 .txts li.copy {
    font-weight: bold;
    line-height: normal;
	font-size: 13px;
}
.sec2 .txts li .day {
    font-weight: bold;
    line-height: normal;
	font-size: 13px;
}
.imglink-list ul {
    position: relative;
    top: auto;
    left: auto;
}
.imglink-list ul li:before {
    content: "";
    display: inline-block;
    padding-top: 60%;
}
.imglink-list ul li {
    width: 100%;
    line-height: 0;
    position: relative;
    padding-top: 10px;
    margin-top: 15px;
    height: 100%;
    display: inline-block;
    letter-spacing: 0.04em;
    position: relative;
    vertical-align: top;
}
.imglink-list ul li a {
    position: absolute;
    top: 0;
    left: 0;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    width: 100%;
    height: 100%;
}
.imglink-list ul li .txt .txt-inner {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.imglink-list ul li .txt {
    position: relative;
    display: table;
    width: 100%;
    height: 100%;
    z-index: 2;
}
.imglink-list ul li .txt h4 {
    font-size: 1.12rem;
    font-weight: normal;
    line-height: 1.3em;
	margin: 0;
}
.imglink-list ul li .bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.imglink-list ul li .txt p {
    font-size: 12px;
    padding: 2% 0 4%;
    line-height: 1.5em;
    font-weight: 500;
	margin: 0;
}
.imglink-list ul li .txt .btn {
    width: 40%;
    font-size: 0.56rem;
    font-size: 2.4vw;
    padding: 1em 0;
    display: inline-block;
    border: solid 1px #fff;
    line-height: 1em;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
}
.imglink-list ul li a:hover .txt .btn {
    background: #fff;
    color: #222;
}
.imglink-list ul li a:hover .bg {
    opacity: 0.8;
}
















.linebtns {
    text-align: center;
    letter-spacing: -0.4em;
	margin-top: 0;
}

.linebtns a {
    display: inline-block;
    border: solid 1px #2d2d2d;
    letter-spacing: 0.04em;
    text-decoration: none;
    width: 60%;
    box-sizing: border-box;
    font-size: 0.81rem;
    color: #2d2d2d;
    line-height: 1em;
    padding: 1.197em 0;
	font-size: 12px;
	font-weight: bold;
}




.more {
    margin: 15px 15px 0;
}
a.button.gray {
    background: #525252;
}
a.button {
    display: block;
    position: relative;
	width: 100%;
    padding: 1.5em 0;
    color: white;
    font-size: 13px;
    line-height: 1em;
    text-align: center;
    text-indent: -0.5em;
    text-decoration: none !important;
    background: #525252;
}
a.button:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 15px;
    margin: -5px 0 0;
    width: 6px;
    height: 11px;
    background: url(/wp-content/themes/ojiya/img/arrow_white_right.png) no-repeat;
    -webkit-background-size: 6px 11px;
    -moz-background-size: 6px 11px;
    background-size: 6px 11px;
}
.facebook {
	text-align: center;
	margin: 30px auto 40px;
}
@media screen and (max-width: 767px) {
	.facebook {
		width: 100%;
		max-width: 400px;
	}
}
@media screen and (min-width: 768px) {
	.facebook {
		background: #f3f3f3;
		margin: 80px 0 0;
		padding: 40px 0;
	}
}	
.sec3 {
	padding: 30px 0 20px;
	background: #f1f1f1;
}
.section-head {
    width: 92%;
    margin: 0 auto 3%;
	text-align: center;
}
.section-head h3 {
    font-size: 16px;
}

.section-head .border {
    width: 75px;
    height: 2px;
    background: #000;
    margin: 0 auto;
    margin-top: 15px;
    margin-bottom: 15px;
}
.section-head p {
    font-size: 14px;
	text-align: center;
	line-height: 1.5;
	margin: 20px 0;
}
.property-ttl {
    padding-left: 4%;
	font-weight: bold;
}
.page-template-fudosan-search .property-list {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    overflow: -moz-scrollbars-none;
	margin-bottom: 30px;
}
.page-template-fudosan-search .property-list ul {
    display: inline-block;
    letter-spacing: -.4em;
	padding-left: 4%;
    box-sizing: border-box;
    width: 3500px;
	font-size:0;
}
.property-list ul li {
    display: inline-block;
    letter-spacing: 0.04em;
    vertical-align: top;
	background: #fff;
	position: relative;
}
.page-template-fudosan-search .property-list ul li {
    margin-right: 0.5%;
    width: 9.5%;
}
.property-list ul li .appearance {
    position: relative;
    height: auto;
}
.property-list ul li + li {
    padding-top: 20px;
}
.page-template-fudosan-search .property-list ul li + li {
    padding-top: 0px;
}
.property-info {
    position: relative;
}

.property-info .property-info-inner {
    position: relative;
    height: auto;
    box-sizing: border-box;
	margin: 15px 5% 0 5%;
    width: 90%;
    padding: 7.55% 0 0;
    letter-spacing: 0.04em;
}
.property-info .type, .property-info .state {
    line-height: 1em;
}
.property-info .name {
    font-size: 1rem;
    line-height: 1.5em;
    max-height: 3em;
    font-weight: 500;
    font-size: 0.93rem;
}
.property-info .price {
    font-size: 0.93rem;
    padding: 3% 0 0;
    line-height: 0.9em;
}
.property-info .tag {
    font-size: 0.75rem;
    padding: 4.34% 0 0;
    color: #777777;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.property-info .type {
    font-size: 0.75rem;
    position: absolute;
    top: 0;
    left: 0;
}
.property-info .state {
    font-size: 0.75rem;
    position: absolute;
    top: 0;
    right: 0;
    font-family: 'Roboto Regular';
}
.property-list ul li .new, .property-list ul li .appearance figure figcaption, .property-info .type, .property-info .state, .property-info .address, .property-info .area, .property-info .tag {
    font-size: 0.68rem;
}
.property-info .address {
    font-size: 0.81rem;
    padding: 3% 0 0;
    line-height: 1.5em;
    max-height: 3em;
}
.property-info .area {
    font-size: 0.81rem;
    line-height: 1.5em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#bnr .cont_wrapper {
    margin: 0 auto;
    width: 70%;
    max-width: 1200px;
}
.tile {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 2%;
    padding: 0 1%;
}


.content {
    padding: 2em 0;
}


footer .top {
	display: none;
}
footer .bottom {
    background-color: #2d2d2d;
}
footer .bottom .bottom-wrap {
    width: 100%;
    margin: 0 auto;
}
footer .bottom .bottom-inner {
	padding: 10% 0 10%;
    width: 100%;
}
footer .bottom .bottom-inner  > div {
    vertical-align: bottom;
    color: #fff;
    line-height: 1em;
	display: block;
    width: 100%;
    font-size: 0.62rem;
    text-align: center;
}
footer .bottom .bottom-inner .logo img {
    width: 32%;
}
footer .link {
	padding: 10% 0;
	font-size: 1rem;
}
footer .bottom .bottom-inner .link {
	font-size: 0.8125rem;
}
footer .link a {
    color: #fff;
    text-decoration: none;
}
#link.content {
	padding: 0;
}
.foot-link ul {
    border: none;
    border-top: 1px solid #d8d8d8;
    background: #f5f5f5;
    overflow: hidden;
}
.foot-link li {
    border: none;
    border-bottom: 1px solid #d8d8d8;
    float: left;
    width: 100%;
    box-sizing: border-box;
    position: relative;
    padding: 0;
}
.foot-link li:nth-of-type(2n-1) {
	/*
    border-right: 1px solid #d8d8d8;
	*/
}
.foot-link li a {
    line-height: 16px;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    -webkit-tap-highlight-color: rgba(0,0,0,0.40);
    display: block;
    padding: 15px 4%;
    position: relative;
    text-align: left;
    font-size: 13px;
    margin: 0;
}
.foot-link li:after {
    content: "";
    display: block;
    height: 5px;
    border-top: 2px solid #666;
    border-right: 2px solid #666;
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -4px;
    width: 5px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}
#nendebcopy {
	display: none;
}




/************************************************/
/* Flex Slider                                  */
/************************************************/
.metaslider .flex-control-nav {
    bottom: 10px!important;
	text-align: left!important;
	padding-left: 15px!important;
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    background: transparent!important;
    box-shadow: none!important;
    border-radius: 0!important;
	border: 1px solid #fff;
}
.flex-control-paging li a.flex-active {
    background: rgba(255,255,255,.6)!important;
}


/************************************************/
/* Company                                      */
/************************************************/
#company #greeting {
    padding: 20px 0;
}
#company .base {
    width: 94%;
    margin: 0 auto;
}
#company #greeting .profile {
    margin-bottom: 10px;
    clear: both;
    text-align: left;
}
#company #greeting .profile .ttl {
    margin-bottom: 0;
    margin-top: 8%;
    font-size: 14px;
    float: left;
    font-weight: bold;
}
#company #greeting .profile .img {
    float: right;
    width: 30%;
}
#company #greeting .profileTxt {
    width: 100%;
    float: right;
    text-align: left;
}
#company #greeting .profileTxt .read {
	font-size: 13px;
    margin-bottom: 30px;
	line-height: 1.6;
}
#company #greeting .profileTxt .name {
    font-size: 16px;
    text-align: right;
}
#company #greeting .profile:after {
    content: " ";
    display: block;
    clear: both;
}
#company #greeting .profileTxt:after {
    content: " ";
    display: block;
    clear: both;
}
#company #guide {
    padding: 40px 0;
    background-color: #ededed;
}
.mTitle {
    background-size: 24px auto;
    padding-bottom: 15px;
}
.mTitle {
    text-align: center;
    padding-bottom: 30px;
}
.mTitle .jp {
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 5px;
}
#company #guide .list {
    width: 100%;
    margin: 0 auto;
	line-height: 1.4;
}
#company #guide .list dl {
    border-bottom: 1px solid #fff;
    padding: 15px;
    overflow: hidden;
    position: relative;
	margin: 0;
}
#company #guide .list dl:first-child {
    border-top: 1px solid #fff;
}
#company #guide .list dl dt {
    float: none;
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    clear: both;
}
#company #guide .list dl dd {
    width: 100%;
    font-size: 14px;
}
#company #guide .list dl dd.map a span {
    font-size: 10px;
	font-weight: bold;
    background-color: #fff;
    padding: 5px 10px;
    color: #000;
    letter-spacing: 0.07em;
}
#company #guide .list dl dd.map {
    position: absolute;
    top: 15px;
    right: 0;
    text-align: right;
    padding-left: 0;
    padding-right: 0;
}

/************************************************/
/* Staff                                      */
/************************************************/

#staff {
}
#staff #read {
    font-size: 12px;
    line-height: 1.6;
}
#staff #read .base {
    width: 94%;
    margin: 0 auto;
    padding: 30px 0;
    border-bottom: none;
}
#staff #read .base .copy {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
}
#staff #read .base .txt {
    float: none;
    width: 100%;
}
#staff .inner .staffList {
    background: #ededed;
    margin-bottom: 10px;
	padding: 30px 20px;
}
#staff .inner .staffImg {
    margin-top: 0px;
    min-width: 110px;
    width: 35%;
    margin-right: 4%;
    float: left;
}
#staff .inner .staffListnameBox {
    margin-top: 20px;
    width: 50%;
    float: left;
}
#staff .inner .staffList p {
    margin-top: 10px;
}
#staff .inner .staffname {
    line-height: 1.3;
    margin-top: 0px;
	font-size: 18px;
    font-weight: bold;
}
#staff .inner .staffname small {
	font-size: 12px;
}
#staff .inner .staffListTxtBox {
    width: 100%;
    float: left;
	font-size: 13px;
	line-height: 1.8;
}
#staff .inner .staffsikakuTit {
    font-weight: bold;
    margin: 20px 0 5px;
    font-size: 12px;
}
#staff .inner .staffList:after {
    content: "";
    display: block;
    height: 0;
    clear: both;
}

.entry-header {
	width: 94%;
	margin: 20px auto;
	border-bottom: 1px solid #acacac;
}
.entry-header.mv {
	width: 100%;
	height: 135px;
	border: none;
	margin: 0;
	padding: 35px 0;
}
.entry-title {
	text-align: center;
	font-size: 14px;
}
.entry-title span {
	font-size: 18px;
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
}
.entry-header.mv .entry-title {
	color: #fff;
	letter-spacing: 0.15em;
}

/************************************************/
/* Sall                                      */
/************************************************/
#sall #read {
	font-size: 12px;
	line-height: 1.6;
}
#sall #flow {
    background: #ededed;
	font-size: 12px;
	line-height: 1.6;
}
#sall #read .base {
    width: 94%;
    margin: 0 auto;
    padding: 30px 0;
    border-bottom: none;
}
#sall #read .base .copy {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
}
#sall #read .base .txt {
    float: none;
    width: 100%;
}
#sall #flow .base {
    width: 94%;
    padding: 30px 0;
    margin: 0 auto;
}
#sall #flow .base .flow2 ul {
    display: block;
}
#sall #flow .base .flow2 ul li {
    background: #fff;
    width: 100%;
    display: block;
    border-bottom: none;
    margin-bottom: 30px;
    box-sizing: border-box;
    padding: 20px 5% 20px;
}
#sall #flow .base .flow2 ul li .ttl {
    font-weight: bold;
    background-position: center right;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    font-size: 13px;
    min-height: 20px;
}
#sall #flow .base .flow2 ul li .num {
    position: relative;
    top: -40px;
	font-family: 'Oswald', sans-serif;
    font-size: 24px;
	letter-spacing: 0.07em;
	margin-bottom: -20px;
}

/************************************************/
/* liquor                                      */
/************************************************/
#liquor {
	margin-bottom: 30px;
}
#liquor #read {
	font-size: 12px;
	line-height: 1.6;
}
#liquor #flow {
    background: #ededed;
	font-size: 12px;
	line-height: 1.6;
}
#liquor #read .base {
    width: 94%;
    margin: 0 auto;
    padding: 30px 0;
    border-bottom: none;
}
#liquor #read .base .copy {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
}
#liquor #read .base .txt {
    float: none;
    width: 100%;
}
#liquor #flow .base {
    width: 94%;
    padding: 30px 0;
    margin: 0 auto;
}
#liquor #flow .base .flow2 ul {
    display: block;
}
#liquor #flow .base .flow2 ul li {
    background: #fff;
    width: 100%;
    display: block;
    border-bottom: none;
    margin-bottom: 10px;
    box-sizing: border-box;
    padding: 20px 5% 20px;
	min-height: 180px;
}
#liquor #flow .base .flow2 ul li .ttl {
    font-weight: bold;
    background-position: center right;
    background-repeat: no-repeat;
    margin-bottom: 20px;
    font-size: 13px;
    min-height: 20px;
}
#liquor #flow .base .flow2 ul li .num {
    position: relative;
    top: -40px;
	font-family: 'Oswald', sans-serif;
    font-size: 24px;
	letter-spacing: 0.07em;
	margin-bottom: -20px;
}
#liquor #flow .base .flow2 ul li img {
	float: left;
	margin-right: 15px;
}
/************************************************/
/* Buy                                      */
/************************************************/
/*
#buy #list .section-inner {
	width: 92%;
    margin: 0 auto;
	padding: 20px 0;
}
#buy #list a.boxbtn:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: #e1e1e1;
}
*/
#buy #read {
	font-size: 12px;
	line-height: 1.6;
}
#buy #flow {
    background: #ededed;
	font-size: 12px;
	line-height: 1.6;
}
#buy #read .base {
    width: 94%;
    margin: 0 auto;
    padding: 30px 0;
    border-bottom: none;
}
#buy #read .base .copy {
    float: none;
    width: 100%;
    margin-bottom: 20px;
    font-size: 14px;
    font-weight: bold;
	text-align: center;
}
#buy #read .base .txt {
    float: none;
    width: 100%;
}

#buy .form_jsearch th {
	display: block;
    background: #dedede;
    border: none;
    border-radius: 2px;
    color: #484848;
    font-size: 13px;
    line-height: 1;
    margin: 0;
    padding: 15px 10% 15px 6%;
    position: relative;
	margin-top: 10px;
}
#buy .form_jsearch td {
	display: block;
	padding: 10px 0 0;
}
#buy .form_jsearch td li {
	padding: 5px;
}
#buy .form_jsearch h5 {
	margin-top: 0;
	margin-bottom: 0;
}
#buy .form_jsearch td li {
    float: left;
    vertical-align: top;
    border-bottom: 1px solid #efefef;
    font-size: 14px;
    margin: 0;
    padding: 8px 5%;
    width: 100%;
}
select {
    border: 0;
    height: 34px;
    padding: 5px;
    line-height: 1.0;
    font-family: Arial, sans-serif;
	font-size: 13px;
    border: solid 1px #ccc;
    margin: 0;
    border-radius: 3px;
    background: #fff;
}
.submit input {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    padding: 10px 20px;
    background: #d63b3f;
    border: 1px solid #d63b3f;
    color: #fff;
    letter-spacing: 1px;
    font-weight: bold;
}
.submit input {
    background: #2d2d2d;
    border: 1px solid #2d2d2d;
    font-weight: inherit;
    letter-spacing: 2px;
    padding: 15px 25px;
}
.submit input {
    display: block;
    margin: 10px auto;
    width: 100%;
    max-width: 300px;
}
/*
.submit input:before {
    content: "\f002";
    color: #fff;
    display: inline-block;
    font-family:'Font Awesome 5 Free';
    margin: -1px 6px 0 -1px;
    vertical-align: middle;
	font-weight: bold;
}
*/
.submit{
    color: #fff;
    position: relative;
    line-height: 2.8em;
    transition: 0.5s;
    margin:0 auto;
	width: 60%;
}

.submit::after{
	content: "\f002";
    color: #fff;
    display: inline-block;
    font-family:'Font Awesome 5 Free';
    margin: -1px 6px 0 -1px;
    vertical-align: middle;
	font-weight: bold;
    position: absolute;
    bottom: 2px;
    left: 55px;
    margin: auto;
}
/*
.archive-fudo .archive_fudo {
	width: 94%;
	margin: 30px auto;
}
*/
.archive_fudo .page-title{
	font-size: 14px;
}
/*
#nav-above1 {
	display: none;
}
*/
.nav-next {
	padding: 20px;
	font-size: 15px;
}
.nav-next>a, .nav-next>b {
	border: 1px solid #dedede;
	padding: 8px;
}

.new_mark {
	display: none;
}
.list_simple_wrap {
    background: #fff;
    border: 1px solid #dedede;
    border-radius: 2px;
    margin: 0 auto 30px;
    padding: 10px;
}
.list_simple_boxtitle .entry-title {
    display: inline-block;
    max-width: initial;
    font-size: 17px;
    font-weight: bold;
    line-height: 1.3;
    vertical-align: middle;
	margin: 0;
}
#list_simplepage .list_picsam, #list_simplepage .list_detail {
    width: 100%;
	    margin: 0 auto 0;
}
/*
#list_simplepage .list_picsam img {
    max-width: 150px !important;
    height: auto !important;
    border: 1px solid #333;
    width: 100px;
    margin: 1px 2px 5px;
    padding: 1px;
    float: left;
}
*/
.dpoint1 .chinryou {
    border-right: 0;
    color: #dc080c;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    padding-right: 0;
    margin: 0 auto 2px;
    text-align: left;
    vertical-align: middle;
    width: auto;
}
.dpoint1 .icon-txt {
    background: #484848;
    color: #fff;
    display: inline-block;
    font-size: 11px;
    letter-spacing: 2px;
    line-height: 1;
    margin: -1px 8px 0 0;
    padding: 4px 4px 5px 6px;
    vertical-align: middle;
}
#list_simplepage .list_picsam, #list_simplepage .list_detail {
    margin: 10px auto;
	overflow: hidden;
}
.list_picsam_img .img-wrap {
    text-align: center;
}
.list_picsam_img {
    display: block;
    text-align: center;
    vertical-align: middle;
    width: 100%;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 20px;
}
.list_picsam_img .box2image {
    border: 5px solid transparent;
    display: inline-block;
    height: auto;
    max-height: 160px;
    max-width: 130px;
    vertical-align: middle;
    width: auto;
}
.action-btn-area {
    text-align: center;
    vertical-align: middle;
    width: 100%;
    overflow: hidden;
}
.action-btn-area .btn-box {
    vertical-align: middle;
}
.action-btn-area .btn-box .btn-syousai-contact {
    width: 82.5%;
    width: 100%;
    float: left;
}
.action-btn-area .btn-box .btn-syousai-contact > span {
    float: left;
}

.action-btn-area .btn-syousai {
    width: 38%;
}
.action-btn-area .button {
    color: #fff;
    font-weight: inherit;
    text-align: center;
    text-decoration: none;
    background: #484848;
    border: none;
    display: block;
    font-size: 12px;
    letter-spacing: .075em;
    padding: 15px 0 15px 3px;
	line-height: 1.5;
}
.action-btn-area .button:after {
	content: none;
}
.action-btn-area .btn-contact {
    width: 62%;
}
.action-btn-area .button.color4 {
    background: #92803e;
    color: #fff;
}
.action-btn-area .btn-bookmark {
    display: block;
    display: none;
    text-align: center;
    width: 17.5%;
    float: right;
}
.action-btn-area .btn-bookmark .checkbox-icon .far {
    color: #ffb400;
    line-height: 48px;
}
.action-btn-area .btn-bookmark .checkbox-click-area {
    background: #efefef;
    display: block;
    height: 48px;
}
.detail_ttl {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-top: 30px;
}
.list_detail {
	font-size: 13px;
	margin-top: 20px;
}
.list_price_others {
	display: none;
}
.list_detail table {
	margin-bottom: 0;
}
.pageback {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    padding: 10px 20px;
    background: #d63b3f;
    border: 1px solid #d63b3f;
    color: #fff;
    letter-spacing: 1px;
    font-weight: bold;
}

.pageback {
    background: #484848;
    border: none;
    font-weight: inherit;
    letter-spacing: 2px;
    padding: 15px 25px;
}
.pageback {
    display: block;
    margin: 10px auto;
    width: 60%;
    max-width: 300px;
	font-size: 13px;
}
.pageback a:link, .pageback a:hover, .pageback a:visited {
    color: #fff;
}
.pageback a:before {
    content: "\f002";
    color: #fff;
    display: inline-block;
    font-family:'Font Awesome 5 Free';
    margin: -1px 6px 0 -1px;
    vertical-align: middle;
	font-weight: bold;
}
.list_price {
	margin-bottom: 0;
}
#content[role=main]{
	width: 94%;
	margin: 0 auto;
}
.fudo .entry-title {
	text-align: left;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.3;
	margin: 1em 0 0;
}
.info-head-inr {
    display: block;
    margin: 10px auto;
}
.info-head-inr .kakaku {
    border-right: 0;
    color: #dc080c;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0;
    padding-right: 0;
    margin: 0 auto 2px;
    text-align: left;
    vertical-align: middle;
    width: auto;
}
.info-head-inr > span {
    display: block;
}
.single-fudo #list_simplepage2 {
	overflow: hidden;
}
.single-fudo #second_img {
	padding-top: 20px;
	width: 100%;
}

.single-fudo .inner_right {
	float: none;
	width: 100%;
}
.single-fudo .inner_left {
	float: none;
	width: 100%;
	background: #f0f0f0;
	padding: 20px;
	margin-top: 20px;
}
.single-fudo .list_detail .entry-content {
	margin: 0;
	width: 100%;
}


.form-width {
	max-width: 100%;
}
input[type="text"],input[type="email"], textarea {
    font-size: 14px;
    border: 0;
    padding: 8px 6px 6px;
    font-family: Arial, sans-serif;
    border: solid 2px #ddd;
    margin: 0;
}
input[type="text"],input[type="email"], textarea {
    font-size: 15px;
    letter-spacing: 1px;
    padding: 9px 10px;
	line-height: 1;
	width: 100%;
}
#toiawase p {
	font-size: 13px;
	margin-bottom: 0;
}



#toiawase input[type="text"], #toiawase textarea {
  max-width:100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}



#toiawase {
	padding-top: 60px;
}
#toiawase table {
    width: 100%;
}
#toiawase table tr {
    display: block;
    margin: 0 auto 15px;
}
#toiawase table th {
    font-size: 14px;
	font-weight: bold;
    display: inline-block;
	padding: 5px 0;
}
#toiawase table td {
    width: 100%;
	display: inline-block;
}
#toiawase table td.hissu {
    width: 50px;
    display: inline-block;
	padding: 5px;
}
#toiawase table td.hissu .yes {
    background: #dc080c;
	color: #fff;
}
#toiawase table td.hissu span {
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 20px;
	padding: 1px 6px 1px 6px;
}
#gaiyou_text {
    font-size: 14px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
#toiawase table {
    margin-bottom: 0;
}
.form_next_wrap span {
    display: block;
    margin: 0 auto;
}
.form_next_wrap .form_next_button {
    min-width: initial;
    width: 100%;
    padding: 10px 0;
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    padding: 10px 20px;
    color: #fff;
    font-weight: bold;
    background: #484848;
    border: 1px solid #484848;
}
input[type="button"], input[type="submit"] {
    -webkit-appearance: none;
    font-family: 'Sawarabi Gothic', 'Noto Sans JP',sans-serif,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "MS Pゴシック", "MS PGothic",Arial,Helvetica, Verdana;
	font-size: 15px;
}
/************************************************/
/* Page navi                                      */
/************************************************/
.wp-pagenavi {
    text-align: center;
	padding-top: 20px;
}
.wp-pagenavi span.pages {
    border: none;
}

/************************************************/
/* Group                                     */
/************************************************/
#group .base {
    width: 94%;
    margin: 0 auto;
}
.article-list ul {
    display: inline-block;
    width: 100%;
    letter-spacing: -.4em;
    border-top: solid 1px #e9e9e9;
    border-bottom: solid 1px #e9e9e9;
}
.article-list ul li {
    display: inline-block;
    letter-spacing: 0.04em;
    width: 100%;
    vertical-align: top;
    position: relative;
}
/*.article-list ul li a {
    letter-spacing: -.4em;
    padding: 5% 0;
}*/
.article-list ul li a.boxbtn {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    position: relative;
	padding: 5% 0;
	padding: 3% 0;
}
.article-list ul li figure {
    position: static;
    height: auto;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: inline-block;
    display: none;
    width: 30%;
    letter-spacing: normal;
}
.article-info {
    position: relative;
    height: auto;
    padding-top: 2%;
    margin-left: 3%;
    width: 65%;
    width: 100%;
    letter-spacing: normal;
    display: inline-block;
    vertical-align: top;
}
.article-info .article-info-inner {
    position: static;
    top: 0;
    left: 0;
    height: auto;
    margin: 4% 0 0 0;
    box-sizing: border-box;
    margin-top: 0;
}
.article-list ul li figure:before {
    content: "";
    display: inline-block;
    padding-top: 100%;
}
.article-list ul li + li {
    border-top: solid 1px #e9e9e9;
}
.article-info .name {
    font-size: 13px;
    line-height: 1.5em;
    max-height: 3em;
    font-weight: 500;
    letter-spacing: 0;
}
.article-info .txt {
    font-size: 12px;
    padding: 0.5em 0 0 0;
    line-height: 1.6em;
}
.map_canvas {
	width: 100%!important;
}

/************************************************/
/* News                                     */
/************************************************/

.entry-content {
	width: 94%;
    margin: 0 auto;
    padding: 0;
    border-bottom: none;
	font-size: 14px;
	line-height: 1.6;
}
.nav-links {
	font-size: 13px;
	padding: 0 10px;
}
.news_sec1 li.mProperty {
	position: relative;
    display: block;
    width: 100%;
    margin-right: 0;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px solid #e7e7e7;
    clear: both;
}
.news_sec1 li.mProperty a:after {
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 3%;
	width: 6%;
    padding-top: 1.5%;
    height: auto;
    background: url(img/icon_list_arrow.png) center no-repeat;
    background-size: contain;
}
.news_sec1 .txts li.copy {
    font-weight: bold;
    line-height: normal;
}
.news_sec1 .txts li {
    font-size: 1.2rem;
}

.news_sec1 .txts li.copy {
    font-weight: bold;
    line-height: normal;
	font-size: 13px;
}
.news_sec1 .txts li .day {
    font-weight: bold;
    line-height: normal;
	font-size: 13px;
}
.site-header nav {
	display: none;
}
#breadcrumb {
	display: none;
}
.list_dpoint {
	margin-top: 10px;
}



.form_jsearch #hof, .form_jsearch #madori, .form_jsearch #setsubi, #searchitem #hofun {
	display: none;
}











.single-fudo .list_detail dt {
	float: left;
	width: 40%;
	min-height: 32px;
	padding-top: 6px;
	padding-left: 10px;
}
.single-fudo .list_detail dd {
	padding-left: 40%;
	border-bottom: solid 1px #ccc;
	min-height: 32px;
	padding-top: 6px;
}












@media print ,screen and (min-width: 768px) {
	body {
		font-size: 15px;
	}
	.sp {
		display: none;
	}
	.pc {
		display: block;
	}
	.archive-fudo .scroll,
	.single-fudo .scroll,
	#contact .scroll,
	#company-profile .scroll {
		background: rgba(0,0,0,.85)!important;
	}
	.topnavi {
		display: none;
	}
	.site-header {
		position: absolute;
	}
	.site-header .logo {
		top: 30px;
		left: 54px;
		width: 192px;
	}
	.scroll {
		background: transparent;
		height: 120px;
		-webkit-transition: all 0.35s ease;
		-moz-transition: all 0.35s ease;
		-ms-transition: all 0.35s ease;
		-o-transition: all 0.35s ease;
		transition: all 0.35s ease;
	}
	.scroll.fixed {
		background: rgba(0,0,0,.85);
	}
	.site-header nav {
		display: block;
		right: 40px;
		font-size: 0.81rem;
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	.site-header nav ul {
		letter-spacing: -.4em;
		line-height: 1em;
		padding-bottom: 15px;
	}
	.site-header nav ul li {
		display: inline-block;
		letter-spacing: 0.04em;
	}
	.site-header nav ul li a {
		color: #FFF;
		text-decoration: none;
		font-weight: 700;
		font-size: 18px;
		-webkit-transition: 0.2s ease all;
    	transition: 0.2s ease all;
		backface-visibility: hidden;
		display: inline-block; 
	}
	.site-header nav ul li a:hover {
	    opacity: 0.65;
		-ms-filter: "alpha(opacity=65)";
		filter: alpha(opacity=65);
	}
	.site-header nav ul li + li {
		margin-left: 2.5rem;
	}
	.site-header nav ul li.nav_contact {
		display: none;
	}
	.header_contact {
		color: #fff;
		padding: 6px 0 5px 20px;
		border-top: 1px solid #fff;
		border-bottom: 1px solid #fff;
	}
	.header_contact .tel {
		display: inline-block;
		vertical-align: middle;
		padding: 0 20px 0 30px;
		margin-right: 20px;
		font-size: 32px;
		font-family: arial;
		font-weight: 400;
		font-style: normal;
		color: #fff;
		background: url(img/icon_tel.svg) no-repeat center left / 24px 24px;
		border-right: 1px solid #fff;
		line-height: 1;
	}
	.header_contact .request {
		display: inline-block;
		vertical-align: middle;
		padding: 0 20px 0 0;
		color: #fff;
		font-weight: bold;
	}
	.header_contact .request span {
		font-size: 18px;
		letter-spacing: .1rem;
	}	
	#slides h3 {
		font-size: 24px;
		max-width: 600px;
		width: auto;
	}
	#slides h3 span {
		font-size: 50px;
    	letter-spacing: 0.1em;
		font-weight: 500;
	}

	.section-inner {
		max-width: 1140px;
		margin: 0 auto 40px;
		padding: 60px 0 0;
	}
	.sec2 .section-inner > ul {
		padding: 0;
		border-top: 1px solid #e7e7e7;
	}
	a.button.gray {
		border: solid 1px #2d2d2d;
		letter-spacing: 0.04em;
		text-decoration: none;
		width: 220px;
		box-sizing: border-box;
		font-size: 15px;
		color: #2d2d2d;
		line-height: 1em;
		padding: 1.197em 0;
		background: transparent!important;
		margin: auto;
		-webkit-transition: all 0.35s ease;
		-moz-transition: all 0.35s ease;
		-ms-transition: all 0.35s ease;
		-o-transition: all 0.35s ease;
		transition: all 0.35s ease;
	}		
	a.button.gray:hover {
		background-color: #2d2d2d!important;
		color: #fff;
	}	

	.entry-header {
		margin: 160px auto 30px;
	}
	.entry-header.mv {
		height: auto;
		padding: 60px 0;
	}	
	.entry-title {
		font-size: 24px;
		letter-spacing: 0.1em;
		margin: 70px auto 50px;
	}
	.entry-title span {
		font-size: 22px;
	}
	.sec1 .main_menu {
		width: 60%;
		margin: 20px auto;
		padding: 0 15px 20px;
	}	
	.sec2 li.mProperty a:after {
		width: 1.9607%;
		padding-top: 0.4901%;
		margin-top: -0.24505%;
	}
	.news_sec1 {
		margin-top: 60px;
	}
	.news_sec1 li.mProperty a:after {
			width: 1.9607%;
			padding-top: 0.4901%;
			margin-top: -0.24505%;
	}	
	.news_sec1 li.mProperty .txts {
		display: flex;
	}
	.news_sec1 .txts li {
		font-size: 14px;
	}	
	.news_sec1 .txts li .day {
		font-size: 14px;
		line-height: 4;
	}	
	.news_sec1 .txts li.copy {
		font-size: 14px;
		padding-left: 30px;
		line-height: 4;
	}	
	.news_sec1 .section-inner > ul {
		padding: 0;
		border-top: 1px solid #e7e7e7;
	}	
.news_sec1 li.mProperty a {
    width: 100%;
    height: 100%;
    text-decoration: none;
    font-size: 0.81rem;
    color: #333333;
    line-height: 1.5em;
    display: block;
}
	.news_sec1 li.mProperty a:hover {
		background-color: #f9f9f9;
	}
	.sec2 li.mProperty .txts {
		display: flex;
	}
	.sec2 .txts li {
		font-size: 14px;
	}
	.sec2 .txts li .day {
		font-size: 14px;
		line-height: 4;
	}
	.sec2 .txts li.copy {
		font-size: 14px;
		padding-left: 30px;
		line-height: 4;
	}
	.sec2 li.mProperty a {
		width: 100%;
		height: 100%;
		text-decoration: none;
		font-size: 0.81rem;
		color: #333333;
		line-height: 1.5em;
		display: block;
	}
	.sec2 li.mProperty a:hover {
		background-color: #f9f9f9;
	}
	.imglink-list ul li .txt h4 {
		font-size: 22px;
	}	
	.imglink-list ul li {
		width: 33.333333%;
		padding-top: 10px;
		margin-top: 25px;
	}
	.imglink-list ul li .txt .btn {
		width: 50%;
		font-size: 15px;
		padding: 0.8em 0;
	}
	.section-head {
		margin: 0 auto 0;
	}
	.section-head h3 {
		font-size: 24px;
		font-weight: 500;
	}
	.imglink-list ul li .txt p {
		font-size: 14px;
		padding: 2% 0 8%;
		line-height: 1.5em;
	}
	.more {
		margin: 25px 15px 0;
	}
	.sec1 .main_menu_btn_l {
		font-size: 20px;
	}
	.sec1 .main_menu_btn_r {
		font-size: 20px;
	}
	.sec1 .main_menu small {
		font-size: 15px;
	}
	footer .top {
		display: block;
		background-color: #2d2d2d;
	}
	footer .top .top-wrap {
		max-width: 1120px;
		margin: 0 auto;
	}
	footer .top .top-inner {
		padding: 7% 20px 0;
		width: 100%;
	}
	footer .top nav {
		display: table;
		width: 100%;
		padding: 0 0 7.84%;
	}
	footer .top nav .items {
		display: table-cell;
		vertical-align: top;
		width: 25%;
	}
	footer .top nav .items {
		font-size: 0.87rem;
		position: relative;
		line-height: 1em;
	}
	footer .top nav ul li a {
		display: block;
		background-color: #2d2d2d;
		color: #fff;
	}
	footer .top nav ul li + li {
		padding-top: 1.5em;
	}
	footer .bottom .bottom-wrap {
		max-width: 1120px;
		margin: 0 auto;
		padding: 0 20px;
	}
	footer .bottom .bottom-inner .logo img {
		max-width: 170px;
	}
	footer .link {
		padding: 40px 0;
		font-size: 1rem;
	}
	footer .bottom .bottom-inner {
		padding: 30px 0;
		width: 100%;
	}
	/*
	footer .bottom .bottom-inner {
		padding: 20px 0;
		display: flex;
		justify-content: space-between;
		align-items: center
	}
	footer .top nav .items.sm ul li {
		font-size: 0.75rem;
		padding-top: 1em;
	}	
	footer .top nav .items:nth-of-type(2) ul li:nth-of-type(1) a {
		letter-spacing: 0;
	}

	footer .top nav .items a {
		color: #FFF;
		text-decoration: none;
	}
	footer .top nav .items .category {
		color: #FFF;
		font-size: 0.87rem;
		line-height: 1em;
		font-weight: 500;
	}
*/
	/*
	footer .bottom .bottom-inner .link {
		display: none;
	}

	footer .bottom .bottom-inner > div {
		text-align: left;
	}
	footer .bottom .bottom-inner .copyright {
		text-align: right;
	}
*/
	#content[role=main] {
		max-width: 1020px;
	}
	.mTitle .jp {
		font-size: 18px;
	}
	/************************************************/
	/* News                                     */
	/************************************************/

	.entry-content {
		max-width: 1020px;
	}
	/************************************************/
	/* Group                                     */
	/************************************************/
	.article-info .name {
		font-size: 19px;
	}
	.article-info .txt {
		font-size: 14px;
	}
	.article-list ul li a.boxbtn {
		padding: 2% 0;
	}
	.article-info {
		padding-top: 0;
	}
	/************************************************/
	/* Company                                      */
	/************************************************/
	#company #greeting .profile .ttl {
		font-size: 18px;
	}
	#company #guide .list dl dt {
		font-size: 14px;
		padding-bottom: 10px;
		    float: left;
    width: 200px;
	}
	#company #guide .list dl dd {
		font-size: 15px;
		    padding-left: 200px;
	}
	#company #guide .list dl dd.map a span {
		margin-right: 20px;
	}
	#staff #read .base .copy {
		font-size: 16px;
	}	
	#staff #read {
		font-size: 14px;
	}
	#staff .inner .staffsikakuTit {
		margin: 20px 0 5px;
		font-size: 14px;
	}
	#staff .inner .staffListTxtBox {
		font-size: 15px;
	}
	#company #greeting .profileTxt .read {
		font-size: 18px;
	}
	.section-head p {
		font-size: 16px;
	}
	#buy #read .base .txt {
		text-align: center;
	}
	#buy #read {
		font-size: 16px;
	}
	#buy #read .base {
		width: 100%;
	}
	#buy #read .base .copy {
		margin-bottom: 40px;
		font-size: 22px;
	}
	.entry-content {
		width: 94%;
		font-size: 16px;
		line-height: 1.6;
		margin-bottom: 60px;
	}
	#buy .form_jsearch th {
		display: table-cell;
		font-size: 16px;
		padding: 0;
		width: 25%;
		border: 1px solid #dedede;
		border-right: none;
		background: #eee;
	}
	#buy .form_jsearch td {
		display: table-cell;
		padding: 2em 1.6em;
		border: 1px solid #dedede;
		border-left: none;
	}
	#breadcrumb {
		display: block;
		margin: auto;
		overflow: hidden;
		font-size: 14px;
		padding: 0 20px;
	}
	#breadcrumb .breadcrumb_inner {
		overflow: hidden;
		padding: 10px 0;
		float: right;
	}
table {
    border-collapse: collapse;
    border-spacing: 0;
    word-break: break-all;
}
	select {
		min-width: 130px;
	}
input[type=checkbox], input[type=radio] {
    vertical-align: middle;
}
input, textarea {
    font-size: 15px;
    letter-spacing: 1px;
    padding: 9px 10px;
}
	label {
		padding-left: 4px;
	}
	input[type="button"], input[type="submit"] {
		    cursor: pointer;
    -webkit-transition: all 0.35s ease;
    -moz-transition: all 0.35s ease;
    -ms-transition: all 0.35s ease;
    -o-transition: all 0.35s ease;
    transition: all 0.35s ease;
		    border: solid 1px #e1e1e1;
	}
	input[type="button"], input[type="submit"]:hover {
		background-color: #fff;
		color: #2d2d2d;
		border: 1px solid #ccc;
	}
	.archive-fudo #container, .single-fudo #container {
		margin-top: 130px;
	}
	.list_simple_wrap {
		margin: 0 auto 30px;
		padding: 20px;
		overflow: hidden;
	}
	.list_simple_boxtitle .entry-title {
		font-size: 20px;
	}
	.list_picsam_img {
		margin-bottom: 0;
	}
	.list_picsam_img .img-wrap {
		text-align: left;
	}
	.list_simple_boxtitle {
		float: left;
	}
	.list_dpoint {
		float: right;
		width: 40%;
		margin-top: 0;
	}
	.dpoint1, .dpoint2 {
		float: left;
	}
	.dpoint2 {
		padding-left: 15px;
		font-size: 18px;
	}
	.list_picsam_img .box2image {
		max-height: 180px;
		max-width: 150px;
	}
	#list_simplepage .list_picsam {
		width: 32%;
		float: left;
	}
	#list_simplepage .list_detail {
		width: 48%;
		float: left;
		padding-right: 20px;
		font-size: 14px;
	}
	#list_simplepage .list_price {
		float: left;
		width: 30%;
	}
	#list_simplepage .list_address {
		float: left;
		width: 70%;
	}
	#list_simplepage .action-btn-area {
		width: 20%;
		float: right;
		padding: 20px 0;
	}
	.action-btn-area .button {
		font-size: 14px;
	}
	.action-btn-area .btn-box .btn-syousai-contact > span {
		float: none;
	}
	.action-btn-area .btn-box .btn-syousai-contact .btn-contact a {
		margin-top: 15px;
	}
	.dpoint1 .chinryou {
		font-size: 18px;
		margin: 0 auto 2px;
	}
	.pageback {
		font-size: 15px;
	}
	.detail_ttl {
		font-size: 20px;
	}
	.single-fudo .entry-title {
		display: inline-table;
		font-size: 22px;
   		vertical-align: middle;
		float: left;
		margin: 0;
		padding-right: 20px;
	}
	.single-fudo .info-head-wrap {
		display: table;
    	height: 64px;
		padding-top: 60px;
	}
	.single-fudo .info-head-inr {
		display: table-cell;
    	height: 64px;
    	vertical-align: middle;
		float: left;
		margin: 0;
	}
	.single-fudo .info-head-inr .kakaku {
		font-size: 20px;
		margin: 0;
	}
	.single-fudo .info-head-inr > span {
		float: left;
		font-size: 20px;
		padding-right: 20px;
	}
	.single-fudo .list_detail {
		font-size: 15px;
		margin-top: 80px;
	}
	.single-fudo .list_detail dt {
		float: left;
		width: 300px;
		min-height: 50px;
		padding-top: 13px;
    	padding-left: 20px;
	}
	.single-fudo .list_detail dd {
    	padding-left: 300px;
		border-bottom: solid 1px #ccc;
		min-height: 50px;
		padding-top: 13px;
	}
	.map_canvas {
		width: 100%!important;
		height: 500px!important;
	}
	#toiawase {
		padding-top: 90px;
	}
	#gaiyou_text {
		font-size: 24px;
		margin-bottom: 40px;
	}
	#toiawase p {
		font-size: 18px;
		margin-bottom: 0;
	}
	#toiawasesaki .section-inner {
		width: 94%;
		margin: 0 auto;
	}
	.contact .box .title {
		font-size: 18px;
	}
	.contact .box .note {
		font-size: 15px;
	}
	.contact .box ul li {
		display: inline-block;
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
		vertical-align: top;
		letter-spacing: 0.04em;
		position: relative;
		box-sizing: border-box;
	}
	.contact .box ul li a.tel {
		font-size: 22px;
	}
	.contact .box ul li a.mail {
		font-size: 18px;
	}
	.contact .box ul li + li {
		border-top: none;
	}
	.contact .box ul li + li {
		border-left: solid 1px #fff;
	}
	#liquor #read .base .copy {
		margin-bottom: 30px;
		font-size: 19px;
	}
	#liquor #read .base .txt {
		font-size: 15px;
		line-height: 1.8;
	}
	.entry-content #group {
		margin-top: 60px;
	}
	#sall #read .base .copy {
		margin-bottom: 20px;
		font-size: 18px;
	}
	#sall #read .base .txt {
		font-size: 15px;
	}
	#sall #flow .base .flow2 ul li .num {
	    font-size: 40px;
	}
	#sall #flow .base .flow2 ul li .ttl {
		margin-bottom: 20px;
		font-size: 16px;
		min-height: 20px;
	}
	#sall #flow {
		font-size: 15px;
		line-height: 1.6;
	}
	#sall #flow .base .flow2 ul li {
		padding: 20px 5% 40px;
	}
	#sall #flow .base .flow2 ul li .num {
		top: -50px;
	}
	.imglink-list.fudo-nav ul li {
		width: 50%;
		padding-top: 10px;
		margin-top: 25px;
	}
	#toiawase table tr {
	    display: table-row;
	}
	#toiawase table th, #toiawase table td {
	    display: table-cell;
		padding: 20px 10px;
	    width: 20%;
		vertical-align: top;
		    text-align: left;
	}
	#toiawase table th {
	    width: 20%;
	}
	#toiawase table td {
	    width: 71%;
	}
	#toiawase table td.hissu {
	    width: 9%;
	    display: table-cell;
	    padding: 20px 2%;
	}
	.form_next_wrap .form_next_button {
	    max-width: 300px;
	    padding: 15px 0;
	}
	.form_next_wrap {
		text-align: center;
	}
}

@media print {
  body {
    width: 1280px;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: 0 0;
  }
}


.detail_ttl {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	margin-top: 10px;
}
.list_detail {
	font-size: 13px;
}
.list_price_others {
	display: none;
}
.list_detail table {
	margin-bottom: 0;
}
.pageback {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    outline: none;
    padding: 10px 20px;
    background: #d63b3f;
    border: 1px solid #d63b3f;
    color: #fff;
    letter-spacing: 1px;
    font-weight: bold;
}

.pageback {
    background: #484848;
    border: none;
    font-weight: inherit;
    letter-spacing: 2px;
    padding: 15px 25px;
}
.pageback {
    display: block;
    margin: 10px auto;
    width: 60%;
    max-width: 300px;
	font-size: 13px;
}
.pageback a:link, .pageback a:hover, .pageback a:visited {
    color: #fff;
}
.pageback a:before {
    content: "\f002";
    color: #fff;
    display: inline-block;
    font-family:'Font Awesome 5 Free';
    margin: -1px 6px 0 -1px;
    vertical-align: middle;
	font-weight: bold;
}
.list_price {
	margin-bottom: 0;
}
.list_price dd, #list_add_table dd, #list_other_table dd {
	padding-bottom: 5px;
}
#content[role=main]{
	margin: 0 auto;
	width: 94%;
}
.fudo .entry-title {
	text-align: left;
    display: inline-block;
    vertical-align: middle;
    max-width: 100%;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1px;
    line-height: 1.3;
	margin: 1em 0 0;
}
.single-fudo #list_simplepage2 {
	overflow: hidden;
}
.single-fudo #second_img {
	padding-top: 20px;
	width: 100%;
}

.single-fudo .inner_right {
	float: none;
	width: 100%;
}
.single-fudo .inner_left {
	float: none;
	width: 100%;
	background: #f0f0f0;
	padding: 20px;
}
.single-fudo .list_detail .entry-content {
	margin: 0;
	width: 100%;
}
.single .entry-content.border_blue {
    border: 2px solid #343564;
    border-radius: 6px;
    padding: 0 12px;
	max-width: none;
	width: 100%;
	    margin-bottom: 30px;
}
#prt_bt {
	display: none;
    width: 100px;
    border: 2px solid #ccc;
    position: absolute;
    right: 20px;
    top: 150px;
    border-radius: 8px;
    color: #0C449B;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
}

.image {
  margin: 0 auto;
  min-width: 300px;
  max-width: 300px;
  min-height: 375px;
  position: relative;
  background-color: #fafafa;
}

.image__main__photo {
  width: 100%;
  vertical-align: bottom;
}
.image__sub {
  line-height: 0;
  height: 120px;
	padding-top: 15px;
}
.image__sub__thumb {
  display: block;
  float: left;
  max-width: 100px;
  height: auto;
  cursor: pointer;
}
.image__sub__thumb__photo {
  	padding: 0;
	margin: 0;
}
.image__sub__thumb:not(.active) {
  opacity: 0.4;
}
#toiawase p {
	font-size: 13px;
	margin-bottom: 0;
}



#toiawase input[type="text"], #toiawase textarea {
  max-width:100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}



#toiawase {
	padding-top: 60px;
	max-width: 900px;
	margin: 0 auto;
}
#toiawase table {
    width: 100%;
}
#toiawase table tr {
    display: block;
    margin: 0 auto 15px;
}
#toiawase table th {
    font-size: 14px;
	font-weight: bold;
    display: inline-block;
	padding: 5px 0;
}
#toiawase table td {
    width: 100%;
	display: inline-block;
}
#toiawase table td.hissu {
    width: 50px;
    display: inline-block;
	padding: 5px;
}
#toiawase table td.hissu .yes {
    background: #dc080c;
	color: #fff;
}
#toiawase table td.hissu span {
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    letter-spacing: 2px;
    line-height: 20px;
	padding: 1px 6px 1px 6px;
}
#gaiyou_text {
    font-size: 14px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 20px;
}
#toiawase table {
    margin-bottom: 0;
}
.list_picsam {
	    overflow: hidden;
}
.archive-fudo #content[role=main] {
	margin-bottom: 30px;
}
.single-fudo #panorama #container {
		margin-top: 20px;
}
.form_jsearch #eki  {
	display: none;
}

@media print ,screen and (min-width: 768px) {
	.detail_ttl {
		font-size: 15px;
	}

	.single-fudo .info-head-wrap .entry-title {
		display: inline-table;
		font-size: 22px;
   		vertical-align: middle;
		float: left;
		margin: 0;
		padding-right: 20px;
	}

	.single-fudo .info-head-wrap {
		display: table;
    	height: 44px;
		padding-top: 20px;
	}
	.single-fudo .info-head-inr {
		display: table-cell;
    	height: 44px;
    	vertical-align: middle;
		float: left;
		margin: 0;
	}
	.single-fudo .info-head-inr .kakaku {
		font-size: 20px;
		margin: 0;
	}
	.single-fudo .info-head-inr > span {
		float: left;
		font-size: 20px;
		padding-right: 20px;
	}
	.single-fudo .list_detail {
		font-size: 15px;
		margin-top: 30px;
	}
	.single-fudo .list_detail dt {
		float: left;
		width: 300px;
		min-height: 50px;
		padding-top: 13px;
    	padding-left: 20px;
	}
	.single-fudo .list_detail dd {
    	padding-left: 300px;
		border-bottom: solid 1px #ccc;
		min-height: 50px;
		padding-top: 13px;
	}
	.map_canvas {
		width: 100%!important;
		height: 500px!important;
	}
	#toiawase {
		padding-top: 90px;
	}
	#gaiyou_text {
		font-size: 18px;
		margin-bottom: 40px;
	}
	#toiawase p {
		font-size: 14px;
		margin-bottom: 5px;
	}
	#toiawasesaki .section-inner {
		width: 94%;
		margin: 0 auto;
	}
	.contact .box .title {
		font-size: 16px;
	}
	.contact .box .note {
		font-size: 15px;
	}
	.contact .box ul li {
		display: inline-block;
		width: -webkit-calc(100% / 2);
		width: calc(100% / 2);
		vertical-align: top;
		letter-spacing: 0.04em;
		position: relative;
		box-sizing: border-box;
	}
	.contact .box ul li a.tel {
		font-size: 22px;
	}
	.contact .box ul li a.mail {
		font-size: 18px;
	}
	.contact .box ul li + li {
		border-top: none;
	}
	.contact .box ul li + li {
		border-left: solid 1px #fff;
	}
	#liquor #read .base .copy {
		margin-bottom: 30px;
		font-size: 19px;
	}
	#liquor #read .base .txt {
		font-size: 15px;
		line-height: 1.8;
	}
	.entry-content #group {
		margin-top: 60px;
	}
	#sall #read .base .copy {
		margin-bottom: 20px;
		font-size: 18px;
	}
	#sall #read .base .txt {
		font-size: 15px;
	}
	#sall #flow .base .flow2 ul li .num {
	    font-size: 40px;
	}
	#sall #flow .base .flow2 ul li .ttl {
		margin-bottom: 20px;
		font-size: 16px;
		min-height: 20px;
	}
	#sall #flow {
		font-size: 15px;
		line-height: 1.6;
	}
	#sall #flow .base .flow2 ul li {
		padding: 20px 5% 40px;
	}
	#sall #flow .base .flow2 ul li .num {
		top: -50px;
	}
	.imglink-list.fudo-nav ul li {
		width: 50%;
		padding-top: 10px;
		margin-top: 25px;
	}
	#toiawase table tr {
	    display: table-row;
	}
	#toiawase table th, #toiawase table td {
	    display: table-cell;
		padding: 20px 20px;
		vertical-align: top;
		    text-align: left;
	}
	#toiawase table th {
	    width: 30%;
		background: #f0f0f0;
    	border: 1px solid #ccc;
		border-right: none;
	}
	#toiawase table td {
	    width: 70%;
    	border: 1px solid #ccc;
	}
	#toiawase table td.hissu {
	    width: 9%;
	    display: table-cell;
	    padding: 20px 2%;
    	border: 1px solid #ccc;
		border-left: none;
		background: #f0f0f0;
	}
	.form_next_wrap .form_next_button {
	    max-width: 300px;
	    padding: 15px 0;
		margin-top: 40px;
	}
	.form_next_wrap {
		text-align: center;
	}
	.archive-fudo #content[role=main] {
		/*
		float: right;
		width: 920px;*/
		padding: 0;
		margin-bottom: 90px;
	}
	.single-fudo .inner {
		margin: 80px auto 0;
	}
	.single-fudo .inner_right {
		float: right;
		width: 740px;
	}
	.single-fudo .inner_left {
		float: left;
		padding: 20px;
		width: 260px;
		margin-top: 0;
	}
	.single .entry-content.border_blue {
	    padding: 0 20px;
	}
	#prt_bt {
		display: block;
	}
}