/*
Theme Name: HYRE 2026
Template: twentyseventeen
Theme URI: https://hyre-lab.com/
Author: hyre
Author URI: https://hyre-lab.com/
Description: Child theme for the Twenty Seventeen for WordPress
Template: twentyseventeen
Version: 0.1.0
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
13.1 Header
13.2 Front Page
13.3 Regular Content
13.4 Posts
13.5 Pages
13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
font-family: "Roboto Condensed", sans-serif;
line-height: 1.15;
-ms-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;

-webkit-user-drag: none;
-khtml-user-drag: none;
-webkit-touch-callout: none;
}

img {
pointer-events: none;
}/* 画像の保存禁止処理 */

body {
margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
display: block;
}

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

figcaption,
figure,
main {
display: block;
}

figure {
margin: 1em 0;
}

hr {
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
height: 0;
overflow: visible;
}

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

a {
background-color: transparent;
-webkit-text-decoration-skip: objects;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}

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

abbr[title] {
border-bottom: 1px #767676 dotted;
text-decoration: none;
}

b,
strong {
font-weight: inherit;
}

b,
strong {
font-weight: 700;
}

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

dfn {
font-style: italic;
}

mark {
background-color: #eee;
color: #222;
}

small {
font-size: 80%;
}

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

sub {
bottom: -0.25em;
}

sup {
top: -0.5em;
}

audio,
video {
display: inline-block;
}

audio:not([controls]) {
display: none;
height: 0;
}

img {
border-style: none;
}

svg:not(:root) {
overflow: hidden;
}

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

button,
input {
overflow: visible;
}

button,
select {
text-transform: none;
}

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

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

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

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

legend {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
color: inherit;
display: table;
max-width: 100%;
padding: 0;
white-space: normal;
}

progress {
display: inline-block;
vertical-align: baseline;
}

textarea {
overflow: auto;
}

[type="checkbox"],
[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
}

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

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

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

::-webkit-file-upload-button {
-webkit-appearance: button;
font: inherit;
}

details,
menu {
display: block;
}

summary {
display: list-item;
}

canvas {
display: inline-block;
}

template {
display: none;
}

[hidden] {
display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
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;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
clip: auto !important;
color: #21759b;
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
height: auto;
left: 5px;
line-height: normal;
padding: 15px 23px 14px;
text-decoration: none;
top: 5px;
width: auto;
z-index: 100000;/* Above WP toolbar. */
}

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

/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer: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,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
content: "";
display: table;
table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
color: #222;
font-size: 17px;
font-size: 1rem;
font-weight: 400;
line-height: 1.66;
}

h1,
h2,
h3,
h4,
h5,
h6 {
clear: both;
line-height: 150%;
margin: 0 0 0.4em;
padding: 1.5em 0 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
padding-top: 0;
}

h1 {
font-size: 24px;
font-size: 1.5rem;
}

h2 {
font-size: 20px;
font-size: 1.25rem;
}

h3 {
font-size: 18px;
font-size: 1.125rem;
}

h4 {
font-size: 16px;
font-size: 1rem;
}

h5 {
font-size: 16px;
font-size: 0.8125rem;
text-transform: none;
}

h6 {
font-size: 15px;
font-size: 0.9375rem;
font-weight: 700;
line-height:150%;
}

p {
margin: 0 0 1em;
padding: 0;
}

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

blockquote {
color: #666;
font-size: 18px;
font-size: 1rem;
font-style: italic;
line-height: 1.7;
margin: 0;
overflow: hidden;
padding: 0;
}

blockquote cite {
display: block;
font-style: normal;
font-weight: 700;
margin-top: 0.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: #eee;
text-decoration: none;
}

big {
font-size: 125%;
}

blockquote {
quotes: "" "";
}

q {
quotes: "“" "”" "‘" "’";
}

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

:focus {
outline: none;
}

/* Typography for Arabic Font */

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang="fa-IR"] body,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input,
html[lang="fa-IR"] select,
html[lang="fa-IR"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
font-family: Tahoma, Arial, sans-serif;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
font-weight: 700;
}

/* Typography for Chinese Font */

html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
}

html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
font-weight: 700;
}

/* Typography for Cyrillic Font */

html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}

html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
font-weight: 700;
line-height: 1.2;
}

/* Typography for Devanagari Font */

html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
font-family: Arial, sans-serif;
}

html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
font-weight: 700;
}

/* Typography for Greek Font */

html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
font-weight: 700;
line-height: 1.3;
}

/* Typography for Gujarati Font */

html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
font-family: Arial, sans-serif;
}

html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
font-weight: 700;
}

/* Typography for Hebrew Font */

html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
font-family: "Arial Hebrew", Arial, sans-serif;
}

html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
font-weight: 700;
}

/* Typography for Japanese Font */

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
font-family: "Roboto Condensed", sans-serif;
}


/* 追記 モバイルサイズの時の記事タイトルを細い線に */

html[lang="ja"] h1 {
font-weight: 700;
}

html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
font-weight: 700;
}

/* Typography for Korean font */

html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}

html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
font-weight: 700;
}

/* Typography for Thai Font */

html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
line-height: 1.65;
font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
line-height: 1.8;
font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Remove letter-spacing for all non-latin alphabets */

html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ja"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
letter-spacing: 1px !important;
}

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

label {
color: #333;
display: block;
font-weight: 700;
margin-bottom: 0.5em;
}

fieldset {
margin-bottom: 1em;
}

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;
background: #fff;
background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
border: none;
border: 1px solid #000;
-webkit-border-radius: 3px;
border-radius: 3px;
display: block;
padding: 0.7em;
width: 100%;
font-size: 1.4rem;
}

.contact-textarea input[type="text"] {
border-top: 1px solid #000;
}

.search-form input[type="search"] {
background: #2b2b2b;
font-size:1rem;
color: #fff !important;
}

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: #222;
border-color: #333;
}

select {
border: 1px solid #bbb;
-webkit-border-radius: 3px;
border-radius: 3px;
height: 3em;
max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {

}

button,
input[type="button"],
input[type="submit"] {
background-color: #000;
border: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 22px;
font-size: 0.875rem;
font-weight: 700;
line-height: 1;
padding: 1em 2em;
text-shadow: none;
-webkit-transition: background 0.2s;
transition: background 0.2s;
}

input + button,
input + input[type="button"],
input + input[type="submit"] {
padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
background-color: #ddd;
color: #222;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
background: #a39169;
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
color: #999;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
color: #999;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
color: #999;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
opacity: 1;
/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
color: #999;
font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
margin: 0;
padding: 0;
}

ul {
list-style: none;
}

ol {
list-style: decimal;
}

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

dt {
font-weight: 700;
}

dd {
margin: 0;
}

li {
list-style:none;
}

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

table {
border-collapse: collapse;
margin: 0 0 1.5em;
width: 100%;
border: 1px solid #000;
}

thead th {
border-bottom: 2px solid #000;
padding-bottom: 0.5em;
}

th {
padding: 0.4em;
text-align: left;
}

tr {
border-bottom: 1px solid #000;
}

td {
padding: 1em;
border-left: 1px solid #000;
}

th:first-child,
td:first-child {
padding-left: 1em;
}

th:last-child,
td:last-child {
padding-right: 1em;
}


table.price-table td {
max-width: 50%;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
color: #222;
text-decoration: none;
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}

a:focus {
outline: 0;
}

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

/* Hover effects */

.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong,
.page-content a {
font-weight: 700;
}

.entry-content a,
.page-content a {
color: #a39169;

-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;

-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
text-decoration: none;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover,
.page-content a:focus,
.page-content a:hover {
color: #fff100;
}

/* Fixes linked images */
.entry-content a img,
.widget a img {
-webkit-box-shadow: 0;
box-shadow: 0 ;
display: block;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
color: #222;
}

/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/

.post-thumbnail {
margin-bottom: 0em;
}

/* .single .post-thumbnail {
display:none;
} 

.post-thumbnail a img {
-webkit-backface-visibility: hidden;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
opacity: 0.7;
}

*/

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

.navigation-top .icon {
display: none;
}


.navigation-top {
background-color: none;
border-bottom: none;
border-top: none;
font-size: 16px;
font-size: 1rem;
position: relative;
padding:0;
background: #fff;
}

.home .navigation-top {
padding: 3em 0;
}

.navigation-top .wrap {
max-width: 2400px;
padding: 0;
}

.navigation-top a {
-webkit-transition: color 0.2s;
transition: color 0.2s;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
color: #a39169;
}

.main-navigation {
clear: both;
display: block;
}

.main-navigation ul a{
color:#444;
}

.main-navigation ul ul a{
color:#444;
}

.main-navigation ul {
background: transparent;
margin: 0;
padding: 0 1.5em;
text-align: left;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
display: none;
}

.main-navigation > div > ul {
border-top: 1px solid #eee;
padding: 0.75em 1.695em;
}

.js .main-navigation.toggled-on > div > ul {
display: block;
}

.main-navigation ul ul {
padding: 0 0 0 1.5em;
}

.main-navigation ul ul.toggled-on {
display: block;
}

.main-navigation ul ul a {
letter-spacing: 0;
padding: 0.4em 0;
position: relative;
text-transform: none;
}

.main-navigation li {
border-bottom: 1px solid #eee;
position: relative;
}

.main-navigation li li,
.main-navigation li:last-child {
border: 0;
}

.main-navigation a {
display: block;
padding: 0.5em 0;
text-decoration: none;
}

.main-navigation a:hover {
color: #a39169;
}




/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

html {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

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

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

#page {
position: relative;
word-wrap: break-word;
}

.wrap {
margin-left: auto;
margin-right: auto;
max-width: auto;
}

.wrap:after {
clear: both;
content: "";
display: block;
}

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

#masthead .wrap {
position: relative;
}

.site-header {
background-color:transparent;
position: relative;
}

/* Site branding */

.site-branding {
padding: 3% 1%;
top:0;
position: relative;
-webkit-transition: margin-bottom 0.2s;
transition: margin-bottom 0.2s;
z-index: 3;
}

.site-branding img {
width: 126px;
}

.home .site-branding img {
width: 400px;
}


.home .site-branding {
background: none;
border-top:none;
text-align:center;
padding-top: 33%;
}

.site-branding {
background: #fffffc;
}

.site-branding a {
text-decoration: none;
-webkit-transition: opacity 0.2s;
transition: opacity 0.2s;
}

.site-branding a:hover,
.site-branding a:focus {
opacity: 1;
}

.site-title {
clear: none;
font-size: 24px;
font-size: 1.5rem;
font-weight: 700;
line-height: 1.25;
letter-spacing: 0.08em;
margin: 0;
padding: 0;
text-transform: none;
}

.home .site-title {
margin: 10% 0;
}

.site-title,
.site-title a {
color: #222;
opacity: 1;/* Prevent opacity from changing during selective refreshes in the customize preview */
}

body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
color: #fff;
}

.custom-logo-link {
display: inline-block;
padding-right: 1em;
vertical-align: middle;
width: auto;
}

.custom-logo-link img {
display: inline-block;
max-height: 80px;
width: auto;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-height: 200px;
max-width: 100%;
}

.custom-logo-link a:hover,
.custom-logo-link a:focus {
opacity: 1;
}

body:not(.title-tagline-hidden) .site-branding-text {
display: inline-block;
vertical-align: middle;
}

.custom-header {
position: relative;
margin-bottom: 0!important;
}

.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: table;
height: 500px;
width: 100%;
}

.custom-header-media {
bottom: 0;
left: 0;
overflow: hidden;
position: absolute;
right: 0;
top: 0;
width: 100%;
}

.custom-header-media:before {
bottom: 0;
content: "";
display: block;
height: 100%;
left: 0;
position: absolute;
right: 0;
z-index: 2;
}

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
position: fixed;
height: auto;
left: 50%;
max-width: 1000%;
min-height: 100%;
min-width: 100%;
min-width: 100vw;/* vw prevents 1px gap on left that 100% has */
width: auto;
top: 50%;
padding-bottom: 1px;/* Prevent header from extending beyond the footer */
-ms-transform: translateX(-50%) translateY(-50%);
-moz-transform: translateX(-50%) translateY(-50%);
-webkit-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}

.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
background-color: rgba(34, 34, 34, 0.5);
border: 1px solid rgba(255, 255, 255, 0.6);
color: rgba(255, 255, 255, 0.6);
height: 45px;
overflow: hidden;
padding: 0;
position: fixed;
right: 30px;
top: 30px;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
width: 45px;
}

.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
border-color: rgba(255, 255, 255, 0.8);
background-color: rgba(34, 34, 34, 0.8);
color: #fff;
}

.admin-bar .wp-custom-header-video-button {
top: 62px;
}

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
bottom: 0;
position: absolute;
top: auto;
-ms-transform: translateX(-50%) translateY(0);
-moz-transform: translateX(-50%) translateY(0);
-webkit-transform: translateX(-50%) translateY(0);
transform: translateX(-50%) translateY(0);
}

/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
.front-background img,
.front-artpurchase img,
.single-featured-image-header img,
.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe,
.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
height: 100%;
left: 0;
-o-object-fit: cover;
object-fit: cover;
top: 0;
-ms-transform: none;
-moz-transform: none;
-webkit-transform: none;
transform: none;
width: 100%;
}
}

/* Hides div in Customizer preview when header images or videos change. */

body:not(.has-header-image):not(.has-header-video) .custom-header-media {
display: none;
}

.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
display: table-cell;
height: 100%;
vertical-align: top;
}

/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/

.twentyseventeen-front-page .site-content {
padding: 0;
}

.twentyseventeen-panel {
overflow: hidden;
position: relative;
}

.panel-image {
background-position: center center;
background-repeat: no-repeat;
-webkit-background-size: cover;
background-size: cover;
position: relative;
}

.panel-image:before {
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);/* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0);/* IE6-9 */
bottom: 0;
content: "";
left: 0;
right: 0;
position: absolute;
top: 100px;
}

.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
border-top: 1px solid #ddd;
}

