@charset "UTF-8";
/*!
Theme Name: yanobekenji
Theme URI: http://underscores.me/
Author: Toshiyuki Kimura
Author URI: http://atopia.jp
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: yanobekenji
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

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

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

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP&family=Roboto:wght@300;400&display=swap");
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
	 ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

/* Sections
	 ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
	 ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  font-size: 1em; }

/* Text-level semantics
	 ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted; }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em; }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
	 ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0; }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

/* Interactive
	 ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
	 ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/* Box sizing
--------------------------------------------- */
/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
  box-sizing: inherit; }

html {
  box-sizing: border-box; }

/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
  color: #404040;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 100%;
  line-height: 1.75; }

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

p {
  margin-bottom: 1.5em; }

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

blockquote {
  margin: 0 1.5em; }

address {
  margin: 0 0 1.5em; }

pre {
  background: #eee;
  font-family: "Noto Sans JP", sans-serif;
  line-height: 1.75;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em; }

code,
kbd,
tt,
var {
  font-family: "Noto Sans JP", sans-serif; }

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

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

big {
  font-size: 125%; }

/* Elements
--------------------------------------------- */
body {
  background: #fff; }

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

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

ul {
  list-style: disc; }

ol {
  list-style: decimal; }

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

dt {
  font-weight: 700; }

dd {
  margin: 0 1.5em 1.5em; }

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

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

figure {
  margin: 1em 0; }

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

/* Links
--------------------------------------------- */
a {
  color: #4169e1; }
  a:visited {
    color: #800080; }
  a:hover, a:focus, a:active {
    color: #191970; }
  a:focus {
    outline: thin dotted; }
  a:hover, a:active {
    outline: 0; }

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  border: 1px solid;
  border-color: #ccc #ccc #bbb;
  border-radius: 3px;
  background: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  line-height: 1;
  padding: 0.6em 1em 0.4em; }
  button:hover,
  input[type="button"]:hover,
  input[type="reset"]:hover,
  input[type="submit"]:hover {
    border-color: #ccc #bbb #aaa; }
  button:active, button:focus,
  input[type="button"]:active,
  input[type="button"]:focus,
  input[type="reset"]:active,
  input[type="reset"]:focus,
  input[type="submit"]:active,
  input[type="submit"]:focus {
    border-color: #aaa #bbb #bbb; }

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

select {
  border: 1px solid #ccc; }

textarea {
  width: 100%; }

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.main-navigation {
  display: block;
  width: 100%; }
  .main-navigation ul {
    display: none;
    list-style: none;
    margin: 0;
    padding-left: 0; }
    .main-navigation ul ul {
      box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
      float: left;
      position: absolute;
      top: 100%;
      left: -999em;
      z-index: 99999; }
      .main-navigation ul ul ul {
        left: -999em;
        top: 0; }
      .main-navigation ul ul li:hover > ul, .main-navigation ul ul li.focus > ul {
        display: block;
        left: auto; }
      .main-navigation ul ul a {
        width: 200px; }
    .main-navigation ul li:hover > ul,
    .main-navigation ul li.focus > ul {
      left: auto; }
  .main-navigation li {
    position: relative; }
  .main-navigation a {
    display: block;
    text-decoration: none; }

/* 言語切り替えボタンの背景色・中央寄せ表示 */
.bogo-language-switcher {
  display: flex;
  justify-content: space-between;
  margin: 0 auto; }

/* 選択中言語切り替えボタンの色・文字表示 */
.bogo-language-switcher .current {
  background-color: #1E70DD;
  color: #ffffff;
  border-bottom: 3px solid #fff; }

/* 選択中言語切り替えボタンの色・文字表示 */
.bogo-language-switcher .ja {
  /* 言語ボタンの表示順（0が最初）*/
  order: 0;
  padding: 0 10px 0 10px;
  list-style-type: none;
  flex-grow: 1; }

.bogo-language-switcher .en {
  /* 言語ボタンの表示順（0が最初）*/
  order: 1;
  padding: 0 10px 0 10px;
  list-style-type: none;
  flex-grow: 1; }

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

@media screen and (min-width: 1366px) {
  .menu-toggle {
    display: none; }

  .main-navigation ul {
    display: flex; } }
.site-main .comment-navigation,
.site-main .posts-navigation,
.site-main .post-navigation {
  margin: 0 0 1.5em; }
.comment-navigation .nav-links, .posts-navigation .nav-links, .post-navigation .nav-links {
  display: flex; }
.comment-navigation .nav-previous, .posts-navigation .nav-previous, .post-navigation .nav-previous {
  flex: 1 0 50%; }
.comment-navigation .nav-next, .posts-navigation .nav-next, .post-navigation .nav-next {
  text-align: end;
  flex: 1 0 50%; }

/* Posts and pages
--------------------------------------------- */
.sticky {
  display: block; }

.post,
.page {
  margin: 0 0 1.5em; }

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

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

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

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

.bypostauthor {
  display: block; }

/* Widgets
--------------------------------------------- */
.widget {
  margin: 0 0 1.5em; }
  .widget select {
    max-width: 100%; }

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

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

/* Captions
--------------------------------------------- */
.wp-caption {
  margin-bottom: 1.5em;
  max-width: 100%; }
  .wp-caption img[class*="wp-image-"] {
    display: block;
    margin-left: auto;
    margin-right: auto; }
  .wp-caption .wp-caption-text {
    margin: 0.8075em 0; }

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

/* Galleries
--------------------------------------------- */
.gallery {
  margin-bottom: 1.5em;
  display: grid;
  grid-gap: 1.5em; }

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

.gallery-columns-2 {
  grid-template-columns: repeat(2, 1fr); }

.gallery-columns-3 {
  grid-template-columns: repeat(3, 1fr); }

.gallery-columns-4 {
  grid-template-columns: repeat(4, 1fr); }

.gallery-columns-5 {
  grid-template-columns: repeat(5, 1fr); }

.gallery-columns-6 {
  grid-template-columns: repeat(6, 1fr); }

.gallery-columns-7 {
  grid-template-columns: repeat(7, 1fr); }

.gallery-columns-8 {
  grid-template-columns: repeat(8, 1fr); }

.gallery-columns-9 {
  grid-template-columns: repeat(9, 1fr); }

.gallery-caption {
  display: block; }

/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
  display: none; }

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
  display: block; }

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Text meant only for screen readers. */
.screen-reader-text {
  border: 0;
  clip: rect(1px, 1px, 1px, 1px);
  clip-path: inset(50%);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px;
  word-wrap: normal !important; }
  .screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 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; }

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

/* Alignments
--------------------------------------------- */
.alignleft {
  /*rtl:ignore*/
  float: left;
  /*rtl:ignore*/
  margin-right: 1.5em;
  margin-bottom: 1.5em; }

.alignright {
  /*rtl:ignore*/
  float: right;
  /*rtl:ignore*/
  margin-left: 1.5em;
  margin-bottom: 1.5em; }

.aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em; }

/*--------------------------------------------------------------
# Additional
--------------------------------------------------------------*/
body {
  color: #444; }
  body.page {
    margin-bottom: 0; }

a,
a:visited {
  color: #000;
  font-weight: bold;
  text-decoration: underline; }

a:hover {
  color: #000;
  opacity: 0.6; }

.news-list a,
.category-list a,
.works-list a,
.ar-list a,
.exhibitions-list a,
.articles-list a,
.biography-list a,
aside a {
  text-decoration: none;
  font-weight: normal; }

ul {
  margin: 0;
  padding: 0;
  list-style: none; }

.load-fade {
  opacity: 0;
  visibility: hidden;
  transition: all 1s; }

.load-fade.is-show {
  opacity: 1;
  visibility: visible; }

.grecaptcha-badge {
  visibility: hidden; }

/* common */
a.btn-more {
  display: block;
  width: 90px;
  text-align: left;
  margin: 0 0 0 auto;
  padding: 0.65rem 1rem 5px 0;
  font-size: 0.9rem;
  line-height: 0.975rem;
  letter-spacing: 0.05rem;
  color: #000;
  text-decoration: none;
  font-weight: 600;
  border-top: 3px solid #000;
  background-image: url(images/img_arrow_right.svg);
  background-size: 20px 7px;
  background-position: right bottom 5px;
  background-repeat: no-repeat;
  text-decoration: none; }

.trimtop {
  object-position: top; }

/*
a.btn-more {
	position: relative;
	z-index: 1;
}

.btn-more::before {
  background: #000;
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  bottom: 0;
  margin: auto;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .3s;
  z-index: -1;
}

.btn-more:hover {
  color: #fff;
}

.btn-more:hover::before {
	transform-origin: left top;
	transform: scale(1, 1);
	background-image: url(images/img_arrow_right_w.svg);
	background-size: 20px 7px;
	background-position: right bottom 5px;
	background-repeat: no-repeat;
}
*/
.btn-next {
  display: inline-block;
  width: 90px;
  text-align: left;
  margin: 0 0 0 1.25rem;
  padding: 0.65rem 1rem 5px 0;
  font-size: 0.9rem;
  line-height: 0.975rem;
  letter-spacing: 0.05rem;
  color: #000;
  text-decoration: none;
  font-weight: 600;
  border-top: 3px solid #000;
  background-image: url(images/img_arrow_right.svg);
  background-size: 20px 7px;
  background-position: right bottom 5px;
  background-repeat: no-repeat;
  text-decoration: none; }

.btn-prev {
  display: inline-block;
  width: 90px;
  text-align: right;
  margin: 0 1.25rem 0 0;
  padding: 0.65rem 0 5px 0;
  font-size: 0.9rem;
  line-height: 0.975rem;
  letter-spacing: 0.05rem;
  color: #000;
  text-decoration: none;
  font-weight: 600;
  border-top: 3px solid #000;
  background-image: url(images/img_arrow_left.svg);
  background-size: 20px 7px;
  background-position: left bottom 5px;
  background-repeat: no-repeat;
  text-decoration: none; }

.btn-back {
  display: inline-block;
  width: 90px;
  text-align: left;
  margin: 0;
  padding: 0.65rem 1rem 5px 0;
  font-size: 0.975rem;
  line-height: 0.975rem;
  letter-spacing: 0.05rem;
  color: #000;
  text-decoration: none;
  font-weight: 600;
  border-top: 3px solid #000;
  background-image: url(images/img_arrow_back.svg);
  background-size: 25px 10px;
  background-position: right bottom 5px;
  background-repeat: no-repeat;
  text-decoration: none; }

.btn-black {
  display: block;
  margin: 2rem auto;
  padding: 1.5rem 0;
  font-size: 1.1rem;
  line-height: 1.1rem;
  max-width: 240px;
  color: #FFF;
  background-color: #000;
  text-decoration: none;
  text-align: center;
  text-decoration: none; }

.btn-black:hover,
.btn-black:visited {
  color: #FFF; }

button, input[type="button"], input[type="reset"], input[type="submit"] {
  margin: 1rem auto;
  padding: 0.75rem 1.5rem;
  font-size: 1rem;
  line-height: 1rem;
  max-width: 270px;
  color: #FFF;
  background-color: #000;
  text-decoration: none;
  text-align: center;
  border: 0;
  border-radius: 0; }

.posts-navigation .nav-links,
.post-navigation .nav-links {
  display: flex;
  justify-content: center; }

.posts-navigation .nav-next,
.post-navigation .nav-next {
  flex: 0 1 auto;
  display: block;
  width: 120px;
  margin: 0 1.25rem;
  padding: 0.5rem 0 0.5rem 2.5rem;
  font-size: 0.9rem;
  line-height: 0.975rem;
  letter-spacing: 0.05rem;
  color: #000;
  text-decoration: none;
  font-weight: 600;
  background-image: url(images/img_arrow_left.svg);
  background-size: 20px 7px;
  background-position: left 0.5rem bottom 0.5rem;
  background-repeat: no-repeat;
  text-align: start; }

.posts-navigation .nav-previous,
.post-navigation .nav-previous {
  text-align: end;
  flex: 0 1 auto;
  display: block;
  width: 120px;
  margin: 0 1.25rem;
  padding: 0.5rem 2.5rem 0.5rem 0;
  font-size: 0.9rem;
  line-height: 0.975rem;
  letter-spacing: 0.05rem;
  color: #000;
  text-decoration: none;
  font-weight: 600;
  background-image: url(images/img_arrow_right.svg);
  background-size: 20px 7px;
  background-position: right 0.5rem bottom 0.5rem;
  background-repeat: no-repeat; }

.pagination {
  margin: 0 0 4rem 0; }
  .pagination ul.page-numbers {
    display: flex;
    justify-content: center;
    margin: 0 auto; }
    .pagination ul.page-numbers li {
      display: block;
      flex: 0 1 auto;
      margin: 0 0.25rem;
      padding: 0;
      font-size: 0.9rem;
      line-height: 0.975rem;
      letter-spacing: 0.05rem;
      text-align: center; }
      .pagination ul.page-numbers li .current {
        width: 30px;
        display: block;
        padding: 0.5rem 0 0 0;
        border-top: 3px solid #CCC;
        color: #CCC;
        text-decoration: none;
        font-weight: 600; }
      .pagination ul.page-numbers li a {
        width: 30px;
        display: block;
        padding: 0.5rem 0 0 0;
        border-top: 3px solid #000;
        color: #000;
        text-decoration: none;
        font-weight: 600; }
      .pagination ul.page-numbers li a.next {
        width: 60px;
        display: block;
        margin: 0 0.5rem;
        background-image: url(images/img_arrow_right.svg);
        background-size: 20px 7px;
        background-position: right bottom;
        background-repeat: no-repeat;
        text-align: left; }
      .pagination ul.page-numbers li a.prev {
        width: 60px;
        display: block;
        margin: 0 0.5rem;
        background-image: url(images/img_arrow_left.svg);
        background-size: 20px 7px;
        background-position: left bottom;
        background-repeat: no-repeat;
        text-align: right; }

/* ■■■■■■■■■■■■■■■■■■■■■■■ */
/* header */
.site-header {
  display: flex;
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  height: auto; }
  .site-header .site-branding {
    display: inline-block;
    width: 272px;
    height: auto; }
    .site-header .site-branding h1.site-title,
    .site-header .site-branding p.site-title {
      display: inline-block;
      margin: 0;
      width: 272px;
      height: 85px;
      font-size: 1.85rem;
      font-weight: 400;
      line-height: 82px;
      text-align: center;
      letter-spacing: 0.085rem;
      color: #FFF;
      background-color: #000;
      text-decoration: none; }
      @media screen and (max-width: 520px) {
        .site-header .site-branding h1.site-title,
        .site-header .site-branding p.site-title {
          width: 210px;
          height: 60px;
          font-size: 1.5rem;
          font-weight: 400;
          line-height: 60px;
          padding-left: 1.5rem; } }
    .site-header .site-branding h1.site-title a,
    .site-header .site-branding p.site-title a {
      color: #FFF;
      text-decoration: none;
      font-weight: normal; }
  .site-header nav.main-navigation {
    display: flex;
    width: calc(100% - 290px);
    height: auto;
    justify-content: flex-end;
    align-items: center; }
    @media screen and (max-width: 1366px) {
      .site-header nav.main-navigation {
        display: block;
        width: 100%;
        background-color: #000; }
        .site-header nav.main-navigation button.menu-toggle {
          display: block;
          margin: 0 0 0 auto;
          font-size: 2rem;
          padding: 0 1.85rem;
          height: 85px; }
        .site-header nav.main-navigation.toggled ul.nav-menu {
          display: block; } }
    @media screen and (max-width: 520px) {
      .site-header nav.main-navigation button.menu-toggle {
        display: block;
        margin: 0 0 0 auto;
        font-size: 1.5rem;
        padding: 0 1.45rem;
        height: 60px; } }
    @media screen and (max-width: 1366px) {
      .site-header nav.main-navigation .menu-navigation-container,
      .site-header nav.main-navigation .menu-navigation-en-container {
        position: absolute;
        background-color: #000;
        left: 0;
        width: 100%;
        height: auto;
        opacity: 0.8;
        z-index: 2; } }
    .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li,
    .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li {
      padding: 0 1.05rem;
      font-size: 1.1rem;
      font-weight: 600;
      letter-spacing: 0.025rem;
      line-height: 1.75rem; }
      .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li a,
      .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li a {
        color: #000; }
      @media screen and (max-width: 1366px) {
        .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li,
        .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li {
          padding: 0;
          font-size: 1.5rem;
          font-weight: normal;
          letter-spacing: 0.025rem;
          line-height: 1.5rem; }
          .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li a,
          .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li a {
            padding: 1rem 0 1rem 1.75rem;
            color: #FFF;
            font-weight: normal; } }
    .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li.search_box,
    .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li.search_box {
      padding: 0 1rem; }
      @media screen and (max-width: 1366px) {
        .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li.search_box,
        .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li.search_box {
          padding: 0 0 0 1.75rem; } }
      .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li.search_box input[type="search"],
      .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li.search_box input[type="search"] {
        position: relative;
        padding: 0 0.5rem 0 32px;
        border: 0;
        border-radius: 0;
        width: 130px;
        font-size: 0.95rem;
        height: 1.75rem;
        background-color: #DEDEDE; }
        @media screen and (max-width: 1366px) {
          .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li.search_box input[type="search"],
          .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li.search_box input[type="search"] {
            margin: 1rem 0;
            padding: 0 0 0 3rem;
            width: 100%;
            max-width: 300px;
            font-size: 1.5rem;
            height: 3rem; } }
      .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li.search_box i,
      .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li.search_box i {
        position: absolute;
        font-size: 1.1rem;
        top: 6px;
        left: 25px; }
        @media screen and (max-width: 1366px) {
          .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li.search_box i,
          .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li.search_box i {
            font-size: 1.85rem;
            top: 1.55rem;
            left: 2.25rem; } }
      .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li.search_box input[type="submit"],
      .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li.search_box input[type="submit"] {
        display: none; }
    .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li.sns_icon,
    .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li.sns_icon {
      padding: 0 0.25rem;
      font-size: 1.5rem; }
      @media screen and (max-width: 1366px) {
        .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li.sns_icon,
        .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li.sns_icon {
          float: left; } }
    .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li.en,
    .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li.en {
      padding: 0 0.5rem;
      font-size: 0.85rem;
      letter-spacing: 0;
      color: #CCC; }
      .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li.en a,
      .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li.en a {
        color: #000; }
        @media screen and (max-width: 1366px) {
          .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li.en a,
          .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li.en a {
            color: #FFF;
            padding: 0; } }
      @media screen and (max-width: 1366px) {
        .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li.en,
        .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li.en {
          float: left;
          padding: 1rem 0 1rem 1.75rem;
          font-size: 1.25rem;
          border-left: 0;
          font-weight: normal;
          color: #666; } }
    .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li.ja,
    .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li.ja {
      padding: 0 0.5rem;
      font-size: 0.85rem;
      letter-spacing: 0;
      border-left: 2px solid #CCC;
      color: #CCC; }
      .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li.ja a,
      .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li.ja a {
        color: #000; }
        @media screen and (max-width: 1366px) {
          .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li.ja a,
          .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li.ja a {
            color: #FFF;
            padding: 0; } }
      @media screen and (max-width: 1366px) {
        .site-header nav.main-navigation .menu-navigation-container ul.nav-menu li.ja,
        .site-header nav.main-navigation .menu-navigation-en-container ul.nav-menu li.ja {
          float: left;
          padding: 1rem 0 1rem 1.75rem;
          font-size: 1.25rem;
          border-left: 0;
          font-weight: normal;
          color: #666; } }

/* ■■■■■■■■■■■■■■■■■■■■■■■ */
/* main, article, entry-content */
main {
  width: 100%;
  height: auto; }
  main article.post, main article.page {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
    height: auto; }

section footer {
  width: 100%;
  max-width: 1180px;
  margin: 4rem auto; }

/* ■■■■■■■■■■■■■■■■■■■■■■■ */
/* TOP PAGE */
main .top-grid {
  width: 100%;
  max-width: 980px;
  height: auto;
  margin: 0 auto 4rem auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr; }
  @media screen and (max-width: 1366px) {
    main .top-grid {
      display: block; } }

/* SLIDER */
body.home .swiper,
body.page-id-1607 .swiper {
  width: 100%;
  max-width: 1920px; }
  body.home .swiper .swiper-wrapper .swiper-slide img,
  body.page-id-1607 .swiper .swiper-wrapper .swiper-slide img {
    aspect-ratio: 96 / 50;
    object-fit: cover;
    object-position: left 0 top 35%; }
body.home .swiper-button-next, body.home .swiper-rtl .swiper-button-prev,
body.page-id-1607 .swiper-button-next,
body.page-id-1607 .swiper-rtl .swiper-button-prev {
  right: 0;
  left: auto; }
body.home .swiper-button-prev, body.home .swiper-rtl .swiper-button-next,
body.page-id-1607 .swiper-button-prev,
body.page-id-1607 .swiper-rtl .swiper-button-next {
  left: 0;
  right: auto; }
body.home .swiper-button-next, body.home .swiper-button-prev,
body.page-id-1607 .swiper-button-next,
body.page-id-1607 .swiper-button-prev {
  color: #FFF;
  top: 45%;
  background-color: #000;
  padding: 30px;
  opacity: 0.25; }
body.home .swiper-button-next:after, body.home .swiper-button-prev:after,
body.page-id-1607 .swiper-button-next:after,
body.page-id-1607 .swiper-button-prev:after {
  font-size: 1.5rem; }

/* h2 */
article h2 {
  margin: 0.5rem 0;
  font-size: 1.85rem;
  line-height: 1.85rem;
  font-weight: normal;
  letter-spacing: 0.15rem;
  color: #999; }

/* NEWS */
.top-news article {
  display: block;
  margin: 3rem auto 4rem auto;
  width: 100%;
  max-width: 980px;
  height: auto; }
  @media screen and (max-width: 1366px) {
    .top-news article {
      padding: 0 4%; } }
  @media screen and (max-width: 1366px) and (max-width: 520px) {
    .top-news article h2 {
      margin: 0.5rem 0 -4px;
      font-size: 1.85rem;
      line-height: 1.85rem;
      font-weight: normal;
      letter-spacing: 0.15rem;
      color: #111;
      padding: 0.5rem 0;
      width: 100%;
      border-bottom: 4px solid #000; } }

  .top-news article .news-list ul {
    display: flex;
    margin: 4rem 0 0 0;
    justify-content: flex-start;
    flex-wrap: wrap; }
    @media screen and (max-width: 520px) {
      .top-news article .news-list ul {
        margin: 2rem 0 0 0;
        flex-flow: column; } }
    .top-news article .news-list ul li {
      margin: 0 6% 0 0;
      width: 29.3%;
      height: auto;
      font-size: 0.9rem;
      line-height: 1.5rem; }
      .top-news article .news-list ul li:nth-child(3n) {
        margin: 0; }
      @media screen and (max-width: 520px) {
        .top-news article .news-list ul li {
          margin: 0;
          width: 100%;
          line-height: 1.25rem;
          padding: 0 0 1rem 0; } }
      .top-news article .news-list ul li p {
        margin: 0.5rem 0 1rem 0;
        color: #666;
        font-size: 0.75rem;
        line-height: 1.2rem; }
      .top-news article .news-list ul li span {
        color: #999;
        font-size: 0.85rem; }
      .top-news article .news-list ul li figure {
        position: relative;
        width: 100%;
        height: auto;
        aspect-ratio: 3 / 2;
        margin: 0 0 0.5rem 0; }
      .top-news article .news-list ul li img {
        position: absolute;
        width: 100%;
        aspect-ratio: 3 / 2;
        object-fit: cover; }
        @media screen and (max-width: 520px) {
          .top-news article .news-list ul li img {
            float: left;
            margin: 0 1rem 1rem 0; } }
      .top-news article .news-list ul li i {
        position: absolute;
        font-size: 0.65rem;
        font-style: normal;
        border: 1px solid #333;
        padding: 0 0.5rem;
        bottom: 0;
        left: 0;
        background-color: #111;
        color: #FFF; }
    .top-news article .news-list ul li:last-child {
      margin: 0; }

/* MOVIES */
.top-movies article {
  display: block;
  margin: 0;
  width: 100%;
  height: auto;
  padding: 0 40px 0 0; }
  @media screen and (max-width: 1366px) {
    .top-movies article {
      padding: 0 4%; } }
  @media screen and (max-width: 1366px) and (max-width: 520px) {
    .top-movies article h2 {
      margin: 0.5rem 0 -4px;
      font-size: 1.85rem;
      line-height: 1.85rem;
      font-weight: normal;
      letter-spacing: 0.15rem;
      color: #111;
      padding: 0.5rem 0;
      width: 100%;
      border-bottom: 4px solid #000; } }

  .top-movies article ul {
    margin: 2rem 0 0 0; }
    .top-movies article ul li {
      margin: 0 0 1rem 0;
      width: 100%;
      aspect-ratio: 16 / 9; }
      .top-movies article ul li iframe {
        width: 100%;
        height: 100%; }
      .top-movies article ul li a {
        font-size: 0.85rem;
        color: #999;
        text-decoration: none;
        font-weight: normal; }

/* MESSAGES */
.top-messages article {
  display: block;
  margin: 0;
  width: 100%;
  height: auto;
  padding: 0 0 0 40px;
  border-left: 1px solid #000; }
  @media screen and (max-width: 1366px) {
    .top-messages article {
      padding: 0 4%;
      border-left: 0; } }
  @media screen and (max-width: 1366px) and (max-width: 520px) {
    .top-messages article h2 {
      margin: 0.5rem 0 -4px;
      font-size: 1.85rem;
      line-height: 1.85rem;
      font-weight: normal;
      letter-spacing: 0.15rem;
      color: #111;
      padding: 0.5rem 0;
      width: 100%;
      border-bottom: 4px solid #000; } }

  .top-messages article ul {
    margin: 2rem 0 0 0; }
    .top-messages article ul li {
      display: inline-block;
      margin: 0 0 2rem 0;
      width: 100%;
      font-size: 1rem;
      clear: both; }
      .top-messages article ul li img {
        width: 100%;
        aspect-ratio: 16 / 9;
        object-fit: cover;
        margin: 0;
        display: block; }
        @media screen and (max-width: 1366px) {
          .top-messages article ul li img {
            width: 50%;
            margin: 0 1rem 0 0;
            float: left; } }
      .top-messages article ul li a {
        text-decoration: none;
        font-weight: normal; }
      .top-messages article ul li span {
        color: #999; }

/* AR */
.top-ar article {
  display: block;
  margin: 0;
  width: 100%;
  height: auto;
  padding: 0 0 0 40px;
  border-left: 1px solid #000; }
  @media screen and (max-width: 1366px) {
    .top-ar article {
      padding: 0 4%;
      border-left: 0; } }
  @media screen and (max-width: 1366px) and (max-width: 520px) {
    .top-ar article h2 {
      margin: 0.5rem 0 -4px;
      font-size: 1.85rem;
      line-height: 1.85rem;
      font-weight: normal;
      letter-spacing: 0.15rem;
      color: #111;
      padding: 0.5rem 0;
      width: 100%;
      border-bottom: 4px solid #000; } }

  .top-ar article ul {
    margin: 2rem 0 0 0; }
    @media screen and (max-width: 1366px) {
      .top-ar article ul {
        display: flex; } }
    .top-ar article ul li {
      text-align: center;
      margin: 0 0 2rem 0; }
      @media screen and (max-width: 1366px) {
        .top-ar article ul li {
          flex: 1 1 auto; } }
      .top-ar article ul li img {
        width: auto;
        height: 240px;
        margin: 0 auto; }
        @media screen and (max-width: 1366px) {
          .top-ar article ul li img {
            width: 40%;
            height: auto; } }
  @media screen and (max-width: 1366px) and (max-width: 520px) {
    .top-ar article ul li img {
      width: 60%;
      height: auto; } }

/* PUBLICATIONS */
.top-publications article {
  display: block;
  margin: 0;
  width: 100%;
  height: auto;
  padding: 0 40px 0 0; }
  @media screen and (max-width: 1366px) {
    .top-publications article {
      padding: 0 4%; } }
  @media screen and (max-width: 1366px) and (max-width: 520px) {
    .top-publications article h2 {
      margin: 0.5rem 0 -4px;
      font-size: 1.85rem;
      line-height: 1.85rem;
      font-weight: normal;
      letter-spacing: 0.15rem;
      color: #111;
      padding: 0.5rem 0;
      width: 100%;
      border-bottom: 4px solid #000; } }

  .top-publications article h3 {
    font-size: 1.1rem;
    font-weight: bold;
    clear: none;
    margin: 0 0 1rem 0; }
  .top-publications article dl:first-of-type {
    margin: 2rem 0 1rem 0; }
  .top-publications article dl {
    margin: 0 0 1rem 0;
    font-size: 0.85rem; }
    .top-publications article dl dt {
      margin: 0 0 1rem 0;
      float: left; }
      .top-publications article dl dt img {
        width: 140px;
        height: auto;
        margin: 0 2rem 1rem 0; }
      .top-publications article dl dt a.btn {
        display: table;
        margin: 0 0 1rem 0;
        padding: 0.25rem 0 0 0;
        border-top: 2px solid #000;
        font-weight: bold;
        text-decoration: none; }
    .top-publications article dl dd {
      margin: 0 0 1rem 0; }
    .top-publications article dl::after {
      display: block;
      clear: both;
      content: ''; }

/* Archive Project */
.top-archive-project article {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  height: auto;
  background-color: #F5F5F5; }
  .top-archive-project article .archive-project {
    display: block;
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
    padding: 3rem 0; }
    @media screen and (max-width: 1366px) {
      .top-archive-project article .archive-project {
        padding: 1rem 4%; } }
    .top-archive-project article .archive-project h2 {
      font-size: 1.5rem;
      letter-spacing: -0.025rem;
      color: #999; }
    .top-archive-project article .archive-project ul {
      list-style: none;
      display: flex;
      margin: 0 auto;
      padding: 0;
      width: 100%;
      justify-content: flex-start;
      flex-wrap: wrap; }
      @media screen and (max-width: 520px) {
        .top-archive-project article .archive-project ul {
          flex-flow: column; } }
      .top-archive-project article .archive-project ul li {
        flex: 0 1 auto;
        margin: 0 4rem 0.25rem 0;
        font-size: 0.85rem; }
        .top-archive-project article .archive-project ul li a {
          color: #999;
          font-size: 0.85rem;
          text-decoration: none;
          font-weight: normal; }

/* ■■■■■■■■■■■■■■■■■■■■■■■ WORKS */
section.second-works {
  width: 100%;
  margin: 0 auto;
  padding: 0 1.5rem;
  /* Archive List */ }
  section.second-works header {
    margin: 2rem auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(3rem, auto);
    width: 100%;
    max-width: 1440px; }
    @media screen and (max-width: 520px) {
      section.second-works header {
        display: block; } }
    section.second-works header.tag {
      grid-template-columns: 1fr 5fr; }
    section.second-works header .category-title {
      font-size: 1.5rem;
      line-height: 1.5rem;
      letter-spacing: 0.175rem;
      font-weight: normal;
      color: #999; }
    section.second-works header .category-list {
      display: flex;
      justify-content: space-between;
      justify-self: end; }
      @media screen and (max-width: 520px) {
        section.second-works header .category-list {
          margin: 1.5rem 0 1rem 0; } }
      section.second-works header .category-list li {
        flex: 0 1 auto;
        padding-left: 2rem; }
        @media screen and (max-width: 980px) {
          section.second-works header .category-list li {
            padding-left: 1.5rem; } }
  @media screen and (max-width: 980px) and (max-width: 520px) {
    section.second-works header .category-list li {
      padding-left: 0; } }

        section.second-works header .category-list li a {
          font-size: 1.5rem;
          line-height: 1.5rem; }
    section.second-works header .tag-list {
      display: flex;
      justify-content: flex-end;
      flex-wrap: wrap; }
      @media screen and (max-width: 520px) {
        section.second-works header .tag-list {
          justify-content: flex-start;
          margin: 1rem 0 0 0; } }
      section.second-works header .tag-list li {
        margin-bottom: 0.5rem; }
        section.second-works header .tag-list li a {
          font-size: 0.85rem;
          line-height: 0.85rem;
          margin: 0 0.5rem;
          padding: 0.15rem 0.5rem;
          background-color: #F5F5F5;
          font-weight: 600; }
          @media screen and (max-width: 520px) {
            section.second-works header .tag-list li a {
              margin: 0 0.5rem 0 0; } }
    section.second-works header .navigation {
      justify-self: end; }
      @media screen and (max-width: 980px) {
        section.second-works header .navigation {
          text-align: right; } }
  section.second-works article {
    margin: 0 auto 5rem auto;
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    grid-auto-rows: minmax(600px, auto);
    width: 100%;
    max-width: 1440px; }
    @media screen and (max-width: 980px) {
      section.second-works article {
        display: flex;
        flex-flow: column; } }
  section.second-works .main-img {
    justify-self: end; }
    @media screen and (max-width: 980px) {
      section.second-works .main-img {
        order: 1; } }
    section.second-works .main-img .worksSwiper {
      width: 100%;
      max-width: 900px; }
      @media screen and (max-width: 980px) {
        section.second-works .main-img .worksSwiper {
          max-width: 980px; } }
      section.second-works .main-img .worksSwiper .swiper-wrapper {
        margin: 0;
        align-items: center; }
        section.second-works .main-img .worksSwiper .swiper-wrapper .swiper-slide {
          margin: 0; }
          section.second-works .main-img .worksSwiper .swiper-wrapper .swiper-slide img {
            width: 100%;
            height: 67.5vh;
            object-fit: contain; }
            @media screen and (max-width: 980px) {
              section.second-works .main-img .worksSwiper .swiper-wrapper .swiper-slide img {
                width: 100%;
                height: auto;
                max-height: 70vh;
                object-fit: contain; } }
    section.second-works .main-img .sub-img {
      margin: 0 0 3rem 0;
      display: flex;
      flex-wrap: wrap;
      justify-content: center; }
      @media screen and (max-width: 980px) {
        section.second-works .main-img .sub-img {
          justify-content: flex-start; } }
      section.second-works .main-img .sub-img .swiper {
        margin: 0; }
        section.second-works .main-img .sub-img .swiper .swiper-slide {
          width: 72px; }
          section.second-works .main-img .sub-img .swiper .swiper-slide img {
            cursor: pointer;
            width: 64px;
            height: 64px;
            object-fit: cover; }
          section.second-works .main-img .sub-img .swiper .swiper-slide img:hover {
            opacity: 0.5; }
  section.second-works .main-info {
    padding-right: 3rem; }
    @media screen and (max-width: 980px) {
      section.second-works .main-info {
        order: 2;
        padding-right: 0; } }
    section.second-works .main-info p {
      font-size: 0.85rem; }
    section.second-works .main-info h1 {
      margin: 0;
      font-family: 'Roboto', sans-serif;
      font-size: 1.75rem;
      line-height: 2.25rem;
      font-weight: 400;
      letter-spacing: 0.15rem; }
      @media screen and (max-width: 980px) {
        section.second-works .main-info h1 {
          font-size: 1.5rem;
          line-height: 2rem;
          letter-spacing: 0.05rem; } }
  @media screen and (max-width: 980px) and (max-width: 520px) {
    section.second-works .main-info h1 {
      line-height: 1.75rem; } }

    section.second-works .main-info .works-title-ja {
      color: #666; }
      @media screen and (max-width: 520px) {
        section.second-works .main-info .works-title-ja {
          margin: 0 0 1rem 0; } }
    section.second-works .main-info .works-hashtag {
      display: flex;
      width: 100%;
      max-width: 620px;
      margin: 0 0 5rem 0; }
      section.second-works .main-info .works-hashtag li a {
        margin-right: 1rem;
        padding: 0.15rem 0.5rem;
        background-color: #F5F5F5;
        font-size: 0.85rem;
        font-weight: 600;
        text-decoration: none; }
    section.second-works .main-info .works-spec {
      display: flex;
      flex-wrap: wrap;
      font-size: 0.85rem; }
      section.second-works .main-info .works-spec dt {
        margin: 0 1rem 1rem 0;
        padding: 0;
        width: 4rem;
        height: 1.7rem;
        border: 1px solid #666;
        font-weight: normal;
        text-align: center; }
      section.second-works .main-info .works-spec dd {
        margin: 0 0 1rem;
        padding: 0;
        width: calc( 100% - 6rem ); }
    section.second-works .main-info .works-spec-en {
      display: flex;
      flex-wrap: wrap;
      font-size: 0.85rem; }
      section.second-works .main-info .works-spec-en dt {
        margin: 0 1rem 1rem 0;
        padding: 0;
        width: 6rem;
        height: 1.7rem;
        border: 1px solid #666;
        font-weight: normal;
        text-align: center; }
      section.second-works .main-info .works-spec-en dd {
        margin: 0 0 1rem;
        padding: 0;
        width: calc( 100% - 8rem ); }
    section.second-works .main-info .works-article {
      margin: 0 0 4rem 0; }
      section.second-works .main-info .works-article p {
        margin: 0;
        padding: 1rem 0 0.5rem 0;
        border-top: 1px solid #CCC; }
        section.second-works .main-info .works-article p strong {
          font-weight: bold;
          font-size: 0.95rem;
          /*background-color: #333;*/
          color: #000;
          /*padding: 0.25rem 0.5rem;*/ }
      section.second-works .main-info .works-article li a {
        font-size: 0.95rem;
        line-height: 1.25rem;
        text-decoration: underline; }
  section.second-works .main-archive {
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
    height: auto; }
    section.second-works .main-archive h2 {
      display: inline-block;
      margin: 0 0 2rem 0;
      padding: 0;
      font-size: 3rem;
      line-height: 3rem;
      font-weight: 400;
      letter-spacing: 0.15rem; }
      @media screen and (max-width: 980px) {
        section.second-works .main-archive h2 {
          margin: 2rem 0 2rem 0; } }
    section.second-works .main-archive ul.works-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; }
      section.second-works .main-archive ul.works-list li {
        width: 18%;
        height: auto;
        margin: 0 2.5% 2rem 0;
        font-size: 0.85rem;
        line-height: 1.5rem; }
        @media screen and (max-width: 980px) {
          section.second-works .main-archive ul.works-list li {
            width: 23%;
            margin: 0 2.66% 2rem 0;
            line-height: 1.25rem; } }
  @media screen and (max-width: 980px) and (max-width: 520px) {
    section.second-works .main-archive ul.works-list li {
      width: 31.5%;
      margin: 0 2.75% 2rem 0;
      line-height: 1.1rem; } }

        section.second-works .main-archive ul.works-list li figure {
          margin: 0.25rem 0;
          width: 100%; }
        section.second-works .main-archive ul.works-list li a img {
          width: 100%;
          aspect-ratio: 1 / 1;
          object-fit: cover; }
      section.second-works .main-archive ul.works-list li:nth-child(5n) {
        margin: 0 0 2rem 0; }
        @media screen and (max-width: 980px) {
          section.second-works .main-archive ul.works-list li:nth-child(5n) {
            margin: 0 2.5% 2rem 0; } }
  @media screen and (max-width: 980px) and (max-width: 520px) {
    section.second-works .main-archive ul.works-list li:nth-child(5n) {
      margin: 0 2.75% 2rem 0; } }

      @media screen and (max-width: 980px) {
        section.second-works .main-archive ul.works-list li:nth-child(4n) {
          margin: 0 0 2rem 0; } }
  @media screen and (max-width: 980px) and (max-width: 520px) {
    section.second-works .main-archive ul.works-list li:nth-child(4n) {
      margin: 0 2.75% 2rem 0; } }

      @media screen and (max-width: 520px) {
        section.second-works .main-archive ul.works-list li:nth-child(3n) {
          margin: 0 0 2rem 0; } }
  section.second-works .main-tag h2 {
    font-size: 1.5rem !important;
    line-height: 1.5rem !important; }

/* ■■■■■■■■■■■■■■■■■■■■■■■ EXHIBITIONS */
section.second-exhibitions {
  width: 100%;
  margin: 0 auto;
  padding: 0 1.5rem;
  /* Archive List */ }
  section.second-exhibitions header {
    margin: 2rem auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(3rem, auto);
    width: 100%;
    max-width: 1440px; }
    @media screen and (max-width: 520px) {
      section.second-exhibitions header {
        display: block; } }
    section.second-exhibitions header .category-title {
      font-size: 1.5rem;
      line-height: 1.5rem;
      letter-spacing: 0.175rem;
      font-weight: normal;
      color: #999; }
    section.second-exhibitions header .category-list {
      display: flex;
      justify-content: space-between;
      justify-self: end; }
      @media screen and (max-width: 520px) {
        section.second-exhibitions header .category-list {
          margin: 1.5rem 0 1rem 0; } }
      section.second-exhibitions header .category-list li {
        flex: 0 1 auto;
        padding-left: 2rem; }
        @media screen and (max-width: 980px) {
          section.second-exhibitions header .category-list li {
            padding-left: 1.5rem; } }
  @media screen and (max-width: 980px) and (max-width: 520px) {
    section.second-exhibitions header .category-list li {
      padding-left: 0; } }

        section.second-exhibitions header .category-list li a {
          font-size: 1.5rem;
          line-height: 1.5rem; }
    section.second-exhibitions header .navigation {
      justify-self: end; }
      @media screen and (max-width: 980px) {
        section.second-exhibitions header .navigation {
          text-align: right; } }
  section.second-exhibitions article {
    margin: 0 auto 5rem auto;
    width: 100%;
    height: auto;
    max-width: 980px; }
  section.second-exhibitions .main-info p {
    font-size: 0.85rem; }
  section.second-exhibitions .main-info h1 {
    margin: 2rem 0;
    font-size: 1.25rem;
    line-height: 1.5rem;
    font-weight: 400;
    letter-spacing: 0.05rem; }
  section.second-exhibitions .main-info .exhibitions-spec {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.85rem; }
    section.second-exhibitions .main-info .exhibitions-spec dt {
      margin: 0 1rem 1rem 0;
      padding: 0;
      width: 4rem;
      border: 1px solid #666;
      font-weight: normal;
      text-align: center; }
    section.second-exhibitions .main-info .exhibitions-spec dd {
      margin: 0 0 1rem;
      padding: 0;
      width: calc( 100% - 6rem ); }
  section.second-exhibitions .main-archive {
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
    height: auto; }
    section.second-exhibitions .main-archive h2 {
      display: inline-block;
      margin: 0 0 2rem 0;
      padding: 0;
      font-size: 3rem;
      line-height: 3rem;
      font-weight: 400;
      letter-spacing: 0.15rem; }
    section.second-exhibitions .main-archive ul.exhibitions-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; }
      section.second-exhibitions .main-archive ul.exhibitions-list li {
        width: 18%;
        height: auto;
        margin: 0 2.5% 2rem 0;
        font-size: 0.85rem; }
        @media screen and (max-width: 980px) {
          section.second-exhibitions .main-archive ul.exhibitions-list li {
            width: 23%;
            margin: 0 2.66% 2rem 0;
            line-height: 1.25rem; } }
  @media screen and (max-width: 980px) and (max-width: 520px) {
    section.second-exhibitions .main-archive ul.exhibitions-list li {
      width: 31.5%;
      margin: 0 2.75% 2rem 0;
      line-height: 1.1rem; } }

        section.second-exhibitions .main-archive ul.exhibitions-list li figure {
          margin: 0; }
          section.second-exhibitions .main-archive ul.exhibitions-list li figure a img {
            width: 100%;
            aspect-ratio: 3 / 2;
            object-fit: contain; }
        section.second-exhibitions .main-archive ul.exhibitions-list li:nth-child(5n) {
          margin: 0 0 2rem 0; }
          @media screen and (max-width: 980px) {
            section.second-exhibitions .main-archive ul.exhibitions-list li:nth-child(5n) {
              margin: 0 2.5% 2rem 0; } }
  @media screen and (max-width: 980px) and (max-width: 520px) {
    section.second-exhibitions .main-archive ul.exhibitions-list li:nth-child(5n) {
      margin: 0 2.75% 2rem 0; } }

        @media screen and (max-width: 980px) {
          section.second-exhibitions .main-archive ul.exhibitions-list li:nth-child(4n) {
            margin: 0 0 2rem 0; } }
  @media screen and (max-width: 980px) and (max-width: 520px) {
    section.second-exhibitions .main-archive ul.exhibitions-list li:nth-child(4n) {
      margin: 0 2.75% 2rem 0; } }

        @media screen and (max-width: 520px) {
          section.second-exhibitions .main-archive ul.exhibitions-list li:nth-child(3n) {
            margin: 0 0 2rem 0; } }
  section.second-exhibitions .main-tag h2 {
    font-size: 1.5rem !important;
    line-height: 1.5rem !important; }

section.second-exhibitions-swiper {
  width: 100%;
  margin: 0 auto;
  padding: 0; }
  section.second-exhibitions-swiper.single {
    max-width: 980px; }
    @media screen and (max-width: 980px) {
      section.second-exhibitions-swiper.single {
        padding: 0 1.5rem; } }
    section.second-exhibitions-swiper.single .swiper {
      height: auto; }
      section.second-exhibitions-swiper.single .swiper .swiper-slide {
        width: 100%;
        height: auto; }
  section.second-exhibitions-swiper header {
    margin: 2rem auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(3rem, auto);
    width: 100%;
    max-width: calc(1440px + 3rem);
    padding: 0 1.5rem; }
  section.second-exhibitions-swiper .swiper {
    width: 100%;
    max-width: 100%;
    height: 380px; }
    @media screen and (max-width: 520px) {
      section.second-exhibitions-swiper .swiper {
        height: 270px; } }
  section.second-exhibitions-swiper .swiper-button-next, section.second-exhibitions-swiper .swiper-rtl .swiper-button-prev {
    right: 0;
    left: auto; }
  section.second-exhibitions-swiper .swiper-button-prev, section.second-exhibitions-swiper .swiper-rtl .swiper-button-next {
    left: 0;
    right: auto; }
  section.second-exhibitions-swiper .swiper-button-next, section.second-exhibitions-swiper .swiper-button-prev {
    color: #FFF;
    background-color: #000;
    padding: 30px;
    opacity: 0.75; }
  section.second-exhibitions-swiper .swiper-button-next:after, section.second-exhibitions-swiper .swiper-button-prev:after {
    font-size: 1.5rem; }
  section.second-exhibitions-swiper .swiper-pagination-bullet-active {
    background: #FFF !important; }
  section.second-exhibitions-swiper .swiper-slide {
    flex-shrink: 0;
    width: auto;
    height: 100%;
    position: relative;
    transition-property: transform; }
    section.second-exhibitions-swiper .swiper-slide img {
      width: auto;
      height: 100%; }

.lum-lightbox {
  z-index: 1; }

@media screen and (max-width: 520px) {
  .lum-lightbox-inner img {
    max-width: 255vw !important;
    max-height: 85vh !important; } }
.lum-lightbox-inner .lum-lightbox-caption {
  color: #CCC !important;
  font-size: 0.85rem; }
  .lum-lightbox-inner .lum-lightbox-caption a {
    width: 240px;
    display: block;
    margin: 0 auto;
    padding: 0.25rem;
    color: #FFF;
    background-color: #000; }

/* ■■■■■■■■■■■■■■■■■■■■■■■ MOVIES */
section.second-movies {
  width: 100%;
  margin: 0 auto;
  padding: 0 1.5rem;
  /* Archive List */ }
  section.second-movies header {
    margin: 2rem auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(3rem, auto);
    width: 100%;
    max-width: 1440px; }
    @media screen and (max-width: 520px) {
      section.second-movies header {
        display: block; } }
    section.second-movies header .category-title {
      font-size: 1.5rem;
      line-height: 1.5rem;
      letter-spacing: 0.175rem;
      font-weight: normal;
      color: #999; }
    section.second-movies header .category-list {
      display: flex;
      justify-content: space-between;
      justify-self: end; }
      section.second-movies header .category-list li {
        flex: 1 0 auto;
        padding-left: 2rem; }
        section.second-movies header .category-list li a {
          font-size: 1.5rem;
          line-height: 1.5rem; }
    section.second-movies header .navigation {
      justify-self: end; }
      @media screen and (max-width: 520px) {
        section.second-movies header .navigation {
          text-align: right;
          padding-top: 1rem; } }
  section.second-movies article {
    margin: 0 auto 5rem auto;
    width: 100%;
    height: auto;
    max-width: 1440px; }
  section.second-movies .main-info p {
    font-size: 0.85rem; }
  section.second-movies .main-info h1 {
    margin: 0 0 1rem 0;
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.05rem; }
  section.second-movies .main-info .movies-youtube {
    width: 100%;
    aspect-ratio: 16 / 9; }
    section.second-movies .main-info .movies-youtube iframe {
      width: 100%;
      height: 100%; }
  section.second-movies .main-archive {
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
    height: auto; }
    section.second-movies .main-archive h2 {
      display: inline-block;
      margin: 0 0 2rem 0;
      padding: 0;
      font-size: 3rem;
      line-height: 3rem;
      font-weight: 400;
      letter-spacing: 0.15rem; }
    section.second-movies .main-archive ul.movies-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; }
      section.second-movies .main-archive ul.movies-list li {
        width: 18%;
        height: auto;
        margin: 0 2.5% 2rem 0;
        font-size: 0.85rem;
        line-height: 1.5rem; }
        @media screen and (max-width: 980px) {
          section.second-movies .main-archive ul.movies-list li {
            width: 23%;
            margin: 0 2.66% 2rem 0;
            line-height: 1.25rem; } }
  @media screen and (max-width: 980px) and (max-width: 520px) {
    section.second-movies .main-archive ul.movies-list li {
      width: 31.5%;
      margin: 0 2.75% 2rem 0;
      line-height: 1.1rem; } }

        section.second-movies .main-archive ul.movies-list li figure {
          margin: 0.25rem 0;
          width: 100%; }
        section.second-movies .main-archive ul.movies-list li a img {
          width: 100%;
          aspect-ratio: 16 / 9;
          object-fit: contain; }
      section.second-movies .main-archive ul.movies-list li:nth-child(5n) {
        margin: 0 0 2rem 0; }
        @media screen and (max-width: 980px) {
          section.second-movies .main-archive ul.movies-list li:nth-child(5n) {
            margin: 0 2.5% 2rem 0; } }
  @media screen and (max-width: 980px) and (max-width: 520px) {
    section.second-movies .main-archive ul.movies-list li:nth-child(5n) {
      margin: 0 2.75% 2rem 0; } }

      @media screen and (max-width: 980px) {
        section.second-movies .main-archive ul.movies-list li:nth-child(4n) {
          margin: 0 0 2rem 0; } }
  @media screen and (max-width: 980px) and (max-width: 520px) {
    section.second-movies .main-archive ul.movies-list li:nth-child(4n) {
      margin: 0 2.75% 2rem 0; } }

      @media screen and (max-width: 520px) {
        section.second-movies .main-archive ul.movies-list li:nth-child(3n) {
          margin: 0 0 2rem 0; } }

/* ■■■■■■■■■■■■■■■■■■■■■■■ NEWS */
section.second-news {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  /* Archive List */ }
  @media screen and (max-width: 980px) {
    section.second-news {
      padding: 0 3%; } }
  section.second-news header {
    margin: 2rem auto 6rem auto;
    width: 100%; }
    section.second-news header .category-title {
      font-size: 1.5rem;
      line-height: 1.5rem;
      letter-spacing: 0.175rem;
      font-weight: normal;
      color: #999; }
    section.second-news header .entry-title {
      font-size: 1.5rem;
      line-height: 2rem;
      font-weight: 600; }
    section.second-news header .navigation {
      justify-self: end;
      text-align: right; }
  section.second-news .head-image {
    width: 100%;
    height: auto; }
  section.second-news article {
    margin: 0 auto 6rem auto;
    width: 100%;
    height: auto; }
    section.second-news article header.entry-header {
      margin: 1rem 0; }
    section.second-news article .entry-content img.head-image {
      margin: 0 0 1rem 0;
      width: 100%;
      height: auto; }
  section.second-news .main-info p {
    font-size: 0.85rem; }
  section.second-news .main-info h1 {
    margin: 0 0 1rem 0;
    font-size: 1.2rem;
    line-height: 1.2rem;
    font-weight: 400;
    letter-spacing: 0.05rem; }
  section.second-news .main-archive {
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
    height: auto; }
    section.second-news .main-archive h2 {
      display: inline-block;
      margin: 0 0 2rem 0;
      padding: 0;
      font-size: 3rem;
      line-height: 3rem;
      font-weight: 400;
      letter-spacing: 0.15rem; }
    section.second-news .main-archive ul.news-list li {
      width: 100%;
      height: auto;
      margin: 0 0 1rem 0;
      font-size: 0.85rem; }
      section.second-news .main-archive ul.news-list li::after {
        display: block;
        clear: both;
        content: ''; }
      section.second-news .main-archive ul.news-list li i {
        font-size: 0.65rem;
        font-style: normal;
        border: 1px solid #333;
        padding: 0 0.5rem;
        bottom: 0;
        left: 0;
        background-color: #111;
        color: #FFF; }
      section.second-news .main-archive ul.news-list li h2 {
        display: block;
        margin: 0 0 0.5rem 0;
        padding: 0;
        font-size: 1.25rem;
        line-height: 1.5rem;
        font-weight: 400;
        letter-spacing: -0.025rem;
        clear: none; }
      section.second-news .main-archive ul.news-list li span {
        display: block;
        color: #999;
        font-size: 0.95rem;
        line-height: 0.95rem;
        margin: 0 0 0.5rem 0;
        clear: none; }
      section.second-news .main-archive ul.news-list li p {
        margin: 0 0 2rem 0;
        color: #999;
        clear: none; }
      section.second-news .main-archive ul.news-list li img {
        margin: 0 0 0.5rem 5%;
        width: 30%;
        height: auto;
        aspect-ratio: 3 / 2;
        object-fit: cover;
        float: right; }

/* ■■■■■■■■■■■■■■■■■■■■■■■ PUBLICATIONS */
section.second-publications {
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  padding: 0 1.5rem;
  /* Archive List */ }
  section.second-publications header {
    margin: 2rem auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(3rem, auto);
    width: 100%;
    max-width: 1440px; }
    section.second-publications header .category-title {
      font-size: 1.5rem;
      line-height: 1.5rem;
      letter-spacing: 0.175rem;
      font-weight: normal;
      color: #999; }
    section.second-publications header .category-list {
      display: flex;
      justify-content: space-between;
      justify-self: end; }
      section.second-publications header .category-list li {
        flex: 1 0 auto;
        padding-left: 2rem; }
        section.second-publications header .category-list li a {
          font-size: 1.5rem;
          line-height: 1.5rem; }
    section.second-publications header .navigation {
      justify-self: end; }
  section.second-publications article {
    margin: 0 auto 5rem auto;
    width: 100%;
    height: auto;
    max-width: 980px; }
  section.second-publications .main-archive {
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
    height: auto; }
    section.second-publications .main-archive h2 {
      display: inline-block;
      margin: 0 0 2rem 0;
      padding: 0;
      font-size: 3rem;
      line-height: 3rem;
      font-weight: 400;
      letter-spacing: 0.15rem; }
    section.second-publications .main-archive ul.publications-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between; }
      @media screen and (max-width: 980px) {
        section.second-publications .main-archive ul.publications-list {
          flex-flow: column; } }
      section.second-publications .main-archive ul.publications-list li {
        width: 46%;
        height: auto;
        margin: 0 0 2rem 0; }
        @media screen and (max-width: 980px) {
          section.second-publications .main-archive ul.publications-list li {
            width: 100%; } }
        section.second-publications .main-archive ul.publications-list li figure {
          margin: 0 1.5rem 1rem 0;
          width: 100%;
          max-width: 120px;
          float: left; }
        section.second-publications .main-archive ul.publications-list li img {
          margin: 0 0 1rem 0;
          padding: 0; }
        section.second-publications .main-archive ul.publications-list li h3 {
          clear: none;
          margin-top: 0;
          font-size: 1rem; }
        section.second-publications .main-archive ul.publications-list li p {
          font-size: 0.85rem; }
        section.second-publications .main-archive ul.publications-list li a.btn {
          border-top: 2px solid #000;
          padding-top: 0.25rem; }

/* ■■■■■■■■■■■■■■■■■■■■■■■ ARTICLES */
section.second-articles {
  display: block;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  /* Archive List */ }
  @media screen and (max-width: 980px) {
    section.second-articles {
      padding: 0 3%; } }
  section.second-articles header {
    margin: 2rem auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(3rem, auto);
    width: 100%; }
    @media screen and (max-width: 520px) {
      section.second-articles header {
        display: block; } }
    section.second-articles header .category-title {
      font-size: 1.5rem;
      line-height: 1.5rem;
      letter-spacing: 0.175rem;
      font-weight: normal;
      color: #999; }
    section.second-articles header .category-list {
      display: flex;
      justify-content: space-between;
      justify-self: end; }
      section.second-articles header .category-list li {
        flex: 1 0 auto;
        padding-left: 2rem; }
        section.second-articles header .category-list li a {
          font-size: 1.5rem;
          line-height: 1.5rem; }
    section.second-articles header .navigation {
      justify-self: end; }
      @media screen and (max-width: 520px) {
        section.second-articles header .navigation {
          text-align: right;
          padding-top: 1rem; } }
  section.second-articles article {
    display: inline-block;
    margin: 0 7.5% 5rem 0;
    width: 60%;
    height: auto;
    float: left; }
    @media screen and (max-width: 980px) {
      section.second-articles article {
        display: inline-block;
        margin: 0 0 5rem 0;
        width: 100%;
        height: auto;
        float: none; } }
    section.second-articles article .entry-content {
      margin: 0;
      padding: 0 0 2rem 0; }
      section.second-articles article .entry-content img.head-image {
        margin: 0 0 1rem 0;
        width: 100%;
        height: auto; }
      section.second-articles article .entry-content h1 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        margin: 0 0 2rem 0;
        color: #111; }
      section.second-articles article .entry-content h2 {
        font-size: 1.2rem;
        margin: 0;
        font-weight: 600;
        color: #333;
        letter-spacing: -0.05rem; }
        section.second-articles article .entry-content h2::before {
          content: '―――';
          padding-right: 0.5rem; }
      section.second-articles article .entry-content h3 {
        font-size: 1rem;
        margin: 1rem 0;
        font-weight: 600;
        color: #111; }
    section.second-articles article .works-info {
      padding: 2.5% 5%;
      background-color: #F0F0F0; }
      section.second-articles article .works-info li {
        font-size: 0.85rem; }
      section.second-articles article .works-info .title_en {
        margin: 0 0 0.5rem 0;
        font-size: 1.25rem;
        font-weight: 600; }
      section.second-articles article .works-info .title_ja {
        margin: 0 0 0.5rem 0;
        font-weight: 600; }
  section.second-articles aside {
    display: inline-block;
    margin: 0 auto 5rem auto;
    padding: 0 0 2rem 0;
    width: 27.5%;
    height: auto;
    border-top: 4px solid #000; }
    @media screen and (max-width: 980px) {
      section.second-articles aside {
        width: 100%;
        height: auto;
        float: none; } }
    section.second-articles aside p {
      display: block;
      width: 100%;
      margin: 0.5rem 0 1.5rem 0; }
    @media screen and (max-width: 980px) {
      section.second-articles aside ul.exhibitions-info,
      section.second-articles aside ul.works-info-side {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
        width: 100%;
        height: auto;
        float: none; } }
    section.second-articles aside ul.exhibitions-info li,
    section.second-articles aside ul.works-info-side li {
      font-size: 0.75rem;
      line-height: 1rem;
      margin: 0 0 2rem 0; }
      @media screen and (max-width: 980px) {
        section.second-articles aside ul.exhibitions-info li,
        section.second-articles aside ul.works-info-side li {
          flex: 0 1 auto;
          width: 31%;
          margin: 0 3.5% 2rem 0;
          height: auto; } }
  @media screen and (max-width: 980px) and (max-width: 520px) {
    section.second-articles aside ul.exhibitions-info li,
    section.second-articles aside ul.works-info-side li {
      width: 48%;
      margin: 0 4% 2rem 0; } }

      @media screen and (max-width: 980px) {
        section.second-articles aside ul.exhibitions-info li:nth-of-type(3n),
        section.second-articles aside ul.works-info-side li:nth-of-type(3n) {
          margin: 0 0 2rem 0; } }
  @media screen and (max-width: 980px) and (max-width: 520px) {
    section.second-articles aside ul.exhibitions-info li:nth-of-type(3n),
    section.second-articles aside ul.works-info-side li:nth-of-type(3n) {
      margin: 0 4% 2rem 0; } }

      @media screen and (max-width: 520px) {
        section.second-articles aside ul.exhibitions-info li:nth-of-type(2n),
        section.second-articles aside ul.works-info-side li:nth-of-type(2n) {
          margin: 0 0 2rem 0; } }
      section.second-articles aside ul.exhibitions-info li img,
      section.second-articles aside ul.works-info-side li img {
        aspect-ratio: 3 / 2;
        object-fit: cover; }
  section.second-articles .main-archive {
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
    height: auto; }
    section.second-articles .main-archive article {
      display: inline-block;
      margin: 0 0 4rem 0;
      width: 100%;
      height: auto;
      float: none; }
      section.second-articles .main-archive article ul.articles-list {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap; }
        section.second-articles .main-archive article ul.articles-list li {
          flex: 0 1 auto;
          width: 48%;
          height: auto;
          margin: 0 0 1rem 0;
          padding: 0 0 1rem 0;
          /*border-bottom: 1px solid #CCC;*/
          font-size: 1rem;
          line-height: 1rem; }
          @media screen and (max-width: 520px) {
            section.second-articles .main-archive article ul.articles-list li {
              width: 100%; } }
          section.second-articles .main-archive article ul.articles-list li a.btn-more {
            margin: 0;
            float: right; }
          section.second-articles .main-archive article ul.articles-list li::after {
            display: block;
            clear: both;
            content: ''; }
          section.second-articles .main-archive article ul.articles-list li img {
            width: 30%;
            max-width: 240px;
            margin: 0 0 1rem 1rem;
            float: right; }
          section.second-articles .main-archive article ul.articles-list li h2 {
            display: block;
            margin: 0 0 0.5rem 0;
            padding: 0;
            font-size: 1.25rem;
            line-height: 1.5rem;
            font-weight: 400;
            letter-spacing: -0.025rem;
            clear: none; }
          section.second-articles .main-archive article ul.articles-list li p {
            margin: 0 0 1rem 0;
            font-size: 0.85rem;
            line-height: 1.25rem;
            clear: none;
            color: #666; }

/* ■■■■■■■■■■■■■■■■■■■■■■■ MESSAGES */
section.second-messages {
  display: block;
  width: 100%;
  max-width: 980px;
  margin: 0 auto;
  /* Archive List */ }
  @media screen and (max-width: 980px) {
    section.second-messages {
      padding: 0 3%; } }
  section.second-messages header {
    margin: 2rem auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(3rem, auto);
    width: 100%; }
    section.second-messages header .category-title {
      font-size: 1.5rem;
      line-height: 1.5rem;
      letter-spacing: 0.175rem;
      font-weight: normal;
      color: #999; }
    section.second-messages header .category-list {
      display: flex;
      justify-content: space-between;
      justify-self: end; }
      section.second-messages header .category-list li {
        flex: 1 0 auto;
        padding-left: 2rem; }
        section.second-messages header .category-list li a {
          font-size: 1.5rem;
          line-height: 1.5rem; }
    section.second-messages header .navigation {
      justify-self: end; }
  section.second-messages article {
    display: inline-block;
    margin: 0 0 5rem 0;
    width: 100%;
    height: auto;
    float: left; }
    section.second-messages article .entry-content {
      margin: 0;
      padding: 0 0 2rem 0; }
      section.second-messages article .entry-content h1 {
        font-size: 1.5rem;
        line-height: 1.75rem;
        margin: 0 0 2rem 0;
        color: #111; }
      section.second-messages article .entry-content h2 {
        font-size: 1.2rem;
        margin: 0;
        font-weight: 600;
        color: #333;
        letter-spacing: -0.05rem; }
        section.second-messages article .entry-content h2::before {
          content: '―――';
          padding-right: 0.5rem; }
      section.second-messages article .entry-content h3 {
        font-size: 1rem;
        margin: 1rem 0;
        font-weight: 600;
        color: #111; }
  section.second-messages .main-archive {
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
    height: auto; }
    section.second-messages .main-archive article {
      display: inline-block;
      margin: 0 0 4rem 0;
      width: 100%;
      height: auto;
      float: none; }
      section.second-messages .main-archive article ul.messages-list li {
        width: 100%;
        height: auto;
        margin: 0 0 2rem 0;
        padding: 0 0 2rem 0;
        border-bottom: 1px solid #CCC;
        font-size: 1rem;
        line-height: 1rem; }
        section.second-messages .main-archive article ul.messages-list li::after {
          display: block;
          content: '';
          clear: both; }
        section.second-messages .main-archive article ul.messages-list li img {
          margin: 0 2rem 0 0;
          width: 160px;
          height: 100px;
          object-fit: cover;
          float: left; }
        section.second-messages .main-archive article ul.messages-list li span {
          font-size: 0.85rem;
          line-height: 1.2rem;
          color: #666; }
        section.second-messages .main-archive article ul.messages-list li a {
          font-size: 1.2rem;
          line-height: 1.7rem; }
        section.second-messages .main-archive article ul.messages-list li a.btn-more {
          margin: 0 0 0 auto;
          padding: 0.65rem 1rem 5px 0;
          font-size: 0.9rem;
          line-height: 0.975rem;
          letter-spacing: 0.05rem;
          color: #000; }

/* ■■■■■■■■■■■■■■■■■■■■■■■ AR */
section.second-ar {
  width: 100%;
  margin: 0 auto;
  padding: 0 1.5rem;
  /* Archive List */ }
  section.second-ar header {
    margin: 2rem auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(3rem, auto);
    width: 100%;
    max-width: 1440px; }
    @media screen and (max-width: 520px) {
      section.second-ar header {
        display: block; } }
    section.second-ar header .category-title {
      font-size: 1.5rem;
      line-height: 1.5rem;
      letter-spacing: 0.175rem;
      font-weight: normal;
      color: #999; }
    section.second-ar header .category-list {
      display: flex;
      justify-content: space-between;
      justify-self: end; }
      @media screen and (max-width: 520px) {
        section.second-ar header .category-list {
          margin: 1.5rem 0 1rem 0; } }
      section.second-ar header .category-list li {
        flex: 0 1 auto;
        padding-left: 2rem; }
        @media screen and (max-width: 980px) {
          section.second-ar header .category-list li {
            padding-left: 1.5rem; } }
  @media screen and (max-width: 980px) and (max-width: 520px) {
    section.second-ar header .category-list li {
      padding-left: 0; } }

        section.second-ar header .category-list li a {
          font-size: 1.5rem;
          line-height: 1.5rem; }
    section.second-ar header .navigation {
      justify-self: end; }
  section.second-ar article {
    margin: 0 auto 5rem auto;
    width: 100%;
    height: auto;
    max-width: 1440px; }
    section.second-ar article .main-info img {
      float: left;
      margin: 0 2rem 2rem 0; }
    section.second-ar article .main-info h2 {
      clear: none; }
  section.second-ar .main-archive {
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
    height: auto; }
    section.second-ar .main-archive h2 {
      display: inline-block;
      margin: 0 0 2rem 0;
      padding: 0;
      font-size: 3rem;
      line-height: 3rem;
      font-weight: 400;
      letter-spacing: 0.15rem; }
    section.second-ar .main-archive ul.ar-list {
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-start; }
      section.second-ar .main-archive ul.ar-list li {
        width: 23.5%;
        height: auto;
        margin: 0 2% 4rem 0;
        text-align: center; }
        @media screen and (max-width: 520px) {
          section.second-ar .main-archive ul.ar-list li {
            width: 48%;
            margin: 0 4% 4rem 0; } }
        section.second-ar .main-archive ul.ar-list li img {
          margin: 0;
          width: 100%; }
      section.second-ar .main-archive ul.ar-list li:nth-of-type(4n) {
        margin: 0 0 4rem 0; }
      @media screen and (max-width: 520px) {
        section.second-ar .main-archive ul.ar-list li:nth-of-type(2n) {
          margin: 0 0 4rem 0; } }

/* ■■■■■■■■■■■■■■■■■■■■■■■ page */
section.second-page {
  width: 100%;
  margin: 0 auto;
  padding: 0 1.5rem; }
  section.second-page header {
    margin: 2rem auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(3rem, auto);
    width: 100%;
    max-width: 980px; }
    section.second-page header h1 {
      margin: 0;
      font-size: 1.5rem;
      line-height: 1.5rem;
      letter-spacing: 0.175rem;
      font-weight: normal;
      color: #999; }
  section.second-page .page-content,
  section.second-page .entry-content {
    margin: 0 0 6rem 0; }
  section.second-page dl.contact-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap; }
    @media screen and (max-width: 980px) {
      section.second-page dl.contact-list {
        flex-flow: column; } }
    section.second-page dl.contact-list dt {
      padding: 0.25rem 0;
      width: 20%;
      font-size: 1rem; }
      @media screen and (max-width: 980px) {
        section.second-page dl.contact-list dt {
          padding: 0.25rem 0;
          width: 100%; } }
    section.second-page dl.contact-list dd {
      padding: 0.25rem 0;
      width: 60%;
      overflow-wrap: normal; }
      @media screen and (max-width: 980px) {
        section.second-page dl.contact-list dd {
          margin: 0 0 1rem 0;
          padding: 0.25rem 0;
          width: 100%; } }
    section.second-page dl.contact-list input[type="text"], section.second-page dl.contact-list input[type="url"] {
      width: 100%; }
    @media screen and (max-width: 980px) {
      section.second-page dl.contact-list {
        flex-flow: column; } }
  section.second-page ul.biography-list {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 0; }
    section.second-page ul.biography-list li {
      margin: 0 1rem 1rem 0; }
      section.second-page ul.biography-list li a {
        font-size: 0.85rem;
        margin: 0;
        padding: 0.25rem 0.5rem;
        border: 1px solid #666;
        background-color: #000;
        color: #FFF; }
      section.second-page ul.biography-list li a:hover {
        background-color: #FFF;
        color: #000; }
  section.second-page ol.policy-list {
    margin: 0;
    padding: 0; }
    section.second-page ol.policy-list li {
      margin: 0 0 2rem 0; }

/* contact */
p.request-image {
  width: 100%;
  height: auto;
  padding: 4rem 2rem;
  background-color: #F0F0F0;
  text-align: center;
  line-height: 1; }
  p.request-image img {
    margin: 0 auto;
    display: block;
    width: auto;
    max-height: 400px; }

.attention {
  font-size: 0.85rem;
  color: #F00; }

.mw_wp_form_confirm .confirm-hidden {
  display: none; }

/* ■■■■■■■■■■■■■■■■■■■■■■■ SEARCH */
section.second-search {
  width: 100%;
  margin: 0 auto;
  padding: 0 1.5rem;
  /* Archive List */ }
  section.second-search header {
    margin: 2rem auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: minmax(3rem, auto);
    width: 100%;
    max-width: 980px; }
    section.second-search header .category-title {
      font-size: 1.5rem;
      line-height: 1.5rem;
      letter-spacing: 0.175rem;
      font-weight: normal;
      color: #999; }
  section.second-search .page-content,
  section.second-search .entry-content {
    margin: 0 0 6rem 0; }
  section.second-search .main-archive {
    margin: 0 auto;
    width: 100%;
    max-width: 980px;
    height: auto; }
    section.second-search .main-archive h2 {
      margin-bottom: 2rem;
      border-bottom: 3px solid #333;
      padding-bottom: 0.5rem; }
    section.second-search .main-archive ul.search-list {
      margin: 0 0 4rem 0; }
      section.second-search .main-archive ul.search-list li {
        width: 100%;
        height: auto;
        padding: 0 0 1rem 0;
        margin: 0 0 2rem 0;
        text-align: left;
        border-bottom: 1px solid #CCC; }
        section.second-search .main-archive ul.search-list li h3 {
          margin: 0;
          font-size: 1.25rem;
          font-weight: normal;
          padding: 0; }
          @media screen and (max-width: 520px) {
            section.second-search .main-archive ul.search-list li h3 {
              margin: 0 0 0.5rem 0;
              font-size: 1.1rem;
              line-height: 1.75rem; } }
          section.second-search .main-archive ul.search-list li h3 .label {
            display: inline-block;
            min-width: 120px;
            text-align: center;
            background-color: #F0F0F0;
            color: #666;
            padding: 0.25rem;
            margin-right: 1rem;
            border: 1px solid #EEE;
            text-transform: uppercase;
            font-size: 0.85rem; }
            @media screen and (max-width: 520px) {
              section.second-search .main-archive ul.search-list li h3 .label {
                display: block;
                padding: 0;
                margin: 0 0 0.5rem 0;
                font-size: 0.5rem;
                display: block;
                width: 15%;
                min-width: 80px; } }
          section.second-search .main-archive ul.search-list li h3 a {
            font-weight: normal; }
        section.second-search .main-archive ul.search-list li p {
          margin: 0;
          font-size: 0.85rem;
          color: #999; }

/* ■■■■■■■■■■■■■■■■■■■■■■■ footer */
.site-footer {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 1920px;
  height: auto;
  padding: 0.5rem 0;
  background-color: #000;
  clear: both; }
  .site-footer .site-info {
    text-align: center;
    color: #BEBEBE; }
    .site-footer .site-info p {
      margin: 0;
      font-size: 0.85rem;
      line-height: 2rem; }
      @media screen and (max-width: 520px) {
        .site-footer .site-info p {
          font-size: 0.5rem; } }
    .site-footer .site-info a {
      color: #FFF;
      text-decoration: none; }