@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
@font-face {
  font-family: 'Vox Round';
  src: local("Vox Round Bold"), local("Vox-Round-Bold"), url("fonts/VoxRound-Bold.woff2") format("woff2"), url("fonts/VoxRound-Bold.woff") format("woff"), url("fonts/VoxRound-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal; }
/* ==========================================================================
   Pure Base Extras
   ========================================================================== */
/**
 * Extra rules that Pure adds on top of Normalize.css
 */
/**
 * Always hide an element when it has the `hidden` HTML attribute.
 */
.hidden,
[hidden] {
  display: none !important; }

/**
 * Add this class to an image to make it fit within it's fluid parent wrapper while maintaining
 * aspect ratio.
 */
.pure-img {
  max-width: 100%;
  height: auto;
  display: block; }

/* PURE Menu */
/*!
Pure v0.6.0
Copyright 2014 Yahoo! Inc. All rights reserved.
Licensed under the BSD License.
https://github.com/yahoo/pure/blob/master/LICENSE.md
*/
/*csslint adjoining-classes: false, box-model:false*/
.pure-menu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.pure-menu-fixed {
  position: fixed;
  left: 0;
  top: 0;
  z-index: 3; }

.pure-menu-list,
.pure-menu-item {
  position: relative; }

.pure-menu-list {
  list-style: none;
  margin: 0;
  padding: 0; }

.pure-menu-item {
  padding: 0;
  margin: 0;
  height: 100%; }

.pure-menu-link,
.pure-menu-heading {
  display: block;
  text-decoration: none;
  white-space: nowrap; }

/* HORIZONTAL MENU */
.pure-menu-horizontal {
  width: auto;
  white-space: nowrap;
}
/*add 20220726*/
.pure-menu-horizontal ul.navbar-nav{
  display: flex;
  flex-wrap: nowrap;
  gap: 0;
}
/*mod 20220726*/
.pure-menu-horizontal .pure-menu-list {
  display: block; }

/* Initial menus should be inline-block so that they are horizontal */
.pure-menu-horizontal .pure-menu-item,
.pure-menu-horizontal .pure-menu-heading,
.pure-menu-horizontal .pure-menu-separator {
  display: inline-block;
  *display: inline;
  zoom: 1;
  vertical-align: middle; }

/* Submenus should still be display: block; */
.pure-menu-item .pure-menu-item {
  display: block; }

.pure-menu-children {
  display: none;
  position: absolute;
  left: 100%;
  top: 0;
  margin: 0;
  padding: 0;
  z-index: 3; }

.pure-menu-horizontal .pure-menu-children {
  left: 0;
  top: auto;
  width: inherit; }

.pure-menu-allow-hover:hover > .pure-menu-children,
.pure-menu-active > .pure-menu-children {
  display: block;
  position: absolute; }

/* Vertical Menus - show the dropdown arrow */
.pure-menu-has-children > .pure-menu-link:after {
  padding-left: 0.5em;
  content: "\25B8";
  font-size: small; }

/* Horizontal Menus - show the dropdown arrow */
.pure-menu-horizontal .pure-menu-has-children > .pure-menu-link:after {
  content: "\25BE"; }

/* scrollable menus */
.pure-menu-scrollable {
  overflow-y: scroll;
  overflow-x: hidden; }

.pure-menu-scrollable .pure-menu-list {
  display: block; }

.pure-menu-horizontal.pure-menu-scrollable .pure-menu-list {
  display: inline-block; }

.pure-menu-horizontal.pure-menu-scrollable {
  white-space: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  /* a little extra padding for this style to allow for scrollbars */
  padding: .5em 0; }

.pure-menu-horizontal.pure-menu-scrollable::-webkit-scrollbar {
  display: none; }

/* ページ上へ */
#ptb {
  position: fixed;
  bottom: 1em;
  right: 1em;
  width: 40px;
  height: 40px;
  background-color: transparent;
  opacity: 0.8; }

/* ページ上へ */
/* misc default styling */
.pure-menu-separator {
  background-color: #ccc;
  height: 1px;
  margin: .3em 0; }

.pure-menu-horizontal .pure-menu-separator {
  width: 1px;
  height: 1.3em;
  margin: 0 0.3em; }

.pure-menu-heading {
  text-transform: uppercase;
  color: #565d64; }

.pure-menu-link {
  color: #fff; }

.pure-menu-children {
  background-color: #fff; }

.pure-menu-link,
.pure-menu-disabled,
.pure-menu-heading {
  padding: 0; }

.pure-menu-disabled {
  opacity: .5; }

.pure-menu-disabled .pure-menu-link:hover {
  background-color: transparent; }

.pure-menu-active > .pure-menu-link,
.pure-menu-link:hover,
.pure-menu-link:focus {
  background-color: #007dc8; }

.pure-menu-selected .pure-menu-link,
.pure-menu-selected .pure-menu-link:visited {
  color: #000; }

/* menu */
.custom-wrapper {
  background-color: black;
  -webkit-font-smoothing: antialiased;
  overflow: hidden;
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  transition: height 0.5s;
  padding: 0;
  margin: 0;
  height: 2em; }

.custom-wrapper.open {
  height: auto; }

.custom-menu-3 {
  text-align: right; }

.custom-toggle {
  width: 32px;
  height: 32px;
  display: block;
  position: absolute;
  right: 1em;
  display: none;
  top: 3.7em; }

.custom-toggle .bar {
  background-color: #fff;
  display: block;
  width: 20px;
  height: 2px;
  border-radius: 100px;
  position: absolute;
  top: 17px;
  right: 7px;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  transition: all 0.5s; }

.custom-toggle .bar:first-child {
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  transform: translateY(-6px); }

.custom-toggle.x .bar {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg); }

.custom-toggle.x .bar:first-child {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg); }

@media (max-width: 35.5em) {
  .custom-menu-3 {
    text-align: left; }

  .custom-toggle {
    display: block; }

  .flex-caption {
    visibility: hidden; }

  .page-contents-c {
    margin-bottom: 0em !important;
    margin-top: 1em !important;
    padding: 0 !important; }

  .m-box-c {
    width: 100%;
    margin-bottom: 0.5em;
    padding: 0 !important; }

  .breadcrumbs {
    padding: 0 !important; }

  .page-contents-start-alt {
    margin-top: 0em !important; } }
/*original*/
body {
  font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif; }

/* link */
a {
  color: #333333; }

a:active {
  color: black; }

a:hover {
  color: black; }

a:visited {
  color: #333333; }

.pure-menu-item a {
  color: #ffffff; }

.pure-menu-item a:active {
  color: #ffffff; }

.pure-menu-item a:hover {
  color: #ffffff; }

.pure-menu-item a:visited {
  color: #ffffff; }

.kc {
  font-size: 0.875em;
  line-height: 1.5em; }

.s-box-wrap {
  height: 22em;
  margin-bottom: 1em; }

.scroll-box {
  overflow-y: scroll;
  background-color: #f2f2f2;
  padding-right: 1em;
  padding-left: 1em;
  font-size: 0.875em;
  line-height: 1.75em;
  height: 100%;
  width: auto;
  margin-right: 0;
  margin-left: 0;
  padding-top: 0.5mm;
  -webkit-overflow-scrolling: touch; }

.m-box-top {
  margin-right: 1em;
  margin-left: 1em; }

.m-box-title {
  margin-right: 1em;
  margin-left: 1em;
  padding-right: 1em;
  padding-left: 1em; }

.m-box, .m-box-c {
  width: 100%;
  padding-right: 1em;
  padding-left: 1em;
  margin-bottom: 1em; }

.m-box-list {
  width: 100%;
  padding-right: 1em;
  padding-left: 1em;
  padding-bottom: 0; }

.m-box-head {
  width: 100%;
  padding-right: 1em;
  padding-left: 1em;
  padding-bottom: 0; }

.box {
  letter-spacing: normal;
  white-space: normal;
  width: 100%; }


.ex-caption {
  color: #333;
  padding: 0 1em;
  font-size: 0.6666em;
  display: inline-block;
  position: absolute;
  right: 0;
  background-color: transparent;
  bottom: -2.25em; }

.right-label {
  float: right; }

.nav-item {
  display: block;
  padding: 0.5em 1em;
  font-weight: bold;
  font-size: 0.875em; }

.header {
  padding-top: 1em;
  padding-bottom: 0.5em;
  position: relative; }

.header-sns-box {
  position: absolute;
  right: 1.5em;
  bottom: .75em; }

.top-logo-fb__link {
  margin-left: .3rem; }

.footer-sns {
  margin-right: 0.35em;
  padding-top: 0.35em;
  display: inline-block; }

.ex-start_end {
  display: inline-block;
  height: auto;
  padding: 0.125em 1em;
  position: relative;
  background-color: #007dc8;
  font-weight: bold;
  color: white;
  letter-spacing: 0.1em;
  z-index: 1000;
  margin: 0;
  top: -2em; }

.exp-start_end_alt {
  display: inline-block;
  height: auto;
  padding: 0.125em 1em;
  background-color: #aaa;
  font-weight: bold;
  color: white;
  letter-spacing: 0.1em;
  z-index: 1000;
  margin: 0;
  font-size: 1em; }

.exp-start_end {
  display: inline-block;
  height: auto;
  padding: 0.125em 1em;
  background-color: black;
  font-weight: bold;
  color: white;
  letter-spacing: 0.1em;
  z-index: 1000;
  margin: 0;
  font-size: 1em; }
  .exp-start_end--news {
    font-size: 0.75em !important;
    padding: 0.125em .5em; }

.evp-name {
  display: inline-block;
  height: auto;
  padding: 0.15em 0.75em 0.05em;
  background-color: black;
  font-weight: bold;
  color: white;
  letter-spacing: 0.1em;
  z-index: 1000;
  margin: 0;
  font-size: 1em; }

.evp-name-alt {
  display: inline-block;
  height: auto;
  padding: 0.15em 0.75em 0.05em;
  background-color: #aaa;
  font-weight: bold;
  color: white;
  letter-spacing: 0.1em;
  z-index: 1000;
  margin: 0;
  font-size: 1em; }

.exp-start_end-sm {
  display: inline-block;
  height: auto;
  padding: 0.1em 0.5em;
  background-color: black;
  font-weight: bold;
  color: white;
  letter-spacing: 0.1em;
  z-index: 1000;
  margin: 0; }

.ex-title-box {
  padding: 0.5em 1em;
  background-color: #cccccc;
  margin-top: -2em;
  margin-bottom: 0; }

.ex-plan {
  font-size: 0.75em;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0;
  display: block;
  line-height: 1.5em; }

.exp-plan {
  font-size: 0.875em;
  display: block;
  line-height: 1.5em;
  padding-top: 1em;
  color: black; }

.ex-title {
  font-size: 1.25em;
  font-weight: bold;
  color: black;
  margin-top: 0;
  padding: 0em;
  line-height: 1.5em; }

.exp-title {
  font-weight: bold;
  color: black;
  margin-top: 0;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
  line-height: 1.5em;
  font-size: 1.333em; }

.evp-title {
  font-weight: bold;
  color: black;
  padding: 0 0 1em;
  line-height: 1.5em;
  display: block;
  font-size: 1.25em; }

.ex-subtitle {
  font-size: 0.75em;
  display: block;
  font-weight: normal;
  font-style: normal; }

.exp-subtitle {
  display: block;
  font-weight: normal;
  font-style: normal;
  font-size: 0.875em; }

.exp-title-box {
  font-size: 0.875em; }

.fb-box {
  background-color: #333333;
  text-align: center;
  margin-bottom: 1em; }

.fb-box-in {
  padding: 0.5em;
  margin-right: auto;
  margin-left: auto; }

.info-box {
  margin-bottom: 1em; }

.fb-link {
  margin-top: 0;
  margin-bottom: 2em;
  padding-right: 1em;
  padding-left: 1em; }

.footer {
  background-color: #f2f2f2;
  padding-top: 1em;
  padding-bottom: 1em; }

.f-navi {
  font-size: 0.875em;
  padding-left: 1em;
  border-left: 1px solid #bbb; }

.f-navi li {
  display: block; }

.f-navi-box {
  margin-bottom: 2em; }

.f-1-3-box {
  font-size: 0.875em;
  margin-bottom: 1em;
  line-height: 2em;
  margin-top: 1em;
  color: #555; }

.f-copy {
  padding-top: 1em;
  padding-bottom: 3em;
  margin: 0 auto;
  text-align: center;
  font-size: 0.75em;
  color: #555; }

/* スケジュール */
.schedule {
  clear: both;
  line-height: 1.5em;
  padding-top: 0.5em; }

.sb-label {
  padding: 0;
  border-style: none;
  float: right;
  margin: 0;
  right: -1em;
  position: relative; }

.schedule li {
  display: block;
  margin-bottom: 1em; }

/* 展覧会スケジュール */
.ex-sch-start_end {
  padding: 0.25em 1em;
  background-color: #007dc8;
  font-weight: bold;
  color: white;
  left: -1em;
  position: relative;
  bottom: 0.25px;
  letter-spacing: 0.05em; }

.ex-sch-label {
  display: block;
  font-size: 0.875em; }

.ex-sch-title {
  display: block;
  font-weight: bold;
  line-height: 1.5em; }

.ex-sch-subtitle {
  font-size: 0.875em;
  line-height: 1.5em; }

/* イベントスケジュール */
.ev-label {
  padding: 0.25em 1em;
  background-color: white;
  font-weight: bold;
  left: -1em;
  position: relative;
  border: 1px solid #333333;
  font-size: 0.875em;
  display: inline;
  bottom: 0.25em; }

.ev-title {
  display: block;
  font-weight: bold; }

.ev-session {
  display: block; }

.ev-lecture {
  font-size: 0.875em;
  display: block;
  line-height: 1.5em; }

/* オープンスタジオのスケジュール */
.os-artist {
  padding: 0.25em 1em;
  background-color: white;
  font-weight: bold;
  left: -1em;
  position: relative;
  border: 1px solid #333333;
  font-size: 0.875em;
  margin-bottom: 1em;
  display: inline;
  bottom: 0.25em; }

.os-arrtist-oubun {
  display: block;
  font-size: 0.875em; }

.os-session {
  display: block; }

#menu {
  clear: both; }

.fb-link {
  font-size: 0.875em; }

.fb-link a {
  color: gray; }

.fb-link a:hover,
.fb-link a:active {
  color: black; }

.title-bm {
  margin-bottom: 0.25em; }

.title-m {
  margin-left: 1em; }

.pure-menu-item img {
  border-style: none; }

/* コンテンツ */
.page-contents-start {
  margin-bottom: 1em;
  margin-top: 5em; }

.page-contents-c {
  margin-bottom: 2em;
  margin-top: 1em; }

.page-contents-start-alt {
  margin-top: 1em; }

.page-contents {
  margin-bottom: 1em;
  font-size: 0.9375em; }

.page-contents-list {
  font-size: 0.9375em; }

.page-title {
  margin-bottom: 2em;
  margin-left: 0.125em; }

.page-title-alt {
  margin-bottom: 1em;
  margin-left: 0.125em; }

.headline {
  font-weight: bold;
  margin-bottom: 1em;
  margin-left: 0.125em;
  display: inline-block;
  color: #333;
  font-size: 1em; }

h3.headline > span {
  top: -2em;
  position: relative;
  display: block;
  padding-top: 2em;
  background-color: transparent; }

.sub-headline {
  font-weight: bold;
  font-size: 0.9375em;
  margin-bottom: 1em;
  display: inline-block;
  color: #333;
  margin-left: 0.125mm; }

.headline-list {
  font-size: 0.9375em;
  display: inline-block;
  width: 100%;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0;
  color: #333;
  margin-left: 0.125em; }

.c-border {
  border-top: 1px solid #333333;
  padding-top: 1em; }

.page-contents p,
.page-contents dl {
  word-break: normal;
  word-wrap: break-word;
  text-align: justify;
  line-height: 2em;
  margin-bottom: 1em; }

.page-contents dd {
  margin-left: 1em;
  margin-bottom: 0.5em; }

.page-contents-start-alt p {
  word-break: normal;
  word-wrap: break-word;
  text-align: justify;
  font-size: 0.9375em;
  line-height: 2em;
  margin-bottom: 1em; }

.page-contents-start p {
  word-break: normal;
  word-wrap: break-word;
  text-align: justify;
  font-size: 0.9375em;
  line-height: 2em;
  margin-bottom: 1em; }

hr {
  border-top: 1px solid #bbb !important;
  margin: 1em; }

.small {
  font-size: 0.875em; }

.m-box h4 {
  margin-bottom: 1em; }

.gm-box {
  background-color: #ccc; }

.oubun {
  color: #333333;
  font-size: 0.875em;
  line-height: 1.5em;
  font-weight: normal;
  font-style: normal;
  margin-left: 1em; }

.rel-link {
  font-size: 0.9375em !important;
  line-height: 1.5em !important; }

.rel-link-sch {
  font-size: 0.9375em !important;
  line-height: 1.5em !important;
  padding-bottom: 0.5em; }

.ex-c {
  margin-top: 5em; }

.add-text {
  font-size: 0.9375em;
  line-height: 2em;
  margin-top: 1em;
  margin-bottom: 1em; }

.other-label {
  display: inline-block;
  font-size: 0.875em;
  color: white;
  background-color: black;
  padding: 0.125em .875em;
  font-weight: bold;
  margin-bottom: .5em; }

.other-label-alt {
  display: inline-block;
  font-size: 0.875em;
  color: white;
  background-color: silver;
  padding: 0.125em .875em;
  font-weight: bold;
  margin-bottom: .5em; }

.other-label-alt02 {
  display: inline-block;
  color: white;
  background-color: silver;
  padding: 0.125em .875em;
  margin-bottom: .5em; }

.img-box-cap {
  display: inline-block;
  font-size: 0.875em; }

.main-text {
  margin-top: 0;
  margin-bottom: 0em; }

.main-text > p {
  margin-top: 1em;
  margin-bottom: 1em; }

/*.main-text:first-letter{
	line-height: 1;
	    float: left;
	margin-right: 0.2em;
	padding-top: 0.075em;
	font-size: 3em;
}*/
.ev-sess-item {
  display: block; }

.assist-logo {
  margin: 0 10px 10px 0;
  padding: 0;
  display: inline-block; }

.v-margin {
  padding-top: 1em;
  padding-bottom: 3em; }

.wp-caption-text {
  font-size: 0.75em !important;
  color: gray;
  margin: 0 !important;
  padding: 0 !important; }

.wp-caption {
  margin-right: 1em;
  margin-bottom: 2em; }

.breadcrumbs {
  font-size: 0.875em;
  font-weight: normal;
  padding: 0;
  color: gray;
  font-style: normal; }

.breadcrumbs a {
  color: #007dc8;
  font-weight: bold; }

/*nav*/
.nav-activ {
  background-color: silver; }

.head-in-txt {
  font-weight: normal;
  font-style: normal;
  font-size: 0.875em; }

.page-contents-list .m-box {
  margin-bottom: 0.5em !important; }

.exhibition_start-end {
  font-size: 1.125em; }

strong {
  color: #555; }

div.top-topic {
  background-color: #007dc8;
  padding: 0;
  font-size: 0.75em; }

.top-topic .topic-label {
  display: block;
  margin: 0;
  float: left;
  color: white;
  letter-spacing: 0.1em;
  width: 8em;
  text-align: center;
  line-height: 1.5em;
  padding-top: 0.5em;
  padding-bottom: 0.5em; }

.top-topic div {
  margin: 0;
  background-color: #333333;
  padding: 0.5em 1em 0.5em 9em;
  display: block;
  line-height: 1.5em;
  color: white; }

.top-topic div p {
  height: 10px;
  display: inline;
  line-height: 1em !important; }

.top-topic div p a {
  color: white;
  font-weight: bold; }

.smaller {
  font-size: 0.875em !important; }

.img-sbox {
  position: relative;
  width: 100%;
  height: 100%; }

.inner {
  width: 100%;
  height: 0;
  padding-bottom: 40.322%;
  background-size: cover !important;
  background-position: center center;
  background-repeat: no-repeat; }

#main_menu {
  transform: scale(0.8, 1) !important;
  /* D */
  transform-origin: left top; }

#main_menu li.menu-item {
  display: block;
  margin: 0 !important;
  padding: 0 !important; }

#main_menu li.menu-item a {
  display: block;
  font-weight: bold;
  color: white;
  font-size: 15px;
  height: 32px;
  padding-top: 3px;
  padding-left: 17px;
  padding-right: 9px;
  white-space: nowrap;
  letter-spacing: 8px; }

#main_menu .current-menu-item a,
#main_menu .current-menu-ancestor a {
  text-decoration: underline; }

@media screen and (min-width: 35.5em) {
  .box {
    letter-spacing: -1em; /* 文字間を詰める */
    white-space: nowrap; /* 自動で折り返ししない */
    width: 100%; }
  .box.artists{
    white-space: normal; /*20220916修正*/
  }
    * :not(.box) {
    letter-spacing: normal;
    white-space: normal; }
  .inner {
    width: 90%;
    height: 0;
    padding-bottom: 90%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat; }

  #main_menu {
    text-align: center !important; }

  #main_menu li.menu-item {
    display: inline-block;
    margin: 0 !important;
    padding: 0 !important; }

  #main_menu li.menu-item a {
    display: block;
    font-weight: bold;
    color: white;
    font-size: 15px;
    height: 32px;
    padding-top: 3px;
    padding-left: 15px;
    padding-right: 8px;
    white-space: nowrap;
    letter-spacing: 7px; }

  #main_menu .current-menu-item a,
  #main_menu .current-menu-ancestor a {
    background-color: #007dc8;
    text-decoration: none; } }
.list-title {
  font-weight: bold;
  font-size: 1.25em; }

.list-title a {
  font-weight: bold;
  text-decoration: underline !important; }

.p-left {
  padding: 7.5px 7.5px 15px 0; }

.p-right {
  padding: 7.5px 0 15px 7.5px; }

@media screen and (min-width: 35.5em) {
  .p-left {
    margin: 0 0 15px;
    left: 0;
    padding: 0; }

  .p-right {
    margin: 0 0 15px;
    left: 0;
    padding: 0; } }
.wn-box {
  background-color: #f2f2f2;
  padding: 0 0 10px; }

.wn-box .whatsnews-list li {
  display: block;
  padding: 0 12px 6px;
  margin: 0; }

.wn-box .whatsnews-list h3 a {
  font-weight: bold;
  color: #007dc8;
  font-size: 0.875em; }

.wn-label {
  padding: 0.25em 1em;
  background-color: #333333;
  font-weight: bold;
  left: -1em;
  position: relative;
  border: 1px solid #333333;
  font-size: 0.75em;
  display: inline;
  bottom: 0.25em;
  color: white;
  letter-spacing: 0.05em; }

.wn-label-2 {
  padding: 0.25em 1em;
  background-color: #333333;
  font-weight: bold;
  position: relative;
  border: 1px solid #333333;
  font-size: 0.75em;
  display: inline;
  bottom: 0.25em;
  color: white;
  letter-spacing: 0.05em; }

.read-more a {
  color: gray; }

.read-more {
  font-size: 0.875em;
  text-align: center;
  padding: 10px; }

/* 20200505 front-page */
.youtube-box__video {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%; }

.youtube-box__video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000; }

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  width: 700px;
  margin: 0 auto; }

/*タブのスタイル*/
.tab_item {
  width: calc(100%/3);
  height: 50px;
  border-bottom: 3px solid #5ab4bd;
  background-color: #d9d9d9;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease; }

.tab_item:hover {
  opacity: 0.75; }

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none; }

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden; }

/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block !important; }

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff; }

.f_vox {
  font-family: 'Vox Round';
  letter-spacing: .5em;
  font-size: 1.25em; }

.archive_menu {
  padding: 0;
  margin: 0; }
  .archive_menu__item {
    display: inline-block; }
  .archive_menu__link {
    display: block;
    padding: .1em 1.5em;
    background-color: black;
    color: #fff !important;
    margin-right: 0;
    margin-bottom: .3em; }
  .archive_menu__link:hover, .archive_menu__link.active {
    background-color: #007dc8; }

.page_section_link {
  display: inline-block; }

.exp-start_end.active {
  background-color: #007dc8; }

.books_list__image {
  width: 100%;
  padding-bottom: 66.6666%;
  height: 0;
  margin-bottom: 0.5em !important;
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover; }
.books_list__item {
  padding-right: 1.5em;
  padding-bottom: 1.5em; }
.books_list__price {
  display: block;
  font-size: .875em;
  margin-bottom: 0; }
.books_list__title {
  font-size: .9em; }

.books_article__image {
  width: 100%;
  height: auto;
  margin-bottom: 1em; }
.books_article__info {
  margin-left: 1em;
  margin-bottom: 1em; }
  .books_article__info dt {
    display: block;
    font-weight: bold;
    margin: 0; }
  .books_article__info dd {
    display: block;
    margin: 0; }

.artists_list__item {
  margin-right: 1em;
  margin-bottom: 1.5em; }
.artists_list__image {
  width: 100%;
  padding-bottom: 100%;
  height: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  margin-bottom: .5em; }
.artists_list__title {
  font-size: .9em; }
.artists_list__en {
  font-size: .875em; }

.artists_item__name {
  font-size: 1.333em; }
.artists_item__en {
  font-size: .9em;
  display: block;
  margin-bottom: 1em; }
.artists_item__content {
  margin-bottom: 2em; }
.artists_item__link {
  padding: 0; }
  .artists_item__link li {
    display: block;
    padding: 0; }
    .artists_item__link li a {
      font-size: .9em;
      font-weight: bold; }
    .artists_item__link li a:hover {
      color: #007dc8; }

    /*add 20220726*/
.fas-editor-content img{
  max-width: 100%!important;
}

/*# sourceMappingURL=main-v4.css.map */