.panel-content {
position: relative;
}

.panel-content .wrap {
padding-bottom: 0em;
padding-top: 0em;
}

/* Panel edit link */

.twentyseventeen-panel .edit-link {
display: block;
margin: 0.3em 0 0;
}

.twentyseventeen-panel .entry-header .edit-link {
font-size: 14px;
font-size: 0.875rem;
}

/* Front Page - Recent Posts */

.twentyseventeen-front-page .panel-content .recent-posts article {
border: 0;
color: #333;
margin-bottom: 3em;
}

.recent-posts .entry-header {
margin-bottom: 1.2em;
}

.page .panel-content .recent-posts .entry-title {
font-size: 20px;
font-size: 1.25rem;
letter-spacing: 0;
text-transform: none;
}

.twentyseventeen-panel .recent-posts .entry-header .edit-link {
color: #222;
display: inline-block;
font-size: 11px;
font-size: 0.6875rem;
margin-left: 1em;
}

/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

.site-content-contain {
position: relative;
background: #000;
}

.site-content {
padding: 0;
background:#fffffc;

}

/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/

/* Post Landing Page */

.sticky {
position: relative;
}

.post:not(.sticky) .icon-thumb-tack {
display: none;
}

.sticky .icon-thumb-tack {
display: block;
height: 18px;
left: -1.5em;
position: absolute;
top: 1.65em;
width: 20px;
}

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
font-size:2.3rem;
line-height:150%;
letter-spacing: 2px !important;
font-weight: 700;
padding-bottom:0;
text-align:center;
color: #000;
}

.entry-header .entry-title {
margin-bottom: 0em;
line-height:1.5em;
}

.entry-title a {
text-decoration: none;
font-weight:500;
font-size:0.8rem;
}

.entry-title:not(:first-child) {
padding-top: 0;
}

.entry-meta {
font-size: 15px;
font-size: 0.9em;
text-transform: none;
}

.entry-header .entry-meta {
padding: 1% 3% 2%;
font-size: 0.9rem;
text-align: center;
}

.byline,
.updated:not(.published) {
display: none;
}

.single .byline,
.group-blog .byline {
display: inline;
}

.pagination,
.comments-pagination {
border-top: 0px solid #eee;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
padding: 1em 0 1em;
text-align: center;
}

.pagination .icon,
.comments-pagination .icon {
width: 0.666666666em;
height: 0.666666666em;
}

.comments-pagination {
border: 0;
}

.page-numbers {
display: inline-block;
padding: 1.2em 1.7em;
margin:2% auto;
max-width:95%;
background:#ebebeb;
}

.pagination a:hover {
background:#000;
color:#fff;
}


.page-numbers.current {
color: #fff;
display: inline-block;
background:#a39169;
}

.page-numbers.current .screen-reader-text {
clip: auto;
height: auto;
overflow: auto;
width: auto;
}

.prev.page-numbers,
.next.page-numbers {
display: block;
font-size:0;
padding:1%;
background:none;
}

.prev.page-numbers span.dashicons-arrow-left-alt2,
.next.page-numbers span.dashicons-arrow-right-alt2 {
font-size:30px;
width:30px;
height:30px;
line-height:30px;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
color: #ebebeb;
background:none;
}

.prev.page-numbers {
float: left;
}

.next.page-numbers {
float: right;
}

/* Aligned blockquotes */

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
width: 48%;
}

/* Blog landing, search, archives */

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 0em;
}

body:not(.twentyseventeen-front-page) .entry-header {
padding: 0;
}

body:not(.twentyseventeen-front-page) .entry-header,
body:not(.twentyseventeen-front-page) .entry-content,
body:not(.twentyseventeen-front-page) #comments {
margin-left: auto;
margin-right: auto;
}

body:not(.twentyseventeen-front-page) .entry-header {
padding-top: 0;
margin-bottom:1em;
}

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
color: #222;
display: inline-block;
margin-left: 1em;
white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
margin-left: 0;
white-space: nowrap;
}

.taxonomy-description {
color: #666;
font-size: 13px;
font-size: 0.8125rem;
}

/* More tag */

.entry-content .more-link:before {
content: "";
display: block;
margin-top: 1.5em;
}

/* Single Post */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
margin-left: auto;
margin-right: auto;
padding: 3em 2%;
}

.single-featured-image-header {
background-color: #fff;
}

.single-featured-image-header img {
display: block;
margin: auto;
}

.page-links {
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
padding: 2em 0 3em;
}

.page-links .page-number {
color: #767676;
display: inline-block;
padding: 0.5em 1em;
}

.page-links a {
display: inline-block;
}

.page-links a .page-number {
color: #222;
}

/* Entry footer */

.entry-footer {
display:none;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
display: none;
font-size: 11px;
font-size: 0.6875rem;
font-weight: 700;
padding-left: 2.5em;
position: relative;
text-transform: none;
}

.entry-footer .cat-links + .tags-links {
margin-top: 1em;
}

.entry-footer .cat-links a,
.entry-footer .tags-links a {
color: #333;
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
color: #767676;
left: 0;
margin-right: 0.5em;
position: absolute;
top: 2px;
}

.entry-footer .edit-link {
display: inline-block;
}

.entry-footer .edit-link a.post-edit-link {
background-color: #222;
-webkit-border-radius: 2px;
border-radius: 2px;
-webkit-box-shadow: none;
box-shadow: none;
color: #fff;
display: inline-block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
margin-top: 2em;
padding: 0.7em 2em;
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
white-space: nowrap;
}

.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
background-color: #767676;
}

/* Post Formats */

.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
display: none;
}

.format-quote blockquote {
color: #333;
font-size: 20px;
font-size: 1.25rem;
overflow: visible;
position: relative;
}

.format-quote blockquote .icon {
display: block;
height: 20px;
left: -1.25em;
position: absolute;
top: 0.4em;
-webkit-transform: scale(-1, 1);
-ms-transform: scale(-1, 1);
transform: scale(-1, 1);
width: 20px;
}

/* Post Navigation */

.post-navigation {
font-weight: 700;
margin: 0;
}

.post-navigation .nav-links {
padding: 1% 3%;
}

.nav-subtitle {
display:none;
}

.nav-title {
color: #333;
font-size: 15px;
font-size: 0.9375rem;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.post-navigation .nav-next {
margin-top: 1.5em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
margin-right: 0.5em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
margin-left: 0.5em;
}

/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

.page-header {
padding-bottom: 2em;
display:none;
}

.page .entry-header .edit-link {
font-size: 14px;
font-size: 0.875rem;
}

.search .page .entry-header .edit-link {
font-size: 11px;
font-size: 0.6875rem;
}

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

.page:not(.home) #content {

}

/* 404 page */

.error404 .page-content {
padding-bottom: 4em;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
margin-bottom: 3em;
}

/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

.site-footer {
padding:0.5% 1%;
background: #000;
}

.site-footer .wrap {
padding:1%;
}

.site-footer h2.widget-title {
font-size: 12px !important;
margin-bottom: 0.5em;
text-transform: none;
color:#323232;
}

/* Footer widgets */

.site-footer .widget-area {
padding:1%;
color:#666;
}

.site-footer .widget-area a {
color:#fff;
font-size:1.2rem;
line-height:150%;
}

.site-footer .widget ul {
margin: 0;
}

.site-footer .widget ul li {
padding: 0;
}

/* スマホから見たときのフッターウィジェット */

.site-footer .widget-area {
padding:1%;
}

.site-footer .widget-column.footer-widget-1 {
width: 100%;
}

.site-footer .widget-column.footer-widget-2 {
width: 100%;
}

.site-footer .widget-column.footer-widget-3 {
width: 100%;
}

.site-footer .widget-column.footer-widget-4 {
width: 100%;
}

/* Social nav */

.social-navigation {
font-size: 16px;
font-size: 0.7rem;
}

.social-navigation ul {
margin-bottom: 0;
margin-left: 0;
}

.social-navigation li {
display: inline;
}

.social-navigation a {
display: inline-block;
margin: 0 1em 0.5em 0;
text-align: center;
}

.social-navigation a:hover,
.social-navigation a:focus {

}

.social-navigation .icon {
height: 1.3rem;
width: 1.3rem;
vertical-align: top;
display:block;
color:#a39169;
}

.social-navigation .icon:hover,
.social-navigation .icon:focus {
color: #fff;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;

}

.site-footer .social-navigation {
text-align: center;
}

/* Site info */

.site-info {
font-size: 14px;
font-size: 0.7rem;
margin-bottom: 1em;
color:#fff;
padding-top: 1em;
border-top: 0.5px solid #a39169
}

.site-info a {
color: #fff;
}

.site-info .sep {
margin: 0;
display: block;
visibility: hidden;
height: 0;
width: 100%;
}

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

#comments {
clear: both;
padding: 2em 0 0.5em;
width:80%;
}

.comments-title {
font-size: 14px;
font-size: 1.0rem;
margin-bottom: 1.5em;
}

.comment-list,
.comment-list .children {
list-style: none;
margin: 0;
padding: 0;
}

.comment-list li:before {
display: none;
}

.comment-body {
margin-left: 65px;
}

.comment-author {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0.4em;
position: relative;
z-index: 2;
}

.comment-author .avatar {
height: 50px;
left: -65px;
position: absolute;
width: 50px;
}

.comment-author .says {
display: none;
}

.comment-meta {
margin-bottom: 1.5em;
}

.comment-metadata {
color: #767676;
font-size: 10px;
font-size: 0.625rem;
font-weight: 700;
text-transform: none;
}

.comment-metadata a {
color: #767676;
}

.comment-metadata a.comment-edit-link {
color: #222;
margin-left: 1em;
}

.comment-body {
color: #333;
font-size: 14px;
font-size: 0.875rem;
margin-bottom: 4em;
}

.comment-reply-link {
font-weight: 700;
position: relative;
}

.comment-reply-link .icon {
color: #222;
left: -2em;
height: 1em;
position: absolute;
top: 0;
width: 1em;
}

.children .comment-author .avatar {
height: 30px;
left: -45px;
width: 30px;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
border: 1px solid #333;
padding: 2px;
}

.no-comments,
.comment-awaiting-moderation {
color: #767676;
font-size: 14px;
font-size: 0.875rem;
font-style: italic;
}

.comments-pagination {
margin: 2em 0 3em;
}

.form-submit {
text-align: right;
}

/*--------------------------------------------------------------
15.0 Widgets
--------------------------------------------------------------*/

#secondary {
padding: 1em 0 2em;
}

.widget {
padding-bottom: 1em;
}

h2.widget-title {
color: #666;
font-size: 18px;
font-size:1.6rem !important;
font-weight: 700;
letter-spacing: 0.1818em;
text-transform: none;
}

.widget-title a {
color: inherit;
}

/* widget forms */

.widget select {
width: 100%;
}


/* widget lists */

.widget ul {
margin: 0;
}

.widget ul li {
border-bottom: 0px dotted #ddd;
border-top: 0px solid #ddd;
padding: 0.5em 0;
}

.widget ul li + li {
margin-top: -1px;
}

.widget ul li ul {
margin: 0 0 -1px;
padding: 0;
position: relative;
}

.widget ul li li {
border: 0;
padding-left: 24px;
padding-left: 1.5rem;
}

/* Widget lists of links */

.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
padding-bottom: 0.25em;
padding-top: 0.25em;
}

.widget_rss ul li {
padding-bottom: 1em;
padding-top: 1em;
}

/* widget markup */

.widget .post-date,
.widget .rss-date {
font-size: 0.81em;
}

/* Text widget */

.widget_text {
word-wrap: break-word;
}

/* RSS Widget */

.widget_rss .widget-title .rsswidget:first-child {
float: right;
}

.widget_rss .widget-title .rsswidget:first-child:hover {
background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
display: block;
}

.widget_rss ul li {
padding: 2.125em 0;
}

.widget_rss ul li:first-child {
border-top: none;
padding-top: 0;
}

.widget_rss li .rsswidget {
font-size: 22px;
font-size: 1.375rem;
line-height: 1.4;
}

.widget_rss .rss-date,
.widget_rss li cite {
color: #767676;
display: block;
font-size: 10px;
font-size: 0.625rem;
font-style: normal;
font-weight: 700;
letter-spacing: 0.18em;
line-height: 1.5;
text-transform: none;
}

.widget_rss .rss-date {
margin: 0.5em 0 1.5em;
padding: 0;
}

.widget_rss .rssSummary {
margin-bottom: 0.5em;
}

/* Contact Info Widget */

.widget_contact_info .contact-map {
margin-bottom: 0.5em;
}

/* Gravatar */

.widget-grofile h4 {
font-size: 16px;
font-size: 1rem;
margin-bottom: 0;
}

/* Recent Comments */

.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
border: 0;
}

/* Recent Posts widget */

.widget_recent_entries .post-date {
display: block;
}

/* Search */

.search-form {
position: relative;
}

.search-form .search-submit {
bottom: 3px;
padding: 0.5em 1em;
position: absolute;
right: 3px;
top: 3px;
color: #a39169;
}

.search-form .search-submit:hover {
color: #fff;
}

.search-form .search-submit .icon {
height: 24px;
top: -2px;
width: 24px;
}

/* Tag cloud widget */

.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
line-height: 1.5;
}

.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
border: 1px solid #ddd;
-webkit-box-shadow: none;
box-shadow: none;
display: inline-block;
float: left;
font-size: 14px !important;/* !important to overwrite inline styles */
font-size: 0.875rem !important;
margin: 4px 4px 0 0 !important;
padding: 4px 10px 5px !important;
position: relative;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
width: auto;
word-wrap: break-word;
z-index: 0;
}

.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
border-color: #bbb;
-webkit-box-shadow: none;
box-shadow: none;
text-decoration: none;
}

/* Calendar widget */

.widget_calendar th,
.widget_calendar td {
text-align: center;
}

.widget_calendar tfoot td {
border: 0;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

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

img.alignleft,
img.alignright {
float: none;
margin: 0;
}

.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 {
margin-bottom: 1.5em;
max-width: 100%;
}

.gallery-caption {
font-size: 13px;
font-size: 0.81rem;
margin-bottom: 1.5em;
max-width: 100%;
}

.wp-caption {
color: #a39169;
font-style: italic;
font-size: 13px;
font-size: 0.81rem;
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;
display: none;
}

/* Media Elements */

.mejs-container {
margin-bottom: 1.5em;
}

/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
background: transparent;
border: 0;
}

/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {
border-color: #eee;
color: #222;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
color: #333;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
color: #767676;
}

.site-content .wp-playlist-light .wp-playlist-item {
border-bottom: 1px dotted #eee;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #767676;
color: #fff;
}

.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
color: #fff;
}

/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {
background: #222;
border-color: #333;
}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {
background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-caption {
color: #fff;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
color: #eee;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
color: #aaa;
}

.site-content .wp-playlist-dark .wp-playlist-playing {
background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-item {
border-bottom: 1px dotted #555;
-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
border-bottom-color: rgba(0, 0, 0, 0);
background-color: #aaa;
color: #222;
}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
color: #222;
}

/* Playlist Style Overrides */

.site-content .wp-playlist {
padding: 0.625em 0.625em 0.3125em;
}

.site-content .wp-playlist-current-item .wp-playlist-item-title {
font-weight: 700;
}

.site-content .wp-playlist-current-item .wp-playlist-item-album {
font-style: normal;
}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {
font-size: 10px;
font-size: 0.625rem;
font-weight: 700;
letter-spacing: 0.1818em;
text-transform: none;
}

.site-content .wp-playlist-item {
padding: 0 0.3125em;
cursor: pointer;
}

.site-content .wp-playlist-item:last-of-type {
border-bottom: none;
}

.site-content .wp-playlist-item a {
padding: 0.3125em 0;
border-bottom: none;
}

.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}

.site-content .wp-playlist-item-length {
top: 5px;
}

/* SVG Icons base styles */

.icon {
display: inline-block;
fill: currentColor;
height: 1em;
position: relative;/* Align more nicely with capital letters */
top: -0.0625em;
vertical-align: middle;
width: 1em;
}

/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

.gallery-item figure {
margin: 0 0;
}

.gallery-item {
display: inline-block;
text-align: left;
vertical-align: top;
margin: 0 0 0;
padding: 2.5px 5px;
width: 50%;
}

.gallery-columns-1 .gallery-item {
width: 100%;
}

.gallery-columns-2 .gallery-item {
max-width: 50%;
}

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus {
-webkit-box-shadow: none;
box-shadow: none;
background: none;
display: inline-block;
max-width: 100%;
}

.gallery-item a img {
display: block;
-webkit-transition: -webkit-filter 0.2s ease-in;
transition: -webkit-filter 0.2s ease-in;
transition: filter 0.2s ease-in;
transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
-webkit-filter: opacity(60%);
filter: opacity(60%);
}

.gallery-caption {
display: none;
text-align: left;
padding: 0 10px 0 0;
margin-bottom: 0;
}

/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
border: 2px dashed #0085ba;/* Matches visible edit shortcuts. */
bottom: 1em;
content: "";
display: block;
left: 1em;
position: absolute;
right: 1em;
top: 1em;
z-index: 1;
}

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
z-index: 2;/* Prevent :after from preventing interactions within the section */
}

/* Used for placeholder text */
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
display: block;
font-size: 14px;
font-size: 0.875rem;
font-weight: 700;
letter-spacing: 1px;
padding: 3em;
text-transform: none;
text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
border: none;
}

.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
border: 0;
}

/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel .customize-partial-edit-shortcut button {
top: 30px;
left: 30px;
}

/* Ensure that placeholder icons are visible. */
.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
visibility: visible;
}

/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/

.svg-fallback {
display: none;
}

.no-svg .svg-fallback {
display: inline-block;
}

.no-svg .dropdown-toggle {
padding: 0.5em 0 0;
right: 0;
text-align: center;
width: 2em;
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
font-size: 20px;
font-size: 1.25rem;
line-height: 1;
-webkit-transform: rotate(180deg);/* Chrome, Safari, Opera */
-ms-transform: rotate(180deg);/* IE 9 */
transform: rotate(180deg);
}

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
-webkit-transform: rotate(0);/* Chrome, Safari, Opera */
-ms-transform: rotate(0);/* IE 9 */
transform: rotate(0);
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
content: "\005E";
}

/* Social Menu fallbacks */

.no-svg .social-navigation a {
background: transparent;
color: #222;
height: auto;
width: auto;
}

/* Show screen reader text in some cases */

.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
clip: auto;
font-size: 16px;
font-size: 1rem;
height: auto;
position: relative !important;/* overrides previous !important styles */
width: auto;
}

/*--------------------------------------------------------------
　ここからは、追加した内容
--------------------------------------------------------------*/

ul.list-sns {
margin: 2em 0;
}
ul.list-sns li{
display: inline-block;
padding: 0 2em 0 0;
}

#mincho {

}

#primary-lp {
background: #fffffc;
}

/* hover画像を大きくする */

ul.works-list a:hover img,
ul.gallery-list a:hover img,
ul.blog-list a:hover img {
-webkit-transform: scale(1.2);
-moz-transform: scale(1.2);
-o-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}

ul.works-list a img,
ul.gallery-list a img,
ul.blog-list a img {
transition:all 2s;
}


/*丸いカーソルを作る*/

body{
cursor: none;/*もともとあるカーソルは見えなくなるようにする*/
}

/*カーソル要素*/
#cursor{
position: fixed;
/*丸の大きさと色の指定*/
background: #fff;
border-radius:10px;
width: 20px;
height: 20px;
margin: -10px 0 0 -10px;/*真ん中にくるようにマイナスマージンで調整*/
z-index: 9999;/*一番手前に来るように*/
pointer-events: none;/*クリックできなくなるのを防ぐため。noneで対応*/
opacity: 0;
transition: transform 0.1s;/*アニメーションの秒数指定*/
mix-blend-mode: difference;
}
/*ちょっと遅れてついてくるストーカー要素*/
#stalker{
position: fixed;
/*丸の大きさと色の指定*/
background: #fff;
width: 60px;
height: 60px;
border-radius:30px;
margin: -30px 0 0 -30px;/*真ん中にくるようにマイナスマージンで調整*/
z-index: 9998;/*カーソルの後ろに来るように*/
pointer-events: none;/*クリックできなくなるのを防ぐため。noneで対応*/
opacity: 0;
transition: transform 0.5s;/*アニメーションの秒数指定*/
mix-blend-mode: difference;
}
#cursor.active,
#stalker.active {
transform: scale(1.4);
background: #fff100;
}



.about-text1 {
font-weight: 700;
font-size: 140%;
text-align: center;
margin-bottom: 2em;
}

.about-text2 {
border: 1px solid #a39169;
padding: 4em 2em 2em;
margin-bottom: 2em;
}


.artist-header .entry-meta {
padding: 1% 3% 2%;
font-size: 1.1rem;
text-align: center;
}

.contactform-lp {

}

ul.contactform-lp-frame {
padding: 2% 4% 3%;
max-width: 100%;
margin: 1% auto;
background: #fff;
}

.contactform-lp button,
.contactform-lp input[type="button"],
.contactform-lp input[type="submit"] {
background: #3eb370;
color: #fff;
padding: 2em 0;
width: 100%;
display: block;
margin: 0 auto;
font-weight: 700;
font-size: 100%;
border-radius: 50px;
 }

.contactform-lp button,
.contactform-lp input[type="button"],
.contactform-lp input[type="submit"] {
animation: dokidoki 1.5s infinite;
}

@keyframes dokidoki {
0% {
transform: scale(1.05)
}
5% {
transform: scale(1)
}
95% {
transform: scale(1)
}
100% {
-webkit-transform: scale(1.05)
}
}

.contactform-lp button:hover,
.contactform-lp input[type="button"]:hover,
.contactform-lp input[type="submit"]:hover,
.contactform-lp button:focus,
.contactform-lp input[type="button"]:focus,
.contactform-lp input[type="submit"]:focus{
background: #98d98e;
}


ul.lp-listheader li {
list-style:none;
width: calc(100% - 10px);
margin: 5px;
overflow:hidden;
}

ul.lp-price2box li{
width: calc(100% - 10px);
margin: 5px;
overflow:hidden;

border: 1px solid #a39169;
background: #fbfaf5;
padding: 0 2%;
font-weight: 700;

-moz-border-radius: 10px;/* Firefox */
-webkit-border-radius: 10px;/* Safari and Chrome */
border-radius: 10px;
}

ul.lp-price3box li{
width: calc(100% - 10px);
margin: 5px;
overflow:hidden;

border: 1px solid #a39169;
background: #fff;
padding: 0 2%;
font-weight: 700;

-moz-border-radius: 10px;/* Firefox */
-webkit-border-radius: 10px;/* Safari and Chrome */
border-radius: 10px;
}

ul.lp-price3box li h3,
ul.lp-price2box li h3 {
font-size: 1.1rem;
color: #fff;
background: #a39169;
padding: 5% 0;
margin: 0 calc(50% - 50vw);
width: 100vw;
text-align: center;
margin-bottom: 2em;
}

p.itemtype {
font-size: 0.8rem;
margin: 0 0 1%;
}

p.mainprice {
font-size: 1.4rem;
margin: 0 0 1%;
}

p.price {
text-decoration: overline;
margin: 0 0 1%;
}

p.pricetag {
font-size: 0.8rem;
color: #333;
margin: 2em 0 1em;
}

ul.lp-flow {
font-size: 1rem;
text-align: center;
font-weight: 700;
}

ul.lp-flow p {
margin: 0 0 0 !important;
}

ul.lp-flow li{
border: 1px solid #333;
padding: 5% 3%;
background: #fff;
}

ul.lp-customer-voice li{
background: #fff;
padding: 5% 3%;
clear: both;
border: 1px solid #a39169;
overflow:auto;
margin-bottom: 1em;


}

ul.lp-benefit {
padding: 0;
}

ul.lp-benefit li{
padding: 9% 3% 12%;
background: #a39169;
font-size: 1.1rem;
line-height: 120%;
color: #fff;

-moz-border-radius: 10px;/* Firefox */
-webkit-border-radius: 10px;/* Safari and Chrome */
border-radius: 10px;

width: calc(100% - 10px);
margin: 5px;
overflow:hidden;
}

ul.lp-benefit li:nth-child(1)::before {
content: "1";
}

ul.lp-benefit li:nth-child(2)::before {
content: "2";
}

ul.lp-benefit li:nth-child(3)::before {
content: "3";
}

ul.lp-benefit li:nth-child(4)::before {
content: "4";
}

ul.lp-benefit li:nth-child(1)::before,
ul.lp-benefit li:nth-child(2)::before,
ul.lp-benefit li:nth-child(3)::before,
ul.lp-benefit li:nth-child(4)::before {
font-size: 130px;
display: block;
color: #efd9ab;
opacity: 0.3;
position: relative;
top: 50%;
left: 130%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);

}

ul.check-list {
background:#fbfaf5;
margin: 0 0 20px 0;
padding: 3% 2%;
}

ul.check-list li {
font-size: 1rem;
font-weight: 700;
margin-bottom: 3%;
}

ul.check-list li:before {
content: url(/image/checkmark-sp.png);
margin-right: 10px;
vertical-align: text-top;
color: #FF0096;
}


/* ランディングページの動くボタン（アニメーション） */

button.read-form-lp {
background: #3eb370;
color: #fff;
padding: 1.5em 0;
width: 80%;
font-weight: 700;
font-size: 130%;
border-radius: 50px;
display: block;
margin: 0 auto;
}

a.button {
text-decoration: none;
}

.read-form-lp {
animation: dokidoki 1.5s infinite;
}

button.read-form-lp:hover {
background: #98d98e;
}

/* ここまで - ランディングページの動くボタン（アニメーション） */

ul.lp-point-gold li{
width: calc(100% - 10px);
margin: 5px;
overflow:hidden;

border: 1px solid #a39169;
background: #333;
padding: 0 2%;
font-weight: 700;
}

ul.lp-point-gold li h3 {
font-size: 1.1rem;
color: #fff;
background: #a39169;
padding: 2% 0;
margin: 0 calc(50% - 50vw);
width: 100vw;
text-align: center;
margin-bottom: 8%;
}

.lp-border-gold {
border: 1px solid #a39169;
padding: 2%;
background: #333;
font-size: 0.9rem;
}

.lp-black {
background:#2b2b2b;
color:#fff;
padding: 1%;
}

.lp-offwhite {
background:#fbfaf5;
padding: 1%;
font-size: 0.9rem;
}

.lp-gray {
background:#595857;
color:#fff;
padding: 1%;
}

.lp-voice {
background: #fbfaf5;
-webkit-border-radius: 10px;
border-radius: 10px;
padding: 2em 1em 1em;
font-weight: 700;
font-size: 105%;
}

/* どの端末でも画像を全体に */

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

/* ランディングページ */

.lp-header {
right:0;
position: absolute;
z-index: 9996;
}

/* ランディングページ用 ボタン本体 */
.btn {
position: relative;
display: inline-block;
background:#3eb370;
width: 200px;/* 横幅 */
height: 50px;/* 縦幅 */
line-height: 50px;/* 行の高さ(heightと同じ値にする) */
text-decoration: none;/* aタグのアンダーラインを消す */
overflow: hidden;/* はみ出し部分を隠す */
cursor: pointer;/* カーソルをポインターにする */
margin: 2em 5px;
}

/* ランディングページ用 ボタンのテキスト */
.btn__text {
position: absolute;
left: 0;
display: block;
height: 100%;/* 縦幅をボタンと同じにする */
width: 100%;/* 横幅をボタンと同じにする */
color: #fff;/* 文字色 */
font-size: 1.2em;/* 文字サイズ */
font-weight: 700;/* 文字の太さ */
text-align: center;/* テキストを中央揃え */
transition: all 0.3s;/* アニメーション実行時間 */
}

.btn__text::before {
content: "\f465";
font-family: "dashicons";
vertical-align:middle;
margin-right: 5px;
font-size: 1rem;
vertical-align: middle;
text-align: center;
}

/* ランディングページ用 ボタンのテキスト(デフォルトのテキスト) */
.btn__text:nth-child(1) {
top: 0;
}

/* ランディングページ用 ボタンのテキスト(隠れているテキスト) */
.btn__text:nth-child(2) {
top: -100%;
}

/* ランディングページ用 ボタンホバーアクション */
.btn:hover .btn__text:nth-child(1) {
top: 100%;
}

.btn:hover .btn__text:nth-child(2) {
top: 0;
}

/* リキャプチャの非表示 */

.recaptcha_policy {
padding: 0;
margin: 0;
text-align: center;
font-size: 11px !important;
color: #ebebeb !important;
}
.recaptcha_policy a {
font-size: 11px !important;
color: #ebebeb !important;
}

.grecaptcha-badge { visibility: hidden;}


/* コラムの記事を書いた人 */

.guide-profile {
background: #fbfaf5;
padding: 1px 2% 5%;
font-size: 0.8rem;
}

/* ギャラリープラグインの編集 */

.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px;
}

.mfp-bg, .mfp-container, .mfp-wrap {
background: #000;
}

.mfp-title /*個別の画像*/,
.mfp-figure small /* ギャラリー画像 */,
.mfp-counter /* ギャラリー画像 */ {
color: #fff;
font-size: 1.0rem;
line-height: 120%;
padding: 5px 0;
}

button.mfp-arrow, button.mfp-close {
background: transparent;
}

.mfp-arrow {
top: 80%;
}

/* 白黒からカラーの画像 */
a img.blackwhite,
.artist-works a img,
ul.list-menu2 a img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
}

a:hover img.blackwhite,
.artist-works a:hover img,
ul.list-menu2 a:hover img {
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
}



/*背景画像の全体に、プロジェクトページなど */


.image-code1,
.image-code2,
.image-code3 {
color: #fff;
font-size: 15px;
background-attachment: scroll;
background: no-repeat;
background-size: cover;
padding: 5em 2em;
background-position: bottom;
}

/*ピープルページ */


.artist-info1,
.artist-info2,
.artist-info3 {
color: #fff;
font-size: 15px;
background-attachment: scroll;
background: no-repeat;
background-size: cover;
padding: 5em 2em;
background-position: bottom;
}

.service-info1 {
font-size: 15px;
background-attachment: scroll;
background: no-repeat;
background-size: cover;
padding: 5em 2em;
background-position: bottom;
}

.service-info1 a {
text-decoration: none;
}

.service-info1 a:hover {
color: #fff;
}


.category-info1 {
font-size: 15px;
background-attachment: scroll;
background: no-repeat;
background-size: cover;
padding: 5em 2em 1em;
background-position: bottom;
}


/*アバウトページ */

.about-concept1,
.about-concept2,
.about-concept3,
.about-concept4,
.about-concept5{
background-position: center;
background-attachment: scroll;
background: no-repeat;
background-size: cover;
padding: 5em 1em;
color: #fff;
font-size: 15px;
}

.profile-info1,
.gallery-info1 {
background-position: center;
background-attachment: scroll;
background: no-repeat;
background-size: cover;
padding: 0 0 0.5em;
font-size: 15px;
}

.profile-info1 dl.block-code,
.gallery-info1 dl.block-code {
 padding: 0.5em 2em;
}

.block-text {
 padding: 0.5em 2em;
 background:rgba(255, 255, 255, .7);
}

/*アーティスト紹介記事の編集 */

.artist-single #primary,
.about-page #primary {
max-width: 100%!important;
}

.artist-single .wrap,
.artist-single #primary {
padding-left: 0!important;
padding-right:0!important;
}

.about-page .wrap,
.about-page #primary {
padding: 0!important;
margin-top: 0!important;
margin-left: 0!important;
margin-right: 0!important;
}

.about-page .entry-header {
padding: 1em 0;
}

.about-page h1.entry-title {
color: #a39169!important;
padding: 0.5em 0!important;
}

.about-page h3.entry-title {
padding: 0 !important;
}

.artist-header {
padding:1% 1% 5%;
}

.artist-introduction {
padding: 2% 3% 3%;
max-width: 100%;
font-size: 1.1rem;
}

.about-introduction {
padding: 0 3% 2%;
max-width: 100%;
font-size: 15px;
}

.gallery-introduction,
.guide-introduction {
padding: 2% 4% 3%;
max-width: 100%;
}

.concept-info {
padding: 2% 4% 3%;
max-width: 100%;
font-size: 120%;
color: #000;
}


.concept-info2,
.concept-info3,
.concept-info4,
.concept-info5 {
padding: 5% 4% 4%;
max-width: 100%;
font-size: 110%;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}

.concept-title {
padding: 0% 4%;
max-width: 100%;
font-size: 120%;
color: #000;
}

.artist-works,
.artist-works2 {
padding:2% 0% 2% 0%;
}

.artist-works img,
.artist-works2 img {
width: 252vh;
height: 200px;
object-fit: cover;/* この一行を追加するだけ！ */
}

dl.block-photo img {
width: 450vh;
height: 40vh;
object-fit: cover;
}

/* コンタクトフォームのチェックボックスを一行に */

span.wpcf7-list-item { display: block;}

/* コンタクトフォームのグルグルと、エラー時の表記 */

.wpcf7-spinner {
width: 30px;
height: 30px;
position: absolute!important;
}

.wpcf7 form .wpcf7-response-output {
margin: 0em 0.5em 1em!important;
padding: 0.2em 1em;
border: 2px solid #a39169!important;
font-size: 0.9rem;
font-weight: 700;
}

/* コンタクトフォームのsendボタンを押した後に出てくる文字 */

.wpcf7 form.sent .wpcf7-response-output {
border: 0 solid #a39169!important;
text-align: center!important;
color: #a39169!important;
}

/* 記事下部のタグ　ハッシュタグ */

#front-gallery ul.gallery-list li.cate-archive h4.tag-log,
#related-works ul.gallery-list li.cate-archive h4.tag-log {
padding: 0;
margin: 0;
position: relative;
font-size: 0.8em;
text-align: center;
}

#related-works ul.gallery-list {
padding: 5px;
background: rgba(255,255,255,.8);
}

#related-works ul.gallery-list li.cate-archive {
margin-bottom: 1em;
}

#related-works ul.works-list {
padding: 5px;
background: rgba(255,255,255,.8);
}

#related-works ul.works-list h3.entry-title {
padding-bottom: 0;
font-size: 1.2rem;
}

#related-art ul.gallery-list {
padding: 5px;
background: rgba(255,255,255,.8);
}

#related-art ul.gallery-list li.cate-archive {
margin-bottom: 0;
}

/* 版画などの作品の紹介ページ */

.art-concept {
background: #000;
padding: 3%;
margin: 2% 0;
color: #fff;
}

.art-info {
background: #ebebeb;
padding: 3%;
margin: 2% 0;
}

.art-price {
background: #000;
color: #fff;
padding: 3%;
margin: 3% 0
}

/* 個別記事やギャラリー記事のカテゴリータイトル */

h2.single-category {
text-align: center;
color: #a39169;
padding: 1% 0;
background: #fffffc;
}

h5.category-gallery {
font-size:15px;
color:#ebebeb;
}

.gallery-header {
border-bottom:1px solid #a39169;
margin: 0 0 2% 0;
padding: 1% 0;
}

h1.gallery-title {
font-weight: 700 !important;
font-size: 1.5rem;
margin-bottom: 1%;
}

.childarchive .child-navigation {
display: inherit;
}

.childarchive .child-navigation ul li{
border-bottom: 3px double #000;
padding: 0.5em 2em 0.5em 0;
}

.childarchive .child-navigation ul ul {
border-bottom: 1px solid #333;
background-color: rgba(0, 0, 0, 0.85);
margin: 0;
color: #fff;
}

.childarchive .child-navigation ul ul a{
padding:0.3em 1em;
margin: 0;
color: #fff;
}

.childarchive .child-navigation ul ul a:hover{
background: #a39169;
}

.childarchive .dropdown-toggle {
font-size: 150%;
padding: 0.4em 1em 0.3em 0;
}

.childarchive {
position: relative;
padding: 0;
margin: 1em 2%;
}

.childarchive .js .child-navigation ul,
.childarchive .child-navigation ul a > .icon {
display:inline-block ;
}

.child-navigation ul {
background: transparent;
padding: 0;
}

.child-navigation > div > ul {
border: 0;
margin-bottom: 0;
padding: 0;
}

.child-navigation li {
border: 0;
display: inline-block;
vertical-align:middle;/*middleは中央揃え*/
}

.child-navigation li li {
display: block;
}

.child-navigation a {
display: block;
}

.child-navigation ul ul {
background: rgba(255, 255, 255, 0.75);
border: 1px solid #bbb;
left: -999em;
padding: 0;
position: absolute;
top: 100%;
z-index: 9996;
}


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

.child-navigation ul ul a {
padding: 1.5em 1.25em;
width: 10em;
}

.child-navigation li li {
-webkit-transition: background-color 0.1s ease-in-out;
transition: background-color 0.1s ease-in-out;
}

.child-navigation li li:hover,
.child-navigation li li.focus {
background: #a39169;
}

.child-navigation li li.focus > a,
.child-navigation li li:focus > a,
.child-navigation li li:hover > a,
.child-navigation li li a:hover,
.child-navigation li li a:focus,
.child-navigation li li.current_page_item a:hover,
.child-navigation li li.current-menu-item a:hover,
.child-navigation li li.current_page_item a:focus,
.child-navigation li li.current-menu-item a:focus {
color: #fff;
}

.child-navigation ul li:hover > ul,
.child-navigation ul li.focus > ul {
left: 0em;
right: auto;
}

.child-navigation ul ul ul {
left: -999em;
margin-top: -1px;
top: 0;
}

/* カテゴリーやギャラリーリストの調整　*/

ul.front-cate li.cate-archive h3.related-title{
left:5%;
z-index:100;
max-width:95%;
font-size:1.3rem;
color:#fff;
top:2em;
font-weight:500;
position: absolute;
}

ul.blog-list li.cate-archive h3.related-title {
padding: 0 2% 3%;
line-height:20px !important;
font-size: 1rem;

}

ul.gallery-list li.cate-archive h3.related-title {
position:static;
padding: 0 0 0 2%;
line-height:20px !important;
} 

ul.front-cate li.cate-archive h2.entry-title {
left:5%;
z-index:100;
position: absolute;
max-width:95%;
font-size:1.3rem;
color:#fff;
top:3em;
font-weight:500;
}

ul.front-cate li.cate-archive h2.entry-title a,
ul.front-cate li.cate-archive h2.related-title a{
color:#fff;
}

ul.blog-list li.cate-archive {
background: transparent;
}

ul.gallery-list li.cate-archive {
background: transparent;
}

ul.works-list li.cate-archive {
background: transparent;
}

ul.blog-list li.cate-archive .post-thumbnail,
ul.blog-list li.cate-archive .related_thumbnail {
max-width: 35%;
float: left;
padding-right: 2%;
}

ul.blog-list li.cate-archive .entry-meta {
padding: 0 2%;
font-size: 1rem;
z-index:100;
text-align: left;
margin: 10px auto;
}

ul.blog-list li.cate-archive h3.entry-title,
ul.blog-list li.cate-archive h3.related-title {
font-size: 1.1rem;
padding: 0% 1%;
line-height: 130%;
clear: right;
text-align: left;
border-bottom: none;
margin: 5px auto;
}

ul.gallery-list li.cate-archive h2.entry-title,
ul.gallery-list li.cate-archive h3.entry-title{
padding: 0em 1% 1em;
line-height: 100%;
font-size:100%;
text-align: left;
}

ul.gallery-list li.cate-archive h3.artist-title {
font-size:95%;
padding: 0em 2% 0em;
text-align: center;
}

#front-gallery ul.gallery-list li.cate-archive h3.entry-title {
font-size:95%;
padding: 0em 2% 0em;
text-align: center;
}

#front-works ul.works-list li.cate-archive h3.artist-title,
ul.works-list li.cate-archive h2.artist-title {
font-size:100%;
padding: 1% 0;
border-bottom: none;
line-height: 100%;
}


ul.gallery-list li.cate-archive .entry-meta {
padding: 2% 2%;
font-size: 0.8rem;
border: 1px solid #000;
background: #2b2b2b;
text-align: center;
z-index:100;
}

.artist-meta {
padding: 2% 2%;
font-size: 0.8rem;
border: 1px solid #000;
text-align: center;
z-index:100;
margin-top: 3%;
}

ul.front-cate li.cate-archive .entry-meta {
font-size: 0.8rem;
background: none;
position: absolute;
color:#ebebeb;
z-index:100;
bottom: 0.5em;
left: 50%;
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
transform: translate(-50%,-50%);
margin:0;
padding:0;
}

ul.front-cate li.cate-archive .entry-meta a{
font-size:0.7rem;
}

/* 検索結果時の文字調整 */

li.cate-archive h2.entry-title a{
font-size:1.4rem;
}


/* カテゴリーページ タイトル */

h1.category-title {
text-align: center;
padding: 1% 0;
font-size: 2rem;
}

.single h1.category-title {
font-size:15px;
text-align: left;
background: none;
}

h2.home-core {
font-weight: 700!important;
}

h2.page-core,
span.page-core,
h1.artist-title,
h2.works-core {
font-weight: 700;
}

h2.related,
h2.title,
h3.title,
h2.title-core{
font-weight: 900!important;
}

span.midashi {
font-weight: 700;
font-size: 2rem;
color: #000;
}

span.catchcopy {
font-weight: 700;
font-size: 130%;
color: #000;
}

.entry-content h2,
.entry-content h3,
.entry-content h4,
.drawer-hamburger-icon,
ul.list-photo3,
ul.list-photo4,
ul.list-menu,
ul.list-menu2,
.main-navigation,
ul.drawer-menu li,
h3.contact-title,
#secondary h2.widget-title,
h1.category-title,
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title,
.single h1.entry-title,
h1.gallery-title,
dl.black-borders dt,
a button.read-form,
a button.read-form2,
ul.lp-benefit li {
 font-weight:700 !important;
 }

#front-gallery ul.gallery-list li.cate-archive h3.entry-title,
ul.gallery-list li.cate-archive h3.artist-title,
ul.gallery-list li.cate-archive h3.entry-title,
ul.gallery-list li.cate-archive h2.entry-title,
.site-info,
table.price-table {
 font-weight:700 !important;
 }

#front-works ul.works-list li.cate-archive h3.artist-title,
ul.works-list li.cate-archive h2.artist-title {
 font-weight:700 !important;
}

/* テキストの編集 */
.single .entry-content,
.page .entry-content {
line-height:2;
}

.home .entry-content {
line-height:1.5;
}

/* スマホ用のメニューボタンとメニュー　*/

nav.drawer-nav {
z-index:9996;
 padding:0em 1em 1em 1em;
 background:rgba(0, 0, 0, 1);
 color: #fff;
 max-width: 100%!important;
 max-height: 100%;
 }

.drawer-hamburger-icon:after {
top:10px;
background:#a39169;
 }
 
.drawer-hamburger-icon:before {
top:-10px;
background:#a39169;
}

.drawer--right.drawer-open .drawer-hamburger-icon:after {
max-width:100%;
 }
 
.drawer-hamburger-icon {
z-index:9991;
background:#a39169;
 }

.drawer-hamburger-icon p{
color: #a39169;
font-size: 10px;
padding-top: 5px;
}

.drawer-hamburger {
top:auto!important;
}
 
.drawer--right.drawer-open .drawer-hamburger {
 padding:3em 1em;
 z-index: 4;
 }

.drawer--right.drawer-open .drawer-hamburger-icon p{
display: none;
 }

.drawer-overlay {
z-index: 4;
}

button.drawer-toggle:hover,
button.drawer-toggle:focus {
background: transparent;
}

button.drawer-toggle {
padding:3em 1em;
z-index:9996;
width:50px;
border-radius: 0px;
}
 
ul.drawer-menu {
 padding-bottom:5em;
 }
 
ul.drawer-menu li {
 margin:1em 0;
 line-height:200%;
 font-size:1.3rem;
 font-weight: 700;
 }
 
ul.drawer-menu li a{
font-size:1.3rem;
 display:block;
 color:#fff;
}

ul.drawer-menu li a:hover{
color:#a39169;
 }

ul.drawer-menu li a:active{
color:#a39169;
 -webkit-transition: color 0.2s ease-in-out;
 transition: color 0.2s ease-in-out;
}


nav.drawer-nav ul.sub-menu li {
 line-height:150%;
 font-size:1.0rem;
 list-style:none;
 }
 
nav.drawer-nav ul.sub-menu li a {
font-size:1.0rem;
color:#fff;
}

nav.drawer-nav ul.sub-menu li a:hover {
color:#a39169;
}

nav.drawer-nav .current-menu-item > a,
nav.drawer-nav .current_page_item > a {
color: #a39169;
font-weight: 700;
}

/* スマホメニューに追加した画像など　*/

ul.drawer-menu li.menu-top-logo {
width:100%;
margin:5% auto;
}

ul.drawer-menu li.menu-top-logo img {
width: 230px;
}

ul.drawer-menu nav.social-navigation {
clear:both;
overflow:hidden;
text-align:left;
}

ul.drawer-menu nav.social-navigation li {
float:left;
}

ul.drawer-menu nav.social-navigation li .icon{
color:#fff;
}

ul.drawer-menu nav.social-navigation li .icon:hover{
color:#a39169;
}

ul.language {
background:#000;
text-align:center;
font-weight:700;
font-size:0.9rem;
color:#fff;
padding:1%;
}

ul.language li a{
font-size:0.9rem;
color:#fff;
}

ul.language li {
display: inline-block;
width:45%;
padding:1%;
margin:0;
}


/* スクロールするごとにページの画像やリストのフェードイン　*/

.fuwatAnime {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.5s;
 -ms-animation-duration:1.5s;
 animation-duration:1.5s;
 -webkit-animation-name: fuwatAnime;
 -ms-animation-name: fuwatAnime;
 animation-name: fuwatAnime;
 visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0;-webkit-transform: translateY(-20px);}
 100% { opacity: 1;-webkit-transform: translateY(0);}
}
@keyframes fuwatAnime {
 0% { opacity: 0;-webkit-transform: translateY(-20px);-ms-transform: translateY(-20px);transform: translateY(-20px);}
 100% { opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}

/* CSSでプライマリーをスライドイン*/

.single #primary,
.page .entry-content,
.archive #primary,
.category-list,
.has-sidebar #secondary {
animation: slideIN 2s ease 0s 1 normal;
-webkit-animation: slideIN 1s ease 0s 1 normal;
}

@keyframes slideIN {
0% { opacity: 0;-webkit-transform: translateY(60px);}
 100% { opacity: 1;-webkit-transform: translateY(0);}
}

@-webkit-keyframes slideIN {
0% { opacity: 0;-webkit-transform: translateY(60px);-ms-transform: translateY(60px);transform: translateY(60px);}
 100% { opacity: 1;-webkit-transform: translateY(0);-ms-transform: translateY(0);transform: translateY(0);}
}

/* CSSでウェブサイトと画像をフェードイン　*/

body {
animation: fadeIn 4s ease 0s 1 normal;
-webkit-animation: fadeIn 4s ease 0s 1 normal;
background: #000;
}

@keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
0% {opacity: 0}
100% {opacity: 1}
}


/* 写真のリスト　*/

ul.list-photo,
ul.list-photo2,
ul.list-photo3,
ul.list-photo4,
ul.list-menu,
ul.list-menu2,
ul.list-menu3,
ul.articles3,
ul.lp-point-gold,
ul.lp-benefit,
ul.lp-price3box,
ul.lp-price2box,
ul.lp-listheader,
ul.list-artwork {
display:-webkit-box;/*--- Androidブラウザ用 ---*/
display:-ms-flexbox;/*--- IE10 ---*/
display: -webkit-flex;/*--- safari（PC）用 ---*/
display:flex;
-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
-ms-flex-pack:justify;/*--- IE10 ---*/
-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
justify-content:space-between;
flex-wrap: wrap;
}

ul.articles3 {
max-width:80%;
margin:3% auto;
}

ul.articles3 li{
list-style:none;
width: calc(30% - 10px);
margin: 5px;
overflow:hidden;
height:3rem;
width:3rem;
}

ul.articles3 li span{
font-size:3rem;
}

ul.articles3 li span:hover {
color:#ebebeb;
}

ul.list-photo li,
ul.list-menu2 li{
list-style:none;
width: calc(50% - 10px);
margin: 5px;
overflow:hidden;
}

ul.list-menu li {
list-style:none;
width: calc(100% - 10px);
margin: 5px;
overflow:hidden;
}

ul.list-photo a {
text-decoration: none;
}

ul.list-photo2 li a {
display: block;
}

/* 写真のリスト２（パソコン表示では２列の写真タイプ）　*/

ul.list-photo2 li,
ul.list-photo3 li,
ul.list-photo4 li,
ul.list-menu3 li,
ul.list-artwork li {
width: calc(100% - 10px);
margin: 5px;
overflow:hidden;
display:block;
}

/* メニューリスト３（パソコン表示では２列のメニュータイプ）　*/

ul.list-photo3 li:hover,
ul.list-photo3 li:focus {
background:#000;
}

ul.list-photo3 li {
background: #a39169;
list-style:none;
text-align:center;
color:#fff;
padding: 0.3em 1em;
}

/* メニューリスト４（パソコン表示では２列のメニュータイプ）　*/

ul.list-photo4 li:hover,
ul.list-photo4 li:focus {
background:#a39169;
}

ul.list-photo4 li {
background: #fff;
list-style:none;
text-align:center;
color:#a39169;
border: 1px solid #000;
padding: 0.3em 1em;
}

ul.list-menu li {
background: #fff;
list-style:none;
text-align:center;
padding: 0.3em 1em;
border: 1px solid #000
}

ul.list-menu2 li {
text-align:center;
}

ul.list-menu2 li text {
background: #a39169;
padding: 1em 1em;
margin-top: 0px;
display: block;
position: relative;
}

ul.list-menu3 li,
ul.list-artwork li {
text-align:left;
background:#fbfaf5;
padding:3% 3% 1% 3%;
font-size:90%;
}
 
ul.list-menu3 li h5:before {
content: "\f487";
font-family: "dashicons";
color:#a39169;
font-size:90%;
margin-right:3%;
margin-left:1%;
}

ul.list-menu3 li h5 {
font-size:24px;
font-weight:700;
padding:0;
}

ul.list-photo3 li a {
color:#fff;
padding:1em 2%;
text-decoration:none;
display: block;
font-size:110%;
}

ul.list-photo4 li a {
color:#a39169;
padding:1em 2%;
text-decoration:none;
display: block;
font-size:110%;
}

ul.list-menu li a,
ul.list-menu2 li a,
ul.list-menu3 li a,
ul.list-artwork li a {
padding:1em 2%;
text-decoration:none;
display: block;
font-size:90%;
}

ul.list-photo3 li a:hover,
ul.list-photo4 li a:hover,
ul.list-menu2 li a:hover,
ul.list-menu3 li a:hover,
ul.list-artwork li a:hover {
color:#fff;
}

ul.list-menu li a:hover {
color: #a39169;
}

li.pink-borders {
border:1px solid #f4b3c2;
border-radius:10px;
padding:4%;
list-style:none;
}

li.black-borders {
border:1px solid #ebebeb;
border-radius:10px;
padding:4%;
list-style:none;
}

li.color-back {
background:#fff1cf;
border-radius:10px;
padding:4%;
list-style:none;
}

/* トップページ　リレーションシップ　*/

#front-relation {
font-size:0.8rem;
white-space:pre-wrap;
word-break: break-all;
max-width:100%;
overflow-wrap:break-word;
background:#000;
color: #fff;
}
#front-relation a {
color: #a39169;
}

#front-relation a:hover {
color: #fff;
}

/* ホームコアやページコアの編集 */
h2.home-core {
font-size:2rem;
line-height:150%;
letter-spacing: 2px!important;
border-bottom: 0px!important ;
margin: 0em auto 0!important;
padding: 5px!important;
color: #000;
}

h2.page-core,
span.page-core,
h2.title-core,
h1.artist-title {
font-size:2.1rem;
 line-height:150%;
 padding-top:0;
 letter-spacing: 2px !important;
 border-bottom: 0px!important ;
 margin: 0!important;
 color: #000;
}

h2.works-core {
font-size:2.1rem;
 line-height:150%;
 padding-top:0;
 letter-spacing: 2px !important;
 border-bottom: 0px!important ;
 margin: 0!important;
 color: #000;
}

h1.artist-title {
text-align: center;
}

/* ボタンの編集 */

button.btn-readmore {
background: #a39169;
color: #fff;
padding: 1em 2em;
width: 300px;
display: list-item;
margin: 3em auto;
font-size: 1.3rem;
border-radius: 50px;
}

button.btn-readmore:hover {
background: #000;
}

button.btn-readmore2 {
background: #000;
color: #fff;
padding: 1em 2em;
width: 300px;
display: list-item;
font-size: 1.3rem;
border-radius: 50px;
}

button.btn-readmore2:hover {
background: #a39169;
}

button.btn-readmore3 {
background: #a39169;
color: #fff;
padding: 1em 2em;
width: 300px;
display: list-item;
margin: 3em auto;
font-size: 1.3rem;
border-radius: 50px;
}

button.btn-readmore3:hover {
background: #fff100;
color: #000;
}

button.read-form3 {
background: #3eb370;
color: #fff;
padding: 1.5em 4em;
width: 100%;
font-size: 1.3rem;
}

button.read-form3:hover {
background: #98d98e;
}

button.read-contact {
background: #a39169;
color: #fff;
width: 100%;
border: 0;
padding: 1em;
text-align: left;
}

button.read-contact:hover {
background: #000;
color: #fff;
}

button.read-more {
background: #a39169;
color: #fff;
padding:1em 4em;
font-size: 1.2rem;
}

button.read-more:hover {
background: #000;
color: #444;
}

button.read-more2 {
background: #000;
color: #fff;
padding:1em 4em;
font-size: 1.2rem;
}

button.read-more2:hover {
background: #a39169;
color: #fff;
}


button.read-just {
background: #a39169;
color: #fff;
}

button.read-just:hover {
background: #000;
}

button.read-juststore {
background: #923d92;
color: #fff;
}

button.read-juststore:hover {
background: #fff800;
color: #923d92;
}

button.read-form {
background: #a39169;
color: #fff;
padding: 1.5em 4em;
width: 100%;
font-size: 1.3rem;
border-radius: 50px;
}

button.read-form:hover {
background: #fbfaf5;
color: #444;
}

button.read-form2 {
background: #a39169;
color: #fff;
padding: 1.5em 4em;
width: 100%;
font-size: 1.3rem;
border-radius: 50px;
}

button.read-form2:hover {
background: #000;
}



#front-gallery,
#front-works {
padding:1em 0.5em 1em 0.5em;
}

#front-news {
padding:2em 0 3em 0;
}

#front-relation{
padding:1em 1em;
}


/* 画像を半透明にする 

a:hover img{
 opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}

a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}

*/

a:hover img.blackwhite,
.artist-works a:hover img,
ul.list-menu2 a:hover img {
opacity:1;
filter:alpha(opacity=1);
-ms-filter: "alpha( opacity=1 )";
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
}

/* トップページの調整 */

.page #primary {
padding: 2em 1% 1em;
}
.single #primary {
padding: 3em 0 0 0;
}

.home #primary {
padding: 1em 0% 1%;
max-width:100%;
margin:0 auto;
}

.home .entry-header {
display:none;
}

/* 記事やページ内の見出しを変更 */

.entry-content h2 {
padding: 10px 0 8px;
border-bottom: 1px solid #a39169;
margin-bottom: 1em;
}

.entry-content h2.comments-title {
text-align:left;
font-weight:500;
}

h1.project-core {
text-align:center;
 border:none;
 padding:0;
}

.entry-content h3 {
line-height:150%;
padding: 0%;
margin: 5% 0 3%;
font-size: 1.7rem;
}

h4.gallery-tag {
text-align: center;
}

h2.title {
text-align:center;
 font-size:3rem;
 line-height:150%;
 padding-top:1em;
 letter-spacing: 2px !important;
 border-bottom: 0px!important ;
 color: #000;
 margin-bottom: 8%;
 }

.home h2.title {
margin-bottom: 3%;
}

h3.title {
text-align:center;
 line-height:150%;
 font-size:1.7rem;
 padding: 1% 0;
 border: none;
 background: none;
 margin: 5% 0 1%;
 }

#front-gallery h2.title {
padding-bottom: 5%;
}

#front-news h2.title {
padding-bottom: 0;
}

h3.contact-title {
text-align:left;
 line-height:36px;
 font-size:24px;
 padding: 1% 0;
 border-left: none;
 }

span.smallfont {
font-size:0.8rem;
color:#888;
}


/* パンくずリスト */

.pankuzu {
background: #000;
padding: 0.5em 1em;
font-size:12px;
position: relative;
color:#fff;
}

.pankuzu a {
color:#fff;
}

.pankuzu a:hover {
color:#a39169;
}

/* コンテンツのカテゴリー */


/* 個別記事のヘッダー画像の消去 */

.single .single-featured-image-header {

}

/* 個別記事のライターの編集 */

ul.entry-writer {
border: 1px solid #f3f3f3;
padding: 3%;
margin-bottom:3%;
overflow:hidden;
line-height:1.5;
}

ul.entry-writer a {
text-decoration:none;
}

.home ul.entry-writer {
padding: 2%;
margin-top:2%;
border: none;
background:#2b2b2b;
color:#fff;
border:none;
}

ul.entry-writer dd{
margin-left:0;
}

ul.entry-writer dd a {
color:#2b2b2b;
}

.home ul.entry-writer dd a {
color:#fff;
}

.home ul.entry-writer dd a:hover {
color:#a6936a;
}

dl.writer-left {
float:none;
padding:1% 3%;
width:100%;
}

dl.writer-left dt img{
border-radius:50%;
}

dl.writer-left dd img{
padding:1%;
}

dl.writer-left dd,
dl.writer-left dt {
text-align:center;
padding-top:3%;
margin:0 auto;
}

.home dl.writer-left dt.writer-avatar {
border-radius:100%;
max-width:50%;
}


dl.writer-right {
padding:0% 3%;
overflow:hidden;
}

dl.writer-right dd.writer-position {
font-size:9px;
}

dl.writer-right dd.writer-post {
font-size:12px;
}

dl.writer-right a{
color:#222;
}

dl.writer-right dd.writer-description {
font-size:13px;
margin-right:0;
}


/* 個別記事　上のほうのアバターの編集 */

span.log-avator img {
border-radius:50%;
vertical-align:middle;
}

/* ブログ一覧 */



/* カテゴリー　記事一覧　*/

.category-list,
.blog-cate,
.front-artwork{
display:-webkit-box;/*--- Androidブラウザ用 ---*/
display:-ms-flexbox;/*--- IE10 ---*/
display: -webkit-flex;/*--- safari（PC）用 ---*/
display:flex;
-webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
-ms-flex-pack:justify;/*--- IE10 ---*/
-webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
justify-content:space-between;
flex-wrap: wrap;
}

ul.front-cate {
width: calc(100% - 10px);
margin: 5px;
overflow:hidden;
}

ul.gallery-list{
width: calc(100% - 10px);
margin: 5px;
overflow:hidden;
}

ul.works-list{
width: calc(50% - 10px);
margin: 5px;
overflow:hidden;
}

.archive ul.gallery-list,
.about-page ul.gallery-list,
#related-art ul.gallery-list {
width: calc(50% - 10px);
}

ul.blog-list {
width: calc(100% - 0px);
margin: 0px;
overflow:hidden;

background: #fffffc;
border-top: 1px solid #000;
}

ul.blog-list:last-child {
border-bottom: 1px solid #000;
}


li.cate-archive {
position:relative;
/* ふわっと */
transition-property: all;
transition: 0.2s linear;
margin-bottom:10%;
}

.related_thumbnail,
li.cate-archive .post-thumbnail {
max-height:100%;
overflow:hidden;
}

ul.gallery-list .related_thumbnail img:hover,
ul.gallery-list .post-thumbnail img:hover {
-webkit-transform: scale(1.1);
-moz-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
}


h2.related {
text-align: center;
font-size:2.3rem;
line-height:150%;
padding-top:0;
letter-spacing: 2px !important;
border-bottom: 0px!important ;
color: #a39169;
}

#related {
padding: 5% 0%;
margin: 0;
}

#related-works {
padding: 5% 2%;
margin: 0;
}

/* モバイル用のタイトル部分の編集 */

.page .entry-title,
.error404 .page-title{
margin-bottom:1%;
font-size:28px;
font-weight:800;
text-align:center;
}

.single .entry-title {
font-size:1.5rem;
text-align: left;
padding-bottom: 2.5rem;
}

.single .entry-header {
margin-bottom:2em;
border-bottom: 1px solid #a39169;
}

.home .entry-title {
text-align:left;
line-height:100%;
font-size: 1rem;
}

.has-sidebar #secondary {
display:none;
}

/* モバイルフッター部分の追加（検索フォームやロゴ） */

.footer-logo {
text-align:center;
height:auto;
background: #000;
padding:3% 0 2% 0;
font-size:15px;
margin:0 auto;
}

.footer-logo img {
width: 180px;
}

.footer-search {
background: #000;
padding:1% 0 3%;
}

/* フッターのsnsやコピーライト編集（モバイル）　*/
.site-info {
text-align: right;
 }


@media only screen and (orientation : landscape) { /*横向きの際に適用*/

ul.list-menu li {
width: calc(33.3% - 10px);
}

ul.list-artwork li {
width: calc(50% - 10px);
}

ul.front-cate li.cate-archive h2.entry-title,
ul.front-cate li.cate-archive h2.related-title {
top:6em;
}

.home #primary {
padding: 2em 0 2em 0;
}

/* ランディングページ用（モバイル横向き） */

ul.lp-listheader li {
width: calc(50% - 10px);
}

/* drawerの編集（モバイル横向き） */

nav.drawer-nav {
 padding-bottom:10em;
 }
 
.drawer--right.drawer-open .drawer-hamburger {
 padding:2.5em 1em;
 }
 
button.drawer-toggle {
 padding:2.5em 1em;
}

/* Newsカテゴリー（モバイル横向き） */

ul.blog-list li.cate-archive .post-thumbnail,
ul.blog-list li.cate-archive .related_thumbnail {
max-width: 20%;
}


ul.blog-list li.cate-archive dt.blog-tag {
font-size: 160%;
}

/* 関連記事一覧（モバイル横向き）　*/

/* シェア(sns)ボタンの調整（モバイル横向き） */

.share a {
padding:2% 2em;
}

/* ホーム画面のロゴ（モバイル横向き） */

.home .site-title {
margin: 0;
}


/* フッターのウィジェットの編集（モバイル横向き） */

.site-footer .widget-area {
padding:1em 5em;
}


}

/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/

/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
@media screen and (min-width: 20em) {

body.customize-partial-edit-shortcuts-shown .site-header .site-title {
padding-left: 0;
}

/* 追記：モバイルサイズやアイパッドサイズ用　*/

/* 記事トップのロゴマーク */

.front-top {
text-align:left;
margin-bottom:3%;
}

}

@media screen and (min-width: 30em) {


.archive ul.gallery-list,
.about-page ul.gallery-list,
#related-art ul.gallery-list {
width: calc(33.3% - 10px);
}

.artist-works img,
.artist-works2 img {
height: 180px;
}

h2.page-core,
span.page-core,
h2.title-core,
h2.related {
font-size:3rem;
}

h1.artist-title {
font-size:2.5rem;
}


/* ランディングページ用（モバイル横向き） */

ul.lp-listheader li {
width: calc(50% - 10px);
}

/* カテゴリー　記事一覧　*/

ul.front-cate li.cate-archive h2.entry-title,
ul.front-cate li.cate-archive h2.related-title {
top:4em;
}


/* Typography */

body,
button,
input,
select,
textarea {
font-size: 18px;
font-size: 1.1rem;
}

h1 {
font-size: 30px;
font-size: 1.875rem;
}

h2,
.page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size: 1.625rem;
}

h3 {
font-size: 22px;
font-size: 1.375rem;
}

h4 {
font-size: 18px;
font-size: 1.125rem;
}

h5 {
font-size: 13px;
font-size: 0.8125rem;
}

h6 {
font-size: 16px;
font-size: 1rem;
}

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 14px;
font-size: 0.875rem;
}

/* Fix image alignment */
img.alignleft {
float: left;
margin-right: 1.5em;
}

img.alignright {
float: right;
margin-left: 1.5em;
}

/* Site Branding */

.home .site-branding {
margin-top: 0;/* タブレットから見たトップページのロゴの位置調整 */
padding-top: 0;
}

.site-branding {
margin-top: 0%;/* タブレットから見た個別記事のロゴの位置調整 */
}


/* Front Page */

.panel-content .wrap {
padding-bottom: 0;
padding-top: 1em;
}

.page-one-column .panel-content .wrap {
max-width: auto;
}

.panel-content .entry-header {
margin-bottom: 4.5em;
}

.panel-content .recent-posts .entry-header {
margin-bottom: 0;
}

/* Blog Index, Archive, Search */

.taxonomy-description {
font-size: 14px;
font-size: 0.875rem;
}

.page-numbers.current {
font-size: 14px;
}

/* Site Footer */

.site-footer {
font-size: 16px;
font-size: 1rem;
}

/* Gallery Columns */

.gallery-item {
max-width: 25%;
}

.gallery-columns-1 .gallery-item {
max-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%;
}
}

@media screen and (min-width: 48em) {

/* タブレット（アイパッド）以上のサイズ用 */

.artist-works img,
.artist-works2 img {
height: 300px;
}

button.drawer-toggle {
padding:2.5em 1em;
}

#related {
padding: 5% 2%;
}

#front-news {
padding:2em 0.5em 3em 0.5em;
}

/* ホームコアやページコアの編集 */
h2.home-core {
font-size:3rem;
}

.about-text1 {
font-size: 160%;
text-align: center;
margin-bottom: 3em;
}

/* ランディングページ用 コンタクトフォーム部分 */

.contactform-lp button,
.contactform-lp input[type="button"],
.contactform-lp input[type="submit"] {
font-size: 130%;
}

ul.contactform-lp-frame {
max-width: 80%;
}

/* ランディングページ用 ul部分 */

p.mainprice {
font-size: 1.2rem;
}


ul.lp-benefit li{
padding: 4% 3% 6%;
}

ul.lp-benefit li,
ul.lp-listheader li {
width: calc(50% - 10px);
}

ul.check-list li:before {
content: url(/image/checkmark.png);
vertical-align: middle;
}

ul.check-list li {
font-size: 1.2rem;
margin-bottom: 0;
}

ul.lp-point-gold li,
ul.lp-price3box li{
width: calc(33% - 10px);
}

ul.lp-price2box li{
width: calc(50% - 10px);
}

.lp-black,
.lp-offwhite,
.lp-gray {
padding: 1% 7em;
font-size: 1rem;
}

ul.lp-flow {
font-size: 1.1rem;
}

/* ランディングページ用 ボタン本体 */
.btn {
width: 250px;/* 横幅 */
height: 73px;/* 縦幅 */
line-height: 73px;/* 行の高さ(heightと同じ値にする) */
}

/* ランディングページ用 ボタンのテキスト */
.btn__text {
font-size: 1.2em;/* 文字サイズ */
}

.btn__text::before {
font-size: 1.3em;
}

/* ランディングページ用 ボタンのテキスト */

button.read-form,
button.read-form2,
button.read-form3 {
font-size: 150%;
}

.gt-icon-smp #flags li a{
font-size: 13.5px;
}

#related,
#related-works {
padding: 2% 1%;
}

.onlinestore {
width: 30%;
margin: 0 auto;
}

/* 写真のリスト　*/

ul.list-photo li {
width: calc(25% - 10px);
margin: 5px;
overflow:hidden;
}

/* 写真のリスト２（パソコン表示では２列の写真タイプ）　*/

ul.list-photo2 li {
width: calc(50% - 10px);
margin: 5px;
overflow:hidden;
}

/* 写真・文字のリスト3（パソコン表示では３列の写真タイプ）　*/

ul.list-photo3 li,
ul.list-menu li,
ul.list-menu3 li {
width: calc(33% - 10px);
margin: 5px;
overflow:hidden;
}

ul.list-menu2 li,
ul.list-artwork li {
width: calc(25% - 10px);
margin: 5px;
overflow:hidden;
}


/*プロジェクトページ他*/

.image-code1,
.image-code2,
.image-code3 {
padding: 10em 4em;
}


/*ピープルページ */
.artist-info1,
.artist-info2,
.artist-info3 {
padding: 10em 4em;
}

.service-info1 {
padding: 4em 4em;
}

.category-info1 {
padding: 4em 4em 2em;
}

/*アバウトページ */
.about-concept1,
.about-concept3 {
padding: 10em 40% 10em 4em;
}

.about-concept2,
.about-concept4 {
padding: 10em 4em 10em 40%;
}

.about-concept5 {
padding: 10em 10em;
}

.profile-info1,
.gallery-info1 {
 padding: 4em 45% 4em 2em;
}

.profile-info1 img.sideview {
position: absolute;
top: 280px;
right: 0;
z-index: 0;
max-width: 45%;
}

.gallery-info1 img.sideview {
position: absolute;
top: 80px;
right: 0;
z-index: 0;
max-width: 60%;
}

img.sideright {
position: absolute;
right: 0;
z-index: 0;
max-width: 45%;
}

img.sideleft {
position: absolute;
left: 0;
z-index: 0;
max-width: 45%;
}

.profile-info1 dl.block-code,
.gallery-info1 dl.block-code {
 padding: 0.5em 1%;
}

.artist-introduction,
.about-introduction,
.gallery-introduction,
.guide-introduction {
max-width: 80%;
margin: 0 auto;
}

.concept-info {
padding: 1em 2em;
margin: 0 auto;
font-size: 180%;
}

.concept-title {
padding: 0 2em;
margin: 0 auto;
font-size: 180%;
}

.concept-info2,
.concept-info3,
.concept-info4,
.concept-info5 {
padding: 2em 2em;
margin: 0 auto;
font-size: 150%;

width: auto;/* 全画面表示 */
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-attachment: fixed;
}

#front-gallery ul.gallery-list li.cate-archive h3.entry-title {
font-size:100%;
}

#front-works ul.works-list li.cate-archive h3.artist-title,
ul.works-list li.cate-archive h2.artist-title {
font-size:110%;
}

/* drawerの編集（モバイル横向き） */

nav.drawer-nav {
 padding-bottom:10em;
 }
 
.drawer--right.drawer-open .drawer-hamburger {
 padding:2.5em 1em;
 }

ul.blog-list li.cate-archive .post-thumbnail,
ul.blog-list li.cate-archive .related_thumbnail {
max-width: 100%;
height: 100%;
float: none;
padding-right: 0%;
}

ul.blog-list li.cate-archive h3.entry-title,
ul.blog-list li.cate-archive h3.related-title {
padding: 1% 2%;
clear: none;
}

/* カテゴリーや関連記事の調整 */

ul.front-cate li.cate-archive h2.entry-title {
top:4em
}

ul.front-cate li.cate-archive h2.related-title{
top:2em;
}

ul.articles3 {
max-width:40%;
}

h3.contact-title {
font-size:30px;
 text-align:left;
 line-height:45px;
 margin-bottom: 0.5em;
 }

/* 写真・文字のリスト3（パソコン表示では３列の写真タイプ）　*/

ul.list-photo3 li,
ul.list-photo4 li {
width: calc(50% - 10px);
margin: 5px;
overflow:hidden;
}

/* 画像付きメニューリスト3　*/

ul.list-menu li a,
ul.list-menu2 li a,
ul.list-menu3 li a {
font-size:90%;
}


/* ページコアの編集 */

h2.page-core,
span.page-core,
h2.title-core,
h2.related {
font-size:4rem;
}

h1.artist-title {
font-size:3rem;
}

.page #primary {
padding:3em 2em;
background:#fffffc;
}

.home #primary {
padding: 1em 0;
}



/* 写真のリスト　*/

ul.list-photo li {
width: calc(50% - 10px);
margin: 5px;
overflow:hidden;
}

/* トップページ　リレーションシップ /　作品購入　*/

#front-relation {
font-size:0.9rem;
padding:0em 7em 2em 7em;
max-width: 100%;
margin: 0 auto;
}


/* トップページ 下部画像 */
.front-background {
position: static;
}

/* ブログ一覧 */

.blog-cate {
margin:0;
}

ul.blog-list {
width: calc(33.3% - 10px);
margin: 5px;
overflow:hidden;

border: 1px solid #000;
}

#related ul.blog-list {
width: calc(25% - 10px);
margin: 5px;
overflow:hidden;
}


/* ページタイトル */
.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
font-size: 40px;
font-size: 5rem;
padding-top:0em;
}

/* 関連記事一覧　*/


/* カテゴリー　記事一覧　*/

ul.front-cate,
ul.gallery-list,
ul.works-list {
width: calc(50% - 10px);
}

.archive ul.gallery-list,
.about-page ul.gallery-list,
#related-art ul.gallery-list {
width: calc(33.3% - 10px);
}

li.cate-archive {
background:#fff;
}

.entry-title a {
text-decoration: none;
font-weight:500;
font-size:0.8rem;
}

/* SNSボタン */


.share {
padding:2em 0;
}


.share li {
float:left;
    width:10%;
    margin:0;
margin-bottom:1%;
display:inline-block;
}

.share a {
padding:2% 2em 2% 0;
}

.share ul {
margin : 0;
   padding : 0;
}

.share li a {
    padding : 10px;
    font-size : 15px;
    text-decoration : none;
color:#323232;
}



/* ページナンバーのサイズ　*/
.page-numbers {
font-size:14px;
}

/* パンくず */

.pankuzu {
font-size:12px;
padding: 0.5em 4em;
}

/* カテゴリー　記事一覧　*/

/* フッター部分の追加（検索フォームやロゴ） */

.footer-logo {
text-align:center;
height:auto;
padding:2% 0 0;
font-size:17px;
margin:0 auto;
}

/* フッターの検索部分　*/

.footer-search {
 margin:0 auto;
 padding:1% 25%;
 }

/* Typography */

body,
button,
input,
select,
textarea {
font-size: 16px;
font-size: 1rem;
line-height: 1.5;
}

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 13px;
font-size: 0.8125rem;
}

/* Layout */

.wrap {
max-width: 2400px;
}

/* 追記：Layout */


.has-sidebar .site-content {
background:#fff;
}

.has-sidebar:not(.error404) #primary {
float: left;
width: 72%;
background:#fff;
padding:2em 4em;
margin-bottom:3em;
margin-top: 48px;
}

.has-sidebar #secondary {
float: right;
margin-top: 48.5px;
width: 28%;
background:#fff;
padding:1em 0.5em;
display:block;
}

.archive.has-sidebar:not(.error404) #primary {
padding: 0em 0em;
width:100%;
margin:0 auto;
float:none;
background: none;
}

.archive.has-sidebar #secondary {
display:none;
}

.error404 #primary {
float: none;
}

/* Site Branding */

.site-branding {
margin-top: 0%;/* パソコンから見た個別記事のロゴの位置調整 */
padding: 1.4em 5px;
}

.home .site-branding {
padding: 10% 5px 1.4em 5px;
margin-top: 17%;/* パソコンから見たトップページのロゴの位置調整 */
}

.site-branding img {
width: 135px;
}

.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
bottom: 0;
display: block;
left: 0;
height: auto;
padding-top: 0em;
position: absolute;
width: 100%;
}

.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
display: block;
height: auto;
}

.custom-header-media {
height: 165px;
position: relative;
}

.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 0;
position: relative;
}

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,
.has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
bottom: 0;
height: auto;
left: 0;
position: absolute;
right: 0;
top: 0;
}

.custom-logo-link {
padding-right: 2em;
}

.custom-logo-link img,
body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
max-width: 350px;
}

.title-tagline-hidden.home.has-header-image .custom-logo-link img,
.title-tagline-hidden.home.has-header-video .custom-logo-link img {
max-height: 200px;
}

.site-title {
font-size: 36px;
font-size: 2.25rem;
}

/* Navigation */

.navigation-top {
top: 0;
font-size: 14px;
left: 0;
position: absolute;
right: 0;
width: 100%;
z-index: 998;
}

.navigation-top a{
font-weight:500;
}

.navigation-top .wrap {
max-width: 2400px;
/* The font size is 14px here and we need 50px padding in ems */
padding: 0.75em 1em;
}

.navigation-top nav {
margin-left: -1.25em;
}

.site-navigation-fixed.navigation-top {
bottom: auto;
position: fixed;
left: 0;
right: 0;
top: 0;
padding: 0;
width: 100%;
z-index: 900;
background-color: rgba(255, 255, 255, 0.75);

}

.site-navigation-fixed.navigation-top .main-navigation ul a {
color: #444;
}

.site-navigation-fixed.navigation-top .main-navigation ul a:hover {
color: #a39169;
}

.site-navigation-fixed.navigation-top .main-navigation ul ul a:hover {
color: #fff;
}

.site-navigation-fixed.navigation-top .main-navigation ul.current-menu-item > a,
.site-navigation-fixed.navigation-top .main-navigation ul.current_page_item > a {
color: #a39169;
}

.admin-bar .site-navigation-fixed.navigation-top {
top: 32px;
}

.main-navigation {
width: auto;
}

.js .main-navigation ul,
.js .main-navigation ul ul,
.js .main-navigation > div > ul {
display: block;
}

.main-navigation ul {
background: transparent;
padding: 0;
}

.main-navigation > div > ul {
border: 0;
margin-bottom: 0;
padding: 0;
}

.main-navigation li {
border: 0;
display: inline-block;
vertical-align:middle;/*middleは中央揃え*/
}

.main-navigation li li {
display: block;
}

.main-navigation a {
padding: 0.2em 1.25em 0 1.25em;
}

.main-navigation ul ul {
background: rgba(255, 255, 255, 0.75);
border: 1px solid #bbb;
left: -999em;
padding: 0;
position: absolute;
top: 100%;
z-index: 9996;
}

/*

.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:before,
.main-navigation ul li.page_item_has_children:after {
border-style: solid;
border-width: 0 6px 6px;
content: "";
display: none;
height: 0;
position: absolute;
right: 1em;
bottom: -1px;
width: 0;
z-index: 100000;
}

*/

.main-navigation ul li.menu-item-has-children.focus:before,
.main-navigation ul li.menu-item-has-children:hover:before,
.main-navigation ul li.menu-item-has-children.focus:after,
.main-navigation ul li.menu-item-has-children:hover:after,
.main-navigation ul li.page_item_has_children.focus:before,
.main-navigation ul li.page_item_has_children:hover:before,
.main-navigation ul li.page_item_has_children.focus:after,
.main-navigation ul li.page_item_has_children:hover:after {
display: block;
}

.main-navigation ul li.menu-item-has-children:before,
.main-navigation ul li.page_item_has_children:before {
border-color: transparent transparent #bbb;
bottom: 0;
}

.main-navigation ul li.menu-item-has-children:after,
.main-navigation ul li.page_item_has_children:after {
border-color: transparent transparent #fff;
}

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

.main-navigation ul ul a {
padding: 1.5em 1.25em;
width: 20em;
}

.main-navigation li li {
-webkit-transition: background-color 0.2s ease-in-out;
transition: background-color 0.2s ease-in-out;
}

.main-navigation li li:hover,
.main-navigation li li.focus {
background: #a39169;
}

.main-navigation li li a {
-webkit-transition: color 0.3s ease-in-out;
transition: color 0.3s ease-in-out;
}

.main-navigation li li.focus > a,
.main-navigation li li:focus > a,
.main-navigation li li:hover > a,
.main-navigation li li a:hover,
.main-navigation li li a:focus,
.main-navigation li li.current_page_item a:hover,
.main-navigation li li.current-menu-item a:hover,
.main-navigation li li.current_page_item a:focus,
.main-navigation li li.current-menu-item a:focus {
color: #fff;
}

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

.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon {
display: none;
left: 5px;
position: relative;
top: -1px;
}

.main-navigation ul ul .menu-item-has-children > a > .icon,
.main-navigation ul ul .page_item_has_children > a > .icon {
margin-top: -9px;
left: auto;
position: absolute;
right: 1em;
top: 50%;
-webkit-transform: rotate(-90deg);/* Chrome, Safari, Opera */
-ms-transform: rotate(-90deg);/* IE 9 */
transform: rotate(-90deg);
}

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

.main-navigation ul ul li.menu-item-has-children.focus:before,
.main-navigation ul ul li.menu-item-has-children:hover:before,
.main-navigation ul ul li.menu-item-has-children.focus:after,
.main-navigation ul ul li.menu-item-has-children:hover:after,
.main-navigation ul ul li.page_item_has_children.focus:before,
.main-navigation ul ul li.page_item_has_children:hover:before,
.main-navigation ul ul li.page_item_has_children.focus:after,
.main-navigation ul ul li.page_item_has_children:hover:after {
display: none;
}

/* Front Page */

.twentyseventeen-front-page.has-header-image .site-branding,
.twentyseventeen-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
margin-bottom: 70px;
}

.twentyseventeen-front-page.has-header-image .custom-header-media,
.twentyseventeen-front-page.has-header-video .custom-header-media,
.home.blog.has-header-image .custom-header-media,
.home.blog.has-header-video .custom-header-media {
height: 1200px;
height: 100%;
max-height: 100%;
overflow: hidden;
}

.twentyseventeen-front-page.has-header-image .custom-header-media:before,
.twentyseventeen-front-page.has-header-video .custom-header-media:before,
.home.blog.has-header-image .custom-header-media:before,
.home.blog.has-header-video .custom-header-media:before {
height: 33%;
}

.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
.admin-bar.home.blog.has-header-image .custom-header-media,
.admin-bar.home.blog.has-header-video .custom-header-media {
height: calc(100vh - 32px);
}

/* トップページの上余白を調整 */

.panel-content .wrap {
padding-bottom: 0em;
padding-top: 1em;
}

.panel-image {
height: 100vh;
max-height: 1200px;
}

/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
.background-fixed .panel-image {
background-attachment: fixed;
}

.page-two-column .panel-content .entry-header {
float: left;
width: 36%;
}

.page-two-column .panel-content .entry-content {
float: right;
width: 58%;
}

/* Front Page - Recent Posts */

.page-two-column .panel-content .recent-posts {
clear: right;
float: right;
width: 58%;
}

.panel-content .recent-posts article {
margin-bottom: 4em;
}

.panel-content .recent-posts .entry-header,
.page-two-column #primary .panel-content .recent-posts .entry-header,
.panel-content .recent-posts .entry-content,
.page-two-column #primary .panel-content .recent-posts .entry-content {
float: none;
width: 100%;
}

.panel-content .recent-posts .entry-header {
margin-bottom: 1.5em;
}

.page .panel-content .recent-posts .entry-title {
font-size: 26px;
font-size: 1.625rem;
}

/* Posts */

.site-content {
padding: 0;
}

.single .site-content,
.archive .site-content {
margin-top: auto;
position:relative;
}

.single .site-content {
background: #fffffc no-repeat;
background-image: url(/image/hyre-single-bgr.png);
background-position: top;
background-size: cover;
}

/* 固定ページや記事ページの編集 */

.page #primary {
max-width:80%;
margin:0 auto;
}

.home #primary {
max-width: 100%;
}

.error404 #primary {
padding: 7em 13em 7em 10em ;
max-width:100%;
margin:0 auto;
}

.search #primary {
padding: 3em 3em 0 3em ;
max-width:100%;
margin:0 auto;
}

.error404 #primary {
margin-bottom:3em;
}

.page.page-one-column:not(.twentyseventeen-front-page) #primary {
padding: 5em 3em;
max-width:70%;
margin:0 auto;
}

.single-post:not(.has-sidebar) #primary {
padding: 5em 3em;
max-width:70%;
margin:3em auto;
margin-bottom:3em;
border: 1px solid #a39169;
background: #fffffc;
}

/*WORKS記事の編集 */

.artist-single #primary {
padding: 0 0 0.5em!important;
margin: 0 auto!important;
border: none!important;
}

/* タイトルの編集 */

.page .entry-title,
.error404 .page-title {
font-size:22px;
}

.single h1.entry-title {
text-align: center;
font-size: 25px;
}

/*ここまで　*/

.page .entry-title {
font-size: 2.0rem;
text-align:center;
}

.home .entry-title {
font-size: 1.3rem;
}

.comments-pagination,
.post-navigation {
clear: both;
}

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

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

.nav-next,
.post-navigation .nav-next {
margin-top: 0;
}

/* Blog, archive, search */

.sticky .icon-thumb-tack {
height: 23px;
left: -2.5em;
top: 1.5em;
width: 32px;
}

body:not(.has-sidebar):not(.page-one-column) .page-header,
body.has-sidebar.error404 #primary .page-header,
body.page-two-column:not(.archive) #primary .entry-header,
body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
width: 100%;
}

.blog:not(.has-sidebar) #primary article,
.archive:not(.page-one-column):not(.has-sidebar) #primary article,
.search:not(.has-sidebar) #primary article,
.error404:not(.has-sidebar) #primary .page-content,
.error404.has-sidebar #primary .page-content,
body.page-two-column:not(.archive) #primary .entry-content,
body.page-two-column #comments {
width: 100%;
}

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
padding-bottom: 0em;
}

.navigation.pagination {
clear: both;
width: 58%;
margin:2% auto;
}

.has-sidebar .navigation.pagination,
.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
float: none;
width: 100%;
}

.entry-footer {
display: table;
width: 100%;
}

.entry-footer .cat-tags-links {
display: table-cell;
vertical-align: middle;
width: 100%;
}

.entry-footer .edit-link {
display: table-cell;
text-align: right;
vertical-align: middle;
}

.entry-footer .edit-link a.post-edit-link {
margin-top: 0;
margin-left: 1em;
}

/* Entry content */

/* without sidebar */

:not(.has-sidebar) .entry-content blockquote.alignleft {
margin-left: -17.5%;
width: 48%;
}

:not(.has-sidebar) .entry-content blockquote.alignright {
margin-right: -17.5%;
width: 48%;
}

/* with sidebar */

.has-sidebar .entry-content blockquote.alignleft {
margin-left: 0;
width: 34%;
}

.has-sidebar .entry-content blockquote.alignright {
margin-right: 0;
width: 34%;
}

.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
margin-right: -72.5%;
width: 62%;
}

/* blog and archive */

.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
.page-two-column .entry-content blockquote.alignleft {
margin-left: -72.5%;
width: 62%;
}

.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright {
margin-right: 0;
width: 36%;
}

/* Post formats */

.format-quote blockquote .icon {
left: -1.5em;
}

/* Pages */

.page.page-one-column .entry-header,
.twentyseventeen-front-page.page-one-column .entry-header,
.archive.page-one-column:not(.has-sidebar) .page-header {
margin-bottom: 4em;
}

.page:not(.home) #content {

}

/* 404 page */

.error404 .page-content {
padding-bottom: 9em;
}

/* Comments */

#comments {
padding-top: 0em;
}

.comments-title {
margin-bottom: 2.5em;
}

ol.children .children {
padding-left: 2em;
}

/* Posts pagination */

.nav-links .nav-title {
position: relative;
}

.nav-title-icon-wrapper {
position: absolute;
text-align: center;
width: 2em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
left: -2em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
right: -2em;
}

/* Secondary */

#secondary {
font-size: 18px;
font-size: 1.2rem;
line-height: 1.3;
}

/* Widgets */

h2.widget-title {
font-size: 11px;
color:#666;
}

/* 追記：サイドのタイトル */

#secondary h2.widget-title {
font-size: 1.8em;
border-bottom: 5px double #ebebeb;
}


/* Footer */

.site-footer {
font-size: 14px;
font-size: 0.875rem;
line-height: 1.6;
margin-top: 0em;
}

.site-footer .widget-area {
padding:0 .5em 0 1em;
color:#666;
}

.site-footer .widget-column.footer-widget-1 {
float: left;
width: 25%;
padding:0 1em;
}

.site-footer .widget-column.footer-widget-2 {
float: left;
width: 25%;
padding:0 1em;
}

.site-footer .widget-column.footer-widget-3 {
float: left;
width: 25%;
padding:0 1em;
}

.site-footer .widget-column.footer-widget-4 {
float: left;
width: 25%;
padding:0 1em;
display:block;
}

.site-info .social-navigation {

}

.site-footer .social-navigation {
text-align: center;
}

.site-info {
text-align: right;
}

.social-navigation + .site-info {

}

.site-info .sep {
margin: 0 0.5em;
display: inline;
visibility: visible;
height: auto;
width: auto;
}

/* Gallery Columns */

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

}

@media screen and ( min-width: 67em ) {

/* Layout */

/* パソコン以上のサイズ用 */

.home .site-branding {
margin-top: 13%;/* パソコンから見たトップページのロゴの位置調整 */
}

button.drawer-toggle {
padding:3em 1em;
}

.drawer--right.drawer-open .drawer-hamburger {
 padding:3em 1em;
 }

/* ページコアの編集 */

h2.page-core,
span.page-core,
h2.title-core,
h2.related {
font-size:5rem;
}


h1.artist-title {
font-size:4rem;
}

/* ランディングページ（パソコンサイズ） */

p.mainprice {
font-size: 1.4rem;
}


ul.lp-flow {
font-size: 1.3rem;
}

ul.contactform-lp-frame {
max-width: 70%;
}


.lp-black,
.lp-offwhite,
.lp-gray {
padding: 1% 18em;
}

.onlinestore {
width: 20%;
margin: 0 auto;
}

/*プロジェクトページ他*/

.image-code1,
.image-code2,
.image-code3 {
padding: 10em 10em;
}

/*ピープルページ*/
.artist-info1,
.artist-info2,
.artist-info3 {
padding: 10em 10em;
}

.service-info1 {
padding: 7em 10em;
}

.category-info1 {
padding: 7em 10em 1em;
}

/*アバウトページ */
.about-concept1,
.about-concept3 {
padding: 10em 45% 10em 4em;
}


.about-concept2,
.about-concept4 {
padding: 10em 4em 10em 45%;
}

.about-concept5 {
padding: 15em 20em;
}

.profile-info1,
.gallery-info1 {
padding: 10em 45% 5em 4em;
}

.profile-info1 img.sideview {
position: absolute;
top: 300px;
right: 0;
z-index: 0;
max-width: 40%;
}

.gallery-info1 img.sideview {
position: absolute;
top: 100px;
right: 0;
z-index: 0;
max-width: 60%;
}

img.sideright {
position: absolute;
right: 0;
z-index: 1;
max-width: 40%;
}

img.sideleft {
position: absolute;
left: 0;
z-index: 0;
max-width: 40%;
}

.artist-introduction,
.about-introduction {
max-width: 50%;
}

.gallery-introduction,
.guide-introduction {
max-width: 70%;
}

.concept-info {
padding: 1em 4em;
font-size: 200%;
}

.concept-title {
padding: 0 4em;
font-size: 200%;
}

.concept-info2,
.concept-info3,
.concept-info4,
.concept-info5 {
padding: 4em 4em;
font-size: 180%;
}

#front-gallery ul.gallery-list li.cate-archive h3.entry-title {
font-size:105%;
}

#front-works ul.works-list li.cate-archive h3.artist-title,
ul.works-list li.cate-archive h2.artist-title {
font-size:120%;
}

ul.front-cate li.cate-archive h2.entry-title {
top:4em;
}

.home ul.front-cate li.cate-archive h2.entry-title {
top:6em;
}

ul.front-cate li.cate-archive h2.related-title{
top:1em;
font-size:1.2rem;
}

ul.front-cate {
width: calc(25% - 10px);
}

.archive ul.gallery-list,
.about-pageul.gallery-list,
ul.gallery-list {
width: calc(25% - 10px);
}

#front-gallery ul.gallery-list,
#related-art ul.gallery-list {
width: calc(25% - 10px);
}

#front-news ul.blog-list {
width: calc(25% - 10px);
}

ul.works-list {
width: calc(25% - 10px);
}


/* 個別記事達の横幅変換　*/
.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary {
max-width:60%;
}


/* テキストのセンター寄せ　*/

.text-center {
text-align:center;
line-height: 3;
 }

/* トップページ　リレーションシップ /　作品購入　*/

#front-relation {
padding:0em 20em 2em 20em;
}

.page #primary {
padding: 1em 4em 4em 4em;
margin-top:3em;
}

.home #primary {
padding: 1em 0;
margin-top:0em;
}

.pankuzu {
font-size:12px;
}

/* Navigation */
.navigation-top .wrap {
padding: 0.75em 1em;
}

.navigation-top nav {
margin-left: 0em;
}

/* Sticky posts */

.sticky .icon-thumb-tack {
font-size: 32px;
font-size: 2rem;
height: 22px;
left: -1.25em;
top: 0.75em;
width: 32px;
}

/* Pagination */

.page-numbers {
display: inline-block;
}

.page-numbers.current {
font-size: 14px;
}

.page-numbers.current .screen-reader-text {
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute !important;
width: 1px;
}

/* Comments */

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

@media screen and ( min-width: 79em ) {

/* パソコン以上のサイズ用 */

/*プロジェクトページ他*/

.image-code1,
.image-code2,
.image-code3 {
padding: 10em 20em;
}

/*ピープルページ*/
.artist-info1,
.artist-info2,
.artist-info3 {
padding: 10em 20em;
}

.home #primary {
padding: 1em 0em;
}

ul.blog-list{
width: calc(25% - 10px);
}

.pankuzu {
font-size:12px;
}

.has-sidebar .entry-content blockquote.alignleft {
margin-left: -20%;
}

.blog:not(.has-sidebar) .entry-content blockquote.alignright,
.archive:not(.has-sidebar) .entry-content blockquote.alignright,
.page-two-column .entry-content blockquote.alignright,
.twentyseventeen-front-page .entry-content blockquote.alignright {
margin-right: -20%;
}
}

/*アーティスト紹介記事の編集 */

.artist-single #primary {
padding: 0;
}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {

/* パソコン以上のサイズ用 */

.pankuzu {
font-size:12px;
}

.admin-bar .site-navigation-fixed.navigation-top,
.admin-bar .site-navigation-hidden.navigation-top {
top: 46px;
}
}

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {

/* Hide elements */

form,
button,
input,
select,
textarea,
.navigation-top,
.social-navigation,
#secondary,
.content-bottom-widgets,
.header-image,
.panel-image-prop,
.icon-thumb-tack,
.page-links,
.edit-link,
.post-navigation,
.pagination.navigation,
.comments-pagination,
.comment-respond,
.comment-edit-link,
.comment-reply-link,
.comment-metadata .edit-link,
.pingback .edit-link,
.site-footer aside.widget-area,
.site-info {
display: none !important;
}

.entry-footer,
#comments,
.site-footer,
.single-featured-image-header {
border: 0;
}

/* Font sizes */

body {
font-size: 12pt;
}

h1 {
font-size: 24pt;
}

h2 {
font-size: 22pt;
}

h3 {
font-size: 17pt;
}

h4 {
font-size: 12pt;
}

h5 {
font-size: 11pt;
}

h6 {
font-size: 12pt;
}

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
font-size: 10pt;
}

/* Layout */

.wrap {
padding-left: 5% !important;
padding-right: 5% !important;
max-width: none;
}

/* Site Branding */

.site-header {
background: #fff;
padding: 0;
}

.custom-header-media {
padding: 0;
}

.twentyseventeen-front-page.has-header-image .site-branding,
.twentyseventeen-front-page.has-header-video .site-branding,
.home.blog.has-header-image .site-branding,
.home.blog.has-header-video .site-branding {
position: relative;
}

.site-branding {
margin-top: 0;
margin-bottom: 1.75em !important;/* override styles added by JavaScript */
}

.site-title {
font-size: 25pt;
}

/* Posts */

.single-featured-image-header {
background: transparent;
}

.entry-meta {
font-size: 9pt;
}

/* Colors */

body,
.site {
background: none !important;/* Brute force since user agents all print differently. */
}

body,
a,
.site-title a,
.twentyseventeen-front-page.has-header-image .site-title,
.twentyseventeen-front-page.has-header-video .site-title,
.twentyseventeen-front-page.has-header-image .site-title a,
.twentyseventeen-front-page.has-header-video .site-title a {
color: #222 !important;/* Make sure color schemes don't affect to print */
}

h2,
h5,
blockquote,
.entry-meta,
.entry-meta a {
color: #777 !important;/* Make sure color schemes don't affect to print */
}

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
font-size: 11pt;
width: 34%;
}

.site-footer {
padding: 0;
}
}