@charset "UTF-8";
#post_content {
/*-----------------------------------------------
* color
* --------------------------------------------*/
/*
受付終了：#A2845E
受付中：#2196F3
残席わずか：#F44336
PICK UP：#FF9800
カテゴリ：#424242
*/
/*-----------------------------------------------
* break point
* --------------------------------------------*/
@media (max-width: 991px) {
.pc_only {
display: none !important;
}
}
@media (max-width: 768px) {
.pc_and_tab {
display: none !important;
}
}
@media (min-width: 992px) {
.tab_only {
display: none !important;
}
}
@media (max-width: 768px) {
.tab_only {
display: none !important;
}
}
@media (min-width: 992px) {
.tab_and_sp {
display: none !important;
}
}
@media (min-width: 769px) {
.sp_only {
display: none !important;
}
}
/*-----------------------------------------------
* Retina
* --------------------------------------------*/
/*-----------------------------------------------
* font-size(base:16px)
* --------------------------------------------*/
/*-----------------------------------------------
* font-family
* --------------------------------------------*/
/*-----------------------------------------------
* bootstrap3 class 
* --------------------------------------------*/
.img-responsive {
margin-left: auto;
margin-right: auto;
display: block;
height: auto;
max-width: 100%;
}
.img-responsive-inline {
display: inline-block;
height: auto;
max-width: 100%;
}
ul.list-inline li {
display: inline-block;
}
ul.list-inline li:not(:last-child) {
margin-right: 0.5rem;
}
/*****************************************************************************************
* common
****************************************************************************************/
html,
body {
height: 100%;
}
.wf-notosansjapanese {
font-family: "Noto Sans JP";
}
body {
color: #212121;
line-height: 175%;
font-size: 0.9375rem;
font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-weight: 400;
letter-spacing: 0.025em;
min-width: 300px;
}
@media (max-width: 768px) {
body {
padding-top: 50px;
}
}
@media (min-width: 769px) and (max-width: 991px) {
body {
padding-top: 73.45px;
}
}
@media (min-width: 992px) {
body {
font-size: 1.0625rem;
}
}
strong,
b {
font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-weight: 700;
letter-spacing: 0.025em;
}
section {
padding-top: 65px;
padding-bottom: 75px;
}
section.accent_bg {
background-color: #f5f5f5;
}
a {
transition: 0.2s;
}
a.btn,
a.badge {
text-decoration: none !important;
}
a img {
transition: 0.2s;
}
ruby {
ruby-align: start;
}
ruby rt {
margin-top: 0.5rem;
}
article a {
color: #212121;
}
article a:hover {
color: #a2845e;
}
.container {
max-width: 1300px;
}
h2 {
font-family: YakuHanMP, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
font-weight: 400;
font-size: 1.25rem;
}
@media (min-width: 769px) and (max-width: 991px) {
h2 {
font-size: 1.625rem;
}
}
@media (min-width: 992px) {
h2 {
font-size: 2.25rem;
}
}
h3 {
font-family: YakuHanMP, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
font-weight: 400;
}
h4 {
font-size: 1.25rem;
}
@media (min-width: 769px) and (max-width: 991px) {
h4 {
font-size: 1.25rem;
}
}
p.small {
line-height: normal;
}
.table tr th,
.table tr td {
padding-top: 1.25rem;
padding-bottom: 1.25rem;
border-top: 0;
border-bottom: 1px solid #dee2e6;
}
.table tr:first-child th,
.table tr:first-child td {
border-top: 1px solid #dee2e6;
}
.table.table-head-bg tr th {
background: rgba(0, 0, 0, 0.05);
}
@media (max-width: 768px) {
:not(.table-responsive) > table tr th,
:not(.table-responsive) > table tr td {
width: 100%;
display: block;
}
:not(.table-responsive) > table tr th {
border-bottom: 0;
padding-bottom: 0;
}
:not(.table-responsive) > table tr:first-child th + td {
border-top: 0;
}
}
.text-muted {
color: #757575;
}
iframe {
width: 100%;
max-width: 100%;
}
iframe.twitter-timeline-rendered {
border: solid 1px #e0e0e0 !important;
width: 100% !important;
}
@media screen and (max-width: 768px) and (min-width: 480px) {
iframe.twitter-timeline-rendered {
width: 490px !important;
margin: 0 auto;
}
}
@media screen and (max-width: 480px) {
iframe.twitter-timeline-rendered {
width: 450px !important;
margin: 0 auto;
}
}
iframe.twitter-timeline-rendered .timeline-Widget {
max-width: 300px !important;
width: 200px !important;
}
/*
.metaslider .flexslider .slides img {

object-fit: cover;
object-position: 50% 100%;

@include sp_only {
// 1920px * 1440px
}
@include tab_only {
// 1920px * 1080px (16:9) 9/16=0.5625
height: 56.25vw;
}
@include pc_only {
// 1920px * 768px (2.5:1) 1/2.5=0.4
height: 40vw;
}
}
*/
.metaslider {
max-width: 1270px !important;
margin-left: auto;
margin-right: auto;
}
.metaslider .flex-control-nav {
margin-top: 20px !important;
margin-bottom: 50px !important;
bottom: auto !important;
}
@media (min-width: 992px) {
.metaslider .flex-control-nav {
margin-top: 30px !important;
margin-bottom: 85px !important;
}
}
.metaslider .flex-control-paging li a {
background-color: #ddd;
}
.metaslider .flex-control-paging li a.flex-active {
background-color: #666;
}
/*****************************************************************************************
* header
****************************************************************************************/
header {
background-color: #fff;
}
@media (max-width: 991px) {
header {
border-bottom: 1px solid #e0e0e0;
position: fixed;
top: 0;
z-index: 9999;
width: 100%;
max-height: 100vh;
overflow-y: auto;
}
header .navbar-brand {
padding: 0;
}
}
@media (max-width: 991px) and (min-width: 769px) and (max-width: 991px) {
header + #indexSliderWrap {
margin-top: 73.5px;
}
header ~ article {
margin-top: 103.5px;
}
}
@media (max-width: 991px) and (max-width: 768px) {
header + #indexSliderWrap {
margin-top: calc(34px + 0.5rem + 0.5rem);
}
header ~ article {
margin-top: calc(34px + 0.5rem + 0.5rem + 30px);
}
}
header [class^="ico_"] {
background-position: top left;
background-repeat: no-repeat;
padding-left: 32px;
height: 100%;
display: inline-block;
}
header [class^="ico_"].ico_shop_b {
background-image: url("../images/ico_shop_b.svg");
}
header [class^="ico_"].ico_lounge_b {
background-image: url("../images/ico_lounge_b.svg");
}
header [class^="ico_"].ico_shop_w {
font-size: 0.9375rem;
background-image: url("../images/ico_shop_w.svg");
}
header [class^="ico_"].ico_lounge_w {
font-size: 0.9375rem;
background-image: url("../images/ico_lounge_w.svg");
}
header nav a {
color: #212121 !important;
text-decoration: none;
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
}
header nav#headerNav {
padding-top: 13px;
padding-bottom: 15.5px;
padding-left: 25px;
padding-right: 19px;
font-size: 0.875rem;
}
header nav#headerNav a:hover,
header nav#headerNav a:active {
color: #737373 !important;
}
header nav#headerNav a:hover img,
header nav#headerNav a:active img {
opacity: 0.6;
}
header nav#headerNav a:hover span,
header nav#headerNav a:active span {
background-color: rgba(255, 255, 255, 0.7);
background-blend-mode: lighten;
}
header nav#headerNav .nav-item.line {
border-right: 1px solid #ccc;
padding-right: 10px;
margin-right: 10px;
}
header nav#headerNav .nav-item a {
line-height: 1.5rem;
padding: 4px 10px;
}
header nav#headerNav .nav-item.sns_list a {
padding-right: 5px;
}
header nav#headerNav button {
position: absolute;
left: 1rem;
background: transparent;
border: none;
color: #212121;
}
header nav#headerNav .header_menu_en {
position: absolute;
right: 1rem;
margin-bottom: 0;
}
@media (max-width: 768px) {
header nav#headerNav {
padding: 0.5rem;
}
header nav#headerNav button {
left: 0;
top: 0;
bottom: 0;
}
header nav#headerNav .navbar-brand img {
max-height: 34px;
}
header nav#headerNav .header_menu_en {
right: 0.5rem;
}
}
header nav#headerMenu {
font-size: 1.0625rem;
border-top: 1px solid #e0e0e0;
border-bottom: 1px solid #e6e6e6;
}
@media (min-width: 992px) {
header nav#headerMenu {
background-color: #fff;
padding-top: 0;
}
header nav#headerMenu .nav-item {
padding-top: 0;
padding-left: 1rem !important;
padding-right: 1rem !important;
}
header nav#headerMenu .nav-item .nav-link {
padding-top: 14px;
border-top: 2px solid transparent;
}
header nav#headerMenu .nav-item:hover .nav-link,
header nav#headerMenu .nav-item.active .nav-link {
padding-top: 14px;
border-top: 2px solid #212121;
}
}
@media (max-width: 991px) {
header nav#headerMenu {
padding-top: 0;
padding-bottom: 0;
border-top: 0;
border-bottom: 0;
background: #000;
color: #fff;
}
header nav#headerMenu a {
color: #fff !important;
}
header nav#headerMenu #MainMenu {
clear: both;
}
header nav#headerMenu #MainMenu #headerMenuLeft,
header nav#headerMenu #MainMenu #headerMenuRight {
margin-top: 2rem;
margin-bottom: 2rem;
width: 50%;
float: left;
padding: 0.8rem;
font-size: 1.125rem;
}
header nav#headerMenu #MainMenu #headerMenuLeft .nav-link,
header nav#headerMenu #MainMenu #headerMenuRight .nav-link {
padding: 0.8rem;
}
header nav#headerMenu #MainMenu #headerMenuLeft {
padding-right: 1rem;
}
header nav#headerMenu #MainMenu #headerMenuRight {
padding-left: 1rem;
font-size: 0.8125rem;
}
header nav#headerMenu #MainMenu #headerMenuRight .sns_link {
font-size: 0.875rem;
}
}
@media (max-width: 991px) and (max-width: 991px) {
header nav#headerMenu #MainMenu #headerMenuRight .sns_link {
margin-right: 0.5rem !important;
}
header nav#headerMenu #MainMenu #headerMenuRight .sns_link img {
width: 26px;
}
}
@media (max-width: 991px) {
header nav#headerMenu .header_menu_en {
font-size: 0.875rem;
}
}
header .header_menu_en .lang-item {
padding: 0.5rem;
padding-top: 0;
display: inline-block;
}
header .header_menu_en .lang-item.current-lang a {
border-bottom: 2px solid #212121;
}
header .header_menu_en .lang-item a {
display: block;
}
header .header_menu_en .lang-item a:hover {
text-decoration: none;
}
@media (min-width: 992px) {
header .header_menu_en {
position: absolute;
top: 0;
bottom: 0;
right: 0;
padding-right: 1rem;
}
header .header_menu_en .lang-item a {
padding-top: 1rem;
}
}
/*****************************************************************************************
* footer
****************************************************************************************/
footer {
color: #fff;
background-color: #212121;
padding-top: 30px;
padding-bottom: 90px;
}
@media (min-width: 769px) and (max-width: 991px) {
footer {
padding-top: 40px;
padding-bottom: 95px;
}
}
@media (min-width: 992px) {
footer {
padding-top: 75px;
padding-bottom: 80px;
}
}
footer a,
footer a:hover {
color: #fff;
}
footer .sns_link {
margin-bottom: 30px;
}
footer .sns_link span {
display: none;
}
footer .sns_link img {
margin-right: 0 !important;
}
@media (min-width: 769px) {
footer .sns_link {
margin-bottom: 50px;
}
footer .sns_link [class^="col-"] {
padding-right: 22.5px;
padding-left: 22.5px;
}
}
footer .link_list {
padding-left: 0;
}
footer .link_list li {
list-style: none;
font-size: 0.8125rem;
padding: 0.25rem;
}
@media (min-width: 769px) {
footer .link_list li {
display: inline-block;
border-left: 1px solid #666;
}
footer .link_list li:first-child {
border-left: none;
}
}
@media (min-width: 992px) {
footer .link_list li {
font-size: 0.875rem;
padding: 0 0.875rem;
}
}
footer #copyright {
font-size: 0.8125rem;
}
/*****************************************************************************************
* parts
****************************************************************************************/
.badge.cat,
.badge.pickup {
margin-right: 0.25rem;
line-height: 0.875rem;
padding: 0.5rem 1rem;
border-radius: 1rem;
font-weight: normal;
color: #212121;
background: none;
font-weight: normal;
border: #424242 1px solid;
font-size: 0.8125rem;
}
@media (min-width: 992px) {
.badge.cat,
.badge.pickup {
font-size: 0.875rem;
}
}
.badge.pickup {
color: #fff;
background: #ff9800;
border: #ff9800 1px solid;
}
.badge.program_yellow {
color: #333333;
background: #ffcc33;
font-size: 0.625rem;
font-weight: normal;
border-radius: 50%;
width: 40px;
height: 40px;
position: absolute;
top: -10px;
left: -2.5px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
z-index: 2;
padding: 0;
line-height: 1.25;
}
@media (min-width: 992px) {
.badge.program_yellow {
font-size: 0.9375rem;
width: 70px;
height: 70px;
top: -20px;
left: 0;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.badge.program_yellow {
font-size: 0.8125rem;
width: 60px;
height: 60px;
top: -20px;
left: 0;
}
}
.badge.program_gray {
color: #fff;
background: #333333;
font-size: 0.625rem;
font-weight: normal;
border-radius: 15px;
padding: 5px 10px;
}
@media (min-width: 992px) {
.badge.program_gray {
font-size: 0.875rem;
padding: 7px 17px;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
.badge.program_gray {
font-size: 0.75rem;
padding: 5px 15px;
}
}
.sub_menu {
background-color: #e6e6e6;
}
@media (min-width: 992px) {
.sub_menu {
padding-top: 0;
padding-bottom: 0;
}
}
.sub_menu .nav-link {
padding-left: 10px !important;
padding-right: 10px !important;
transition-property: all;
transition: 0.2s linear;
}
@media (min-width: 1280px) {
.sub_menu .nav-link {
padding-left: 15px !important;
padding-right: 15px !important;
}
}
@media (min-width: 992px) {
.sub_menu .nav-link {
padding-top: 1rem;
padding-bottom: 1rem;
}
}
.sub_menu .nav-link:hover {
background-color: #bfbfbf;
}
.sub_menu .nav-link.active {
position: relative;
}
@media (min-width: 992px) {
.sub_menu .nav-link.active {
background-color: #212121;
color: #fff !important;
}
.sub_menu .nav-link.active:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid #212121;
}
}
.sub_menu.ja {
font-size: 0.9375rem;
}
@media (min-width: 991px) and (max-width: 999px) {
.sub_menu.ja {
font-size: 0.8125rem;
}
}
@media (min-width: 1000px) and (max-width: 1100px) {
.sub_menu.ja {
font-size: 0.875rem;
}
}
.sub_menu.en {
font-size: 0.875rem;
}
@media (min-width: 991px) and (max-width: 1130px) {
.sub_menu.en {
text-align: center;
line-height: 150%;
}
}
.sub_menu .dropdown-menu {
background-color: #e6e6e6;
border-radius: 0;
border: 0;
min-width: 8rem;
}
.sub_menu a {
color: #333 !important;
}
@media (max-width: 991px) {
.sub_menu {
display: block;
width: 100%;
padding-top: 0;
position: fixed;
left: 0;
bottom: 0;
z-index: 9999;
text-align: center;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
}
.sub_menu li {
white-space: nowrap;
}
.sub_menu li .nav-link {
padding-top: 16px;
}
.sub_menu li .nav-link.active {
border-top: 2px solid #212121;
}
}
.modal.fade .modal-dialog.modal-work {
transform: translate(0, 0);
}
.modal-backdrop {
z-index: 10000;
}
.modal {
z-index: 10001;
}
@media (min-width: 769px) and (max-width: 991px) {
.modal-lg {
max-width: 800px;
padding-left: 15px;
padding-right: 15px;
}
}
@media (min-width: 992px) {
.modal-lg {
max-width: 1140px;
padding-left: 15px;
padding-right: 15px;
}
}
/*
// ※modalの上から降りてくるアニメーションを停止
.modal {

&.fade .modal-dialog {
//-webkit-transform: none;
transform: none;
}
}
*/
.btn-more a.btn,
a.btn-more,
form input[type="submit"] {
color: #fff !important;
background: #424242;
padding: 1rem 2rem;
border-radius: 3rem;
max-width: 100%;
min-width: 240px;
}
@media (min-width: 769px) {
.btn-more a.btn,
a.btn-more,
form input[type="submit"] {
min-width: 200px;
padding: 1rem 3rem;
}
}
.btn-more a.btn:hover,
.btn-more a.btn:focus,
a.btn-more:hover,
a.btn-more:focus,
form input[type="submit"]:hover,
form input[type="submit"]:focus {
background: #666;
}
.btn-outline {
font-size: 0.9375rem;
padding: 0.5rem 2.75rem;
border-radius: 3rem;
color: #424242 !important;
border-color: #666;
}
.btn-round {
color: #fff !important;
background: #424242;
padding: 0.75rem 1.75rem;
border-radius: 1.75rem;
max-width: 100%;
}
.btn-round:hover,
.btn-round:focus {
color: #fff;
background-color: #757575;
}
.table .btn-round,
.btn-round.btn-sm {
font-size: 0.8125rem;
padding: 0.25rem 0.75rem;
border-radius: 1rem;
}
.btn-block {
color: #fff !important;
background: #424242;
border-radius: 0;
padding: 0.75rem;
display: inline-block;
margin-bottom: 10px;
}
.btn-block:hover,
.btn-block:focus {
background-color: #757575;
}
.outer_link_w:after {
padding-left: 0.5rem;
content: url("../images/icon/ico_outer_link_w.png");
}
.download_link:after {
padding-left: 0.5rem;
content: url("../images/icon/ico_download_w.png");
}
#more {
margin-top: 75px;
margin-bottom: 75px;
text-align: center;
width: 100%;
}
#more a[href="#load"] {
color: #424242 !important;
background: #e0e0e0;
padding: 1rem 4rem;
border-radius: 3rem;
max-width: 100%;
}
#more a[href="#load"]:hover,
#more a[href="#load"]:focus {
color: #fff !important;
background: #666;
text-decoration: none;
}
#more a[href="#load"]:focus {
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.sns_link img {
margin-right: 6px !important;
vertical-align: middle;
}
@media (min-width: 769px) {
.sns_link img {
margin-right: 12px !important;
}
}
span.end {
font-size: 0.75rem;
line-height: 0.75rem;
padding: 0.15rem 0.5rem;
color: #fff;
background: #212121;
border-radius: 0;
vertical-align: middle;
display: inline;
margin-right: 0.5rem;
}
.post_list_thumb a {
color: #212121;
}
.post_list_thumb a:hover img,
.post_list_thumb a:active img {
opacity: 0.8;
}
.post_list_thumb h2 {
font-family: YakuHanMP, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
font-weight: 400;
font-size: 1.875rem;
text-align: center;
margin-bottom: 1.875rem;
}
.post_list_thumb .li_thumb_full {
text-align: center;
}
.post_list_thumb .li_thumb {
margin-bottom: 1rem;
overflow: hidden;
position: relative;
padding-top: 65%;
background: #f5f5f5;
}
.post_list_thumb .li_thumb img {
width: 100%;
height: auto;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.post_list_thumb .li_date {
margin-bottom: 0.25rem;
color: #757575;
font-size: 0.875rem;
}
@media (min-width: 992px) {
.post_list_thumb .li_date {
font-size: 1rem;
}
}
.post_list_thumb .li_event_date,
.post_list_thumb .li_venue {
margin-bottom: 0.25rem;
color: #424242;
font-size: 0.875rem;
}
@media (min-width: 992px) {
.post_list_thumb .li_event_date,
.post_list_thumb .li_venue {
font-size: 1rem;
}
}
.post_list_thumb .li_title {
margin-bottom: 0.5rem;
}
.post_list_thumb .li_cat {
margin-bottom: 1rem;
}
.post_list_thumb .event_status {
position: absolute;
top: 0;
padding: 0.5rem 1rem;
color: #fff;
border-radius: 0;
background-color: #212121;
font-size: 0.8125rem;
line-height: 0.8125rem;
}
@media (min-width: 992px) {
.post_list_thumb .event_status {
font-size: 0.875rem;
line-height: 0.875rem;
}
}
.post_list_thumb .event_status.event_status01,
.post_list_thumb .event_status.event_status06 {
background-color: #2196f3;
}
.post_list_thumb .event_status.event_status02 {
background-color: #f44336;
}
.post_list_thumb .event_status.event_status03 {
background-color: #a2845e;
}
.post_list_thumb .event_status.event_status04 {
background-color: #a2845e;
}
.post_list_thumb .event_status.event_status05 {
color: #fff;
background-color: #333;
}
.post_list_thumb .event_status.event_status07 {
color: #fff;
background-color: #00875a;
}
.post_list_thumb .li_more {
margin-top: 1rem;
}
.post_list_thumb .li_more a.btn {
color: #fff;
background: #666;
font-size: 1rem;
padding: 0.5rem 1.5rem;
border-radius: 1.5rem;
max-width: 100%;
}
.post_list_text {
max-width: 860px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
}
.post_list_text tr {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
border-bottom: 1px dotted #757575;
}
.post_list_text tr:first-of-type {
border-top: 1px dotted #757575;
}
.post_list_text tr th,
.post_list_text tr td,
.post_list_text tr:first-child th,
.post_list_text tr:first-child td {
border: 0;
}
.post_list_text tr td {
line-height: 1.75rem;
}
.post_list_text tr:last-child td {
border: 0;
}
.post_list_text .li_date_cat {
white-space: nowrap;
font-size: 0.8125rem;
width: 20%;
}
@media (min-width: 992px) {
.post_list_text .li_date_cat {
font-size: 0.875rem;
}
}
.post_list_text .li_date_cat .li_date {
color: #757575;
margin-right: 1rem;
}
.post_list_text .li_date_cat .li_cat .cat {
min-width: 7.75rem;
margin: 0;
border-radius: 0;
border: 0;
border-left: 1px solid #757575;
border-right: 1px solid #757575;
padding: 0 0.75rem;
color: #424242;
}
@media (max-width: 768px) {
.post_list_text td {
width: 100%;
display: block;
}
.post_list_text td.li_date_cat {
width: 100%;
padding-top: 0.25rem;
padding-bottom: 0;
}
.post_list_text td.li_title {
padding-top: 0.5rem;
}
}
.post_list_text span.end {
font-size: 0.75rem;
line-height: 0.75rem;
padding: 0.15rem 0.5rem;
color: #fff;
background: #212121;
border-radius: 0;
vertical-align: middle;
display: inline;
margin-right: 0.5rem;
}
.infoBorderFrame {
border: 1px solid #212121;
padding: 1rem;
}
.grayBorderFrame {
border: 1px solid #757575;
padding: 1.5rem;
margin-bottom: 15px;
}
.grayBorderFrame p,
.grayBorderFrame li {
font-size: 1rem;
}
.grayBorderFrame p:last-of-type,
.grayBorderFrame li:last-of-type {
margin-bottom: 0;
}
@media (min-width: 992px) {
.row-2col > div[class^="col"]:nth-child(odd) {
padding-right: 25px;
}
.row-2col > div[class^="col"]:nth-child(even) {
padding-left: 25px;
}
}
.row-3col {
/*
margin-right: -20px;
margin-left: -20px;

> div[class^="col"] {
@include pc_only {
padding-right: 40px;
padding-left: 40px;
}
}
*/
}
#headerMessage {
background: #f5f5f5;
font-size: 0.8125rem;
line-height: 1.47;
text-align: center;
min-height: 40px;
padding-top: 10px;
padding-bottom: 10px;
}
@media (min-width: 992px) {
#headerMessage {
font-size: 1.0625rem;
min-height: 60px;
}
}
/*****************************************************************************************
* index
****************************************************************************************/
body.home #indexPopup .modal-dialog {
/*
@include sp_only {
margin-left: 0;
margin-right: 0;

.modal-content {
.modal-body {
border-left: 0;
border-right: 0;
}
}
}
*/
}
body.home #indexPopup .modal-dialog .modal-content {
background: transparent;
border: none;
}
body.home #indexPopup .modal-dialog .modal-content .modal-body {
padding: 0;
border: 1px solid #fff;
border-radius: 0;
}
body.home #indexPopup .modal-dialog button.close {
opacity: 1;
font-size: 4rem;
text-shadow: none;
color: #fff;
float: none;
display: block;
margin-left: auto;
margin-right: auto;
width: 30px;
margin-top: 20px;
}
@media (min-width: 992px) {
body.home #indexPopup .modal-dialog button.close {
width: 50px;
}
}
body.home #indexSliderWrap {
position: relative;
}
body.home #indexSliderWrap #indexSliderTitle {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
max-width: 100%;
max-height: 100%;
}
body.home #mainEvent {
padding-top: 0;
}
body.home #movieArea div[class^="col-"] {
margin-bottom: 20px;
}
@media (min-width: 992px) {
body.home #movieArea .container .row div[class^="col-"]:not(:first-child) {
padding-left: 35px;
}
body.home #movieArea .container .row div[class^="col-"]:not(:last-child) {
padding-right: 35px;
}
}
@media (max-width: 768px) {
body.home section {
padding-top: 30px;
padding-bottom: 50px;
padding-left: 15px;
padding-right: 15px;
}
body.home section#program,
body.home section#blogList,
body.home section#eventList {
padding-left: 12.5px;
padding-right: 12.5px;
}
}
@media (max-width: 768px) and (max-width: 768px) {
body.home section#program div[class^="col-"],
body.home section#blogList div[class^="col-"],
body.home section#eventList div[class^="col-"] {
padding-left: 7.5px;
padding-right: 7.5px;
}
}
body.home article {
margin-top: 0;
}
@media (min-width: 992px) {
body.home article {
margin-top: 65px;
}
}
body.home article > section.accent_bg:first-child {
margin-top: 50px;
}
@media (min-width: 992px) {
body.home article > section.accent_bg:first-child {
margin-top: 125px;
}
}
body.home h2 {
font-family: YakuHanMP, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
font-weight: 400;
text-align: center;
margin-bottom: 30px;
font-size: 2.19rem;
}
body.home h2 small {
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
font-size: 0.8125rem;
display: block;
margin-top: 5px;
}
@media (min-width: 992px) {
body.home h2 {
font-size: 3.125rem;
line-height: 1.2;
margin-bottom: 70px;
}
body.home h2 small {
font-size: 1rem;
margin-top: 10px;
}
}
body.home h3 {
font-family: YakuHanMP, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
font-weight: 400;
text-align: center;
margin-bottom: 36px;
font-size: 1.25rem;
}
@media (min-width: 992px) {
body.home h3 {
font-size: 1.875rem;
}
}
body.home .btn-more {
margin-top: 30px;
}
@media (min-width: 992px) {
body.home .btn-more {
margin-top: 75px;
}
}
body.home #eventList .post_list_thumb div[class^="col-"] {
margin-bottom: 26px;
}
@media (min-width: 992px) {
body.home #eventList .post_list_thumb div[class^="col-"] {
margin-bottom: 62px;
}
}
@media (max-width: 768px) {
body.home #eventList .post_list_thumb div[class^="col-"] {
padding-left: 7.5px;
padding-right: 7.5px;
}
body.home #eventList .post_list_thumb div[class^="col-"] .li_title {
line-height: 1.5;
}
body.home #eventList .post_list_thumb div[class^="col-"] .li_thumb {
margin-bottom: 11px;
}
body.home #eventList .post_list_thumb div[class^="col-"] .li_cat {
font-size: 0.75rem;
line-height: 1;
margin-bottom: 7px;
}
}
@media (max-width: 768px) and (max-width: 768px) {
body.home #eventList .post_list_thumb div[class^="col-"] .li_cat .badge.cat,
body.home #eventList .post_list_thumb div[class^="col-"] .li_cat .badge.pickup {
padding: 4px 12px;
}
}
@media (max-width: 768px) {
body.home #eventList .post_list_thumb div[class^="col-"] .li_event_date,
body.home #eventList .post_list_thumb div[class^="col-"] .li_venue {
font-size: 0.75rem;
line-height: 1.7;
}
}
body.home #eventList .post_list_thumb .btn-more {
margin-top: 13px;
}
body.home #eventList .post_list_thumb .row.pickup div[class^="col-"] {
margin-bottom: 1rem;
}
@media (min-width: 992px) {
body.home #eventList .post_list_thumb .row.pickup div[class^="col-"].li_detail_wrap {
padding: 30px;
margin-bottom: 0;
}
}
body.home #eventList .post_list_thumb .row.pickup div[class^="col-"] .li_cat {
margin-bottom: 1.5rem;
}
body.home #eventList .post_list_thumb .row.pickup div[class^="col-"] .li_title {
margin-bottom: 1rem;
font-size: 1.25rem;
line-height: 140%;
}
@media (min-width: 992px) {
body.home #eventList .post_list_thumb .row.pickup div[class^="col-"] .li_title {
font-size: 1.875rem;
}
}
body.home #eventList .post_list_thumb .row.pickup div[class^="col-"] .li_excerpt {
margin-bottom: 1.5rem;
font-size: 0.875rem;
}
@media (min-width: 992px) {
body.home #eventList .post_list_thumb .row.pickup div[class^="col-"] .li_excerpt {
font-size: 1.0625rem;
}
}
body.home #eventList .post_list_thumb .row.pickup div[class^="col-"] .li_more a.btn {
color: #424242;
background: none;
border-color: #666;
}
body.home #program {
/*
@include sp_only {
padding-bottom: 20px;			
}
a {
font-size: $font17;
line-height: $font26;

small {
display: block;
font-size: $font13;
}
img {
margin-bottom: 14px;
}
@include pc_only {
font-size: $font20;
line-height: $font36;

small {
font-size: $font16;
}
img {
margin-bottom: 17px;
}
}
}
*/
}
body.home #program h2 {
font-size: 2.25rem;
margin-bottom: 24px;
}
@media (min-width: 769px) {
body.home #program h2 {
font-size: 3.4375rem;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
body.home #program h2 {
font-size: 2.8125rem;
}
}
body.home #program .lead {
font-size: 0.875rem;
margin-bottom: 35px;
}
@media (min-width: 769px) {
body.home #program .lead {
font-size: 1.25rem;
margin-bottom: 68px;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
body.home #program .lead {
font-size: 1.0625rem;
}
}
body.home #program .container.post_list_thumb {
max-width: 1200px;
/*
@media (min-width: 959px) and (max-width: 1200px) {
// 4カラム
}
@media (min-width: 768px) and (max-width: 960px) {
[class^="col"] {
// 3カラム
-ms-flex: 0 0 33.333333%;
flex: 0 0 33.333333%;
max-width: 33.333333%;
}
}
*/
}
body.home #program .container.post_list_thumb .row [class^="col"] {
margin-bottom: 30px;
}
@media (min-width: 769px) {
body.home #program .container.post_list_thumb {
padding-left: 20px;
padding-right: 20px;
}
body.home #program .container.post_list_thumb .row {
margin-left: -20px;
margin-right: -20px;
}
body.home #program .container.post_list_thumb .row [class^="col"] {
padding-left: 20px;
padding-right: 20px;
margin-bottom: 50px;
}
}
@media (min-width: 768px) and (max-width: 1200px) {
body.home #program .container.post_list_thumb {
padding-left: 30px;
padding-right: 30px;
}
body.home #program .container.post_list_thumb .row {
margin-left: -15px;
margin-right: -15px;
}
body.home #program .container.post_list_thumb .row [class^="col"] {
padding-left: 15px;
padding-right: 15px;
}
}
@media (max-width: 768px) {
body.home #program .li_detail_wrap {
font-size: 0.8125rem;
line-height: 1.6;
}
}
@media (min-width: 769px) {
body.home #program .li_detail_wrap {
font-size: 1.0625rem;
}
}
body.home #program .li_detail_wrap .li_title {
font-size: 0.9375rem;
text-decoration: underline;
font-weight: bold;
}
@media (min-width: 992px) {
body.home #program .li_detail_wrap .li_title {
font-size: 1.25rem;
}
}
@media (min-width: 769px) and (max-width: 991px) {
body.home #program .li_detail_wrap .li_title {
font-size: 1rem;
}
}
body.home #program .li_detail_wrap .li_cat {
margin-bottom: 6px;
}
@media (min-width: 769px) {
body.home #program .li_detail_wrap .li_cat {
margin-bottom: 15px;
}
}
body.home #program .li_detail_wrap .thumbnail {
border-radius: 5px;
margin-bottom: 10px;
}
@media (min-width: 769px) {
body.home #program .li_detail_wrap .thumbnail {
border-radius: 10px;
margin-bottom: 17px;
aspect-ratio: 2/1;
width: 100%;
-o-object-fit: cover;
object-fit: cover;
}
}
body.home #program .li_detail_wrap .thumbnail.border {
border: 1px solid #666 !important;
}
body.home #bnrLounge {
padding-top: 0;
}
body.home #bnrLounge > div {
max-width: 450px;
}
@media (min-width: 769px) {
body.home #bnrLounge > div {
max-width: 870px;
}
}
body.home #bnrList div[class^="col-"] {
margin-bottom: 30px;
}
body.home #bnrList div[class^="col-"] a {
width: 100%;
display: inline-block;
max-width: 420px;
}
@media (min-width: 992px) {
body.home #sns [class^="col-"]:nth-child(odd) {
padding-right: 25px;
}
body.home #sns [class^="col-"]:nth-child(even) {
padding-left: 25px;
}
}
@media (max-width: 768px) {
body.home #sns [class^="col-"]:nth-child(n + 2) {
margin-top: 65px;
}
}
/*****************************************************************************************
* page / archive /single
****************************************************************************************/
article {
margin-top: 30px;
}
@media (min-width: 992px) {
article {
margin-top: 125px;
}
}
article h1 {
font-family: YakuHanMP, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
font-weight: 400;
font-size: 1.625rem;
line-height: 2.5rem;
text-align: center;
}
@media (min-width: 769px) and (max-width: 991px) {
article h1 {
margin-bottom: 58.5px;
}
}
@media (max-width: 768px) {
article h1 {
margin-bottom: calc(1rem + 30px);
}
}
@media (min-width: 992px) {
article h1 {
font-size: 2.5rem;
line-height: 3.75rem;
margin-bottom: 125px;
}
}
article h1 small {
display: block;
font-size: 0.9375rem;
}
article .content {
margin-bottom: 100px;
}
article .content a {
color: #a2845e;
}
article #post_page_link {
max-width: 860px;
margin-left: auto;
margin-right: auto;
border-top: 1px solid #e0e0e0;
padding-top: 30px;
margin-bottom: 30px;
font-size: 0.9375rem;
}
article #post_page_link .page_nav {
display: block;
font-size: 1rem;
line-height: 1.5rem;
}
article #post_page_link .page_nav i {
vertical-align: middle;
}
article #list_page_link {
margin-bottom: 75px;
}
article .title_box {
text-align: center;
}
article .title_box h2 {
font-size: 1.625rem;
}
@media (min-width: 992px) {
article .title_box h2 {
font-size: 2.5rem;
}
}
article .title_box h2 small {
display: block;
font-size: 0.9375rem;
}
@media (min-width: 992px) {
article .title_box h2 small {
font-size: 1.25rem;
}
}
article .title_box h3 {
font-size: 1.25rem;
}
@media (min-width: 992px) {
article .title_box h3 {
font-size: 1.875rem;
}
}
article .accent_bg_box {
background-color: #f5f5f5;
padding: 1.5rem;
}
/*------------------------------------------
* page
*----------------------------------------*/
.container-narrow {
max-width: 860px;
margin-left: auto;
margin-right: auto;
}
.page.page-default {
max-width: 860px;
margin-left: auto;
margin-right: auto;
}
.page.page-width .content > section:first-child {
padding-top: 0;
}
.page.page-fullwidth .container:not(.container-wide) {
max-width: 860px;
margin-left: auto;
margin-right: auto;
}
.page.page-fullwidth .content {
margin-bottom: 0;
}
.page.page-fullwidth .content > section:first-child {
padding-top: 0;
}
@media (max-width: 768px) {
.page .thumbnail_wrap {
margin-bottom: 30px;
}
}
@media (min-width: 769px) and (max-width: 991px) {
.page .thumbnail_wrap {
margin-bottom: 50px;
}
}
@media (min-width: 992px) {
.page .thumbnail_wrap {
margin-bottom: 100px;
}
}
.page .thumbnail_wrap img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 100%;
object-position: 50% 100%;
width: 100%;
display: block;
}
@media (min-width: 769px) and (max-width: 991px) {
.page .thumbnail_wrap img {
height: 56.25vw;
}
}
@media (min-width: 992px) {
.page .thumbnail_wrap img {
height: 40vw;
}
}
.page h2 {
margin-top: 3rem;
}
@media (min-width: 992px) {
.page h2 {
margin-top: 4rem;
font-size: 2.25rem;
}
}
.page h2.text-center {
margin-bottom: 2rem;
}
@media (min-width: 992px) {
.page h2.text-center {
margin-bottom: 3rem;
}
}
.page h3 {
margin-top: 1.5rem;
}
/*------------------------------------------
* single
*----------------------------------------*/
.single {
max-width: 860px;
margin-left: auto;
margin-right: auto;
}
.single .cat {
display: inline-block;
}
.single .date {
display: inline-block;
border: none;
color: #666;
font-size: 0.875rem;
}
@media (min-width: 992px) {
.single .date {
font-size: 1rem;
}
}
.single .post_head .date {
color: #757575;
font-size: 1rem;
line-height: 120%;
border-right: 1px solid #757575;
padding-right: 0.5rem;
}
.single .post_head .cat .badge {
color: #424242;
padding: 0;
border: 0;
font-size: 1rem;
line-height: 120%;
}
.single h1 {
margin-top: 35px;
margin-bottom: 30px;
text-align: left;
}
.single .content {
max-width: 770px;
margin-left: auto;
margin-right: auto;
font-size: 0.9375rem;
line-height: 1.875rem;
}
/*****************************************************************************************
****************************************************************************************/
/*------------------------------------------
* event
*----------------------------------------*/
.category-event h1 {
text-align: center;
}
.category-event .post_list_thumb .row {
margin-bottom: 2rem;
padding-bottom: 2rem;
border-bottom: 1px solid #e0e0e0;
}
.category-event .post_list_thumb .row:last-of-type {
border-bottom: none;
}
.category-event .post_list_thumb .row .event_date {
margin-bottom: 1rem;
font-size: 1.25rem;
}
.category-event .post_list_thumb .row .event_date .y,
.category-event .post_list_thumb .row .event_date .evet_time {
margin-right: 0.5rem;
font-size: 1rem;
}
@media (min-width: 992px) {
.category-event .post_list_thumb .row .event_date .y,
.category-event .post_list_thumb .row .event_date .evet_time {
display: block;
}
}
.category-event .post_list_thumb .row .li_title {
font-size: 1.0625rem;
}
.category-event .post_list_thumb .row .li_more .btn {
color: #fff !important;
background: #424242 !important;
}
@media (max-width: 768px) {
.category-event .post_list_thumb .row .li_more {
text-align: center;
}
.category-event .post_list_thumb .row .li_more .btn {
width: 90%;
}
}
@media (min-width: 992px) {
.category-event .post_list_thumb .row .li_event_detail_wrap {
padding-left: 30px;
padding-right: 30px;
}
}
.single-event div[class^="col"] {
margin-bottom: 30px;
}
@media (min-width: 992px) {
.single-event div[class^="col"]:nth-child(odd) {
padding-right: 25px;
}
.single-event div[class^="col"]:nth-child(even) {
padding-left: 25px;
}
}
.single-event .li_thumbnail {
margin-bottom: 27px;
}
.single-event .li_cat {
margin-bottom: 20px;
}
.single-event h1 {
text-align: left;
margin-bottom: 15px;
font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-weight: 400;
letter-spacing: 0.025em;
}
.single-event .li_event_detail_wrap {
background: #e0e0e0;
padding: 20px;
margin-bottom: 20px;
}
.single-event .li_event_detail {
font-size: 0.875rem;
line-height: 170%;
margin-bottom: 1rem;
}
@media (max-width: 768px) {
.single-event .li_event_detail {
padding-bottom: 20px;
border-bottom: 1px solid #ccc;
}
}
@media (min-width: 769px) and (max-width: 991px) {
.single-event .li_event_detail {
padding-right: 20px;
border-right: 1px solid #ccc;
width: 66%;
display: inline-block;
}
}
@media (min-width: 992px) {
.single-event .li_event_detail {
font-size: 1rem;
}
}
.single-event .mw_wp_form label {
font-size: 0.8125rem;
}
.single-event .mw_wp_form .form-control {
border-radius: 0;
}
@media (min-width: 769px) and (max-width: 991px) {
.single-event .mw_wp_form {
padding-left: 20px;
width: 33%;
display: inline-block;
}
}
.single-event .btn-pdf {
width: 100%;
color: #fff;
background: #666;
padding: 1rem 4rem;
border-radius: 0;
max-width: 100%;
font-size: 1rem;
line-height: 1.5rem;
}
.single-event .btn-pdf .material-icons {
vertical-align: bottom;
margin-bottom: -4px;
}
/*------------------------------------------
* blog
*----------------------------------------*/
.category-blog .post_list_thumb > .row {
margin-bottom: 2rem;
}
@media (min-width: 769px) {
.category-blog .post_list_thumb > .row > [class^="col-"] {
margin-bottom: 50px;
}
}
@media (max-width: 768px) {
.category-blog .post_list_thumb .li_thumb_wrap {
padding-right: 0;
}
}
.category-blog .post_list_thumb .li_thumb_wrap .li_thumb .cat {
position: absolute;
top: 0.25rem;
left: 0.25rem;
background-color: #fff;
}
@media (min-width: 992px) {
.category-blog .post_list_thumb .li_thumb_wrap .li_thumb .cat {
top: 20px;
left: 20px;
}
}
.category-blog .post_list_thumb .li_title {
margin-bottom: 0;
}
@media (min-width: 992px) {
.category-blog .post_list_thumb .li_title {
font-size: 1.25rem;
}
}
.single-blog {
max-width: 1300px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 769px) and (max-width: 991px) {
.single-blog #blog_mainimage {
margin-bottom: 50px;
}
}
@media (max-width: 768px) {
.single-blog #blog_mainimage {
display: none !important;
}
}
.single-blog #post_content {
max-width: 990px;
margin-left: auto;
margin-right: auto;
}
.single-blog #post_content .date {
margin-left: 0.5rem;
}
.single-blog #post_content .content {
max-width: initial;
}
@media (min-width: 769px) and (max-width: 991px) {
.single-blog #post_content {
max-width: 600px;
}
}
@media (min-width: 992px) {
.single-blog #post_content {
padding: 75px;
margin-top: calc(-75px - 1.5rem);
position: relative;
background-color: white;
}
}
/*------------------------------------------
* page - about
*----------------------------------------*/
.page.about table th {
font-size: 0.9375rem;
}
.page.about table td .ttl {
font-size: 0.9375rem;
font-weight: bold;
}
.page.about table td .name {
margin-bottom: 15px;
display: inline-block;
}
.page.about table td .name:last-child {
margin-bottom: 0;
}
@media (min-width: 992px) {
.page.about .about_map_content {
position: absolute;
top: 0;
left: 0;
width: 50%;
}
}
@media (max-width: 991px) {
.page.about .container-fluid {
padding: 0;
}
}
/*------------------------------------------
* page - archive
*----------------------------------------*/
.page.archive h2 {
margin-bottom: 1rem;
}
.page.archive .website_link {
margin-left: auto;
margin-right: auto;
}
@media (min-width: 992px) {
.page.archive h2 {
text-align: left;
float: left;
font-size: 2rem;
}
.page.archive .website_link {
float: right;
margin-top: 0.5rem;
}
}
/*------------------------------------------
* page - accessibility
*----------------------------------------*/
.accessibility .accessibility_tbl th {
white-space: nowrap;
background-color: rgba(0, 0, 0, 0.05);
}
/*------------------------------------------
* page - siaf-lounge
*----------------------------------------*/
.siaf-lounge #lounge_detail {
max-width: 1080px;
padding-bottom: 35px;
}
.siaf-lounge #lounge_detail .row:not(:last-child) {
margin-bottom: 50px;
}
@media (min-width: 769px) {
.siaf-lounge #lounge_detail .row .col-sm-6:nth-child(2n + 1) {
padding-left: 25px;
}
.siaf-lounge #lounge_detail .row .col-sm-6:nth-child(2n) {
padding-right: 25px;
}
.siaf-lounge #lounge_detail .row .col-sm-6 h3 {
margin-top: 0;
font-size: 1.625rem;
line-height: 2.19rem;
}
}
.siaf-lounge #lounge_info table tbody tr:last-child th,
.siaf-lounge #lounge_info table tbody tr:last-child td {
border-bottom: 0;
}
/*------------------------------------------
* page - siaf-lounge-books
*----------------------------------------*/
.siaf-lounge-books h2 {
font-size: 2rem;
}
.siaf-lounge-books table tr th {
font-size: 0.9375rem;
background: rgba(0, 0, 0, 0.05);
}
.siaf-lounge-books table tr td {
font-size: 1rem;
}
.siaf-lounge-books table tr td:nth-child(4),
.siaf-lounge-books table tr td:nth-child(5) {
font-size: 0.875rem;
}
/*------------------------------------------
* page - theme_concept
*----------------------------------------*/
.theme_concept #theme_concept_head {
max-width: 860px;
text-align: center;
padding-top: 0;
}
.theme_concept #theme_concept_head h2 {
font-family: YakuHanJP_Noto, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
font-weight: 400;
letter-spacing: 0.025em;
font-size: 1.0625rem;
margin-bottom: 30px;
margin-top: 84px;
}
@media (max-width: 991px) {
.theme_concept #theme_concept_head h2 {
text-align: center;
}
}
@media (min-width: 992px) {
.theme_concept #theme_concept_head h2 {
font-size: 1.25rem;
margin-bottom: 50px;
}
}
.theme_concept #theme_concept_head h2 span {
border-bottom: 1px solid #212121;
display: inline-block;
line-height: 180%;
}
.theme_concept #theme_concept_head h3 {
font-size: 1.625rem;
}
@media (min-width: 992px) {
.theme_concept #theme_concept_head h3 {
font-size: 1.875rem;
}
}
.theme_concept #theme_concept_head h3:first-of-type {
font-size: 1.875rem;
}
@media (min-width: 992px) {
.theme_concept #theme_concept_head h3:first-of-type {
font-size: 2.5rem;
}
}
.theme_concept #theme_concept_head h3 span {
font-size: 1.0625rem;
}
@media (min-width: 992px) {
.theme_concept #theme_concept_head h3 span {
font-size: 1.25rem;
}
}
.theme_concept #theme_concept_head ruby rt {
font-size: 0.8125rem;
}
@media (min-width: 992px) {
.theme_concept #theme_concept_head ruby rt {
font-size: 0.9375rem;
}
}
.theme_concept #theme_concept_head .concept_text {
font-size: 1.1875rem;
text-align: left;
line-height: 175%;
}
.theme_concept #theme_concept_detail {
padding-right: 0;
padding-left: 0;
}
.theme_concept #theme_concept_detail .row {
margin-bottom: 85px;
}
.theme_concept #theme_concept_detail h2 {
margin-top: 0;
font-size: 1.875rem;
padding-bottom: 1rem;
}
@media (max-width: 991px) {
.theme_concept #theme_concept_detail h2 {
text-align: center;
}
}
@media (min-width: 992px) {
.theme_concept #theme_concept_detail h2 {
display: inline-block;
}
}
.theme_concept #theme_concept_detail h2 span {
border-bottom: 1px solid #212121;
line-height: 180%;
}
.theme_concept #theme_concept_detail .detail_photo img {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: 50% 100%;
object-position: 50% 100%;
}
@media (min-width: 769px) and (max-width: 991px) {
.theme_concept #theme_concept_detail .detail_photo img {
height: 56.25vw;
}
}
@media (min-width: 992px) {
.theme_concept #theme_concept_detail .detail_photo img {
height: 40vw;
}
}
.theme_concept #theme_concept_detail .detail_text {
padding: 2rem;
}
@media (min-width: 992px) {
.theme_concept #theme_concept_detail .detail_text {
width: 70%;
margin-left: auto;
margin-right: auto;
padding: 0;
}
}
/*------------------------------------------
* page - three_areas_of_direction
*----------------------------------------*/
.three_areas_of_direction .container-narrow {
font-size: 1.1875rem;
line-height: 175%;
}
.three_areas_of_direction h2 {
display: flex;
align-items: center;
font-size: 1.25rem;
margin-bottom: 30px;
}
@media (min-width: 992px) {
.three_areas_of_direction h2 {
font-size: 1.875rem;
margin-top: 100px;
margin-bottom: 60px;
}
}
.three_areas_of_direction h2:before,
.three_areas_of_direction h2:after {
content: "";
flex-grow: 1;
height: 1px;
background: #969696;
display: block;
}
.three_areas_of_direction h2:before {
margin-right: 1rem;
}
.three_areas_of_direction h2:after {
margin-left: 1rem;
}
.three_areas_of_direction small {
font-size: 0.8125rem;
line-height: 150%;
display: inline-block;
}
@media (min-width: 769px) {
.three_areas_of_direction small {
margin-top: 25px;
}
}
@media (min-width: 992px) {
.three_areas_of_direction small {
font-size: 0.9375rem;
}
}
/*------------------------------------------
* page - director_team
* page - icon
*----------------------------------------*/
.director_team h2,
.icon h2 {
font-family: YakuHanMP, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
font-weight: 400;
font-size: 1.875rem;
margin-top: 1rem;
margin-bottom: 2rem;
line-height: 130%;
}
.director_team h2 small,
.icon h2 small {
display: block;
font-size: 1.25rem;
}
.director_team h3,
.icon h3 {
font-family: YakuHanMP, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
font-weight: 400;
font-size: 1.625rem;
margin-top: 0.5rem;
margin-bottom: 1rem;
line-height: 130%;
}
.director_team h3 small,
.icon h3 small {
display: block;
font-size: 1.0625rem;
}
.director_team .h1_wrap h1,
.icon .h1_wrap h1 {
display: flex;
align-items: center;
font-size: 1.25rem;
margin-bottom: 0;
}
@media (min-width: 992px) {
.director_team .h1_wrap h1,
.icon .h1_wrap h1 {
font-size: 1.875rem;
margin-top: 60px;
}
}
.director_team .h1_wrap h1:before,
.director_team .h1_wrap h1:after,
.icon .h1_wrap h1:before,
.icon .h1_wrap h1:after {
content: "";
flex-grow: 1;
height: 1px;
background: #969696;
display: block;
}
.director_team .h1_wrap h1:before,
.icon .h1_wrap h1:before {
margin-right: 1rem;
}
.director_team .h1_wrap h1:after,
.icon .h1_wrap h1:after {
margin-left: 1rem;
}
.director_team hr,
.icon hr {
margintop: 0;
margin-bottom: 75px;
border-top-color: #ccc;
}
.director_team hr + h1,
.icon hr + h1 {
margin-bottom: 75px;
}
.director_team .photo,
.icon .photo {
max-width: 300px;
margin-right: auto;
}
@media (min-width: 769px) and (max-width: 991px) {
.director_team .photo,
.icon .photo {
max-width: 240px;
}
}
@media (max-width: 768px) {
.director_team .photo,
.icon .photo {
margin-left: auto;
max-width: 180px;
}
}
.director_team .photo > br,
.icon .photo > br {
display: none;
}
.director_team .photo .caption,
.icon .photo .caption {
text-align: right;
color: #666666;
font-size: 0.8125rem;
margin-top: 0.5rem;
margin-bottom: 1rem;
display: block;
}
.director_team .accent_bg_box p,
.icon .accent_bg_box p {
font-size: 0.9375rem;
}
@media (min-width: 992px) {
.director_team .row-3col div[class^="col"] .row div[class^="col"],
.icon .row-3col div[class^="col"] .row div[class^="col"] {
max-width: 370px;
margin-left: auto;
margin-right: auto;
}
.director_team .row-3col div[class^="col"]:first-child .row div[class^="col"],
.icon .row-3col div[class^="col"]:first-child .row div[class^="col"] {
margin-left: 0;
}
.director_team .row-3col div[class^="col"]:last-child .row div[class^="col"],
.icon .row-3col div[class^="col"]:last-child .row div[class^="col"] {
margin-right: 0;
}
}
.director_team .content {
margin-bottom: 52px;
}
.director_team #advisor,
.director_team #curator,
.director_team #ainu_coordinator,
.director_team #art_director {
padding-bottom: 52px;
font-size: 0.9375rem;
}
@media (min-width: 992px) {
.director_team #advisor,
.director_team #curator,
.director_team #ainu_coordinator,
.director_team #art_director {
font-size: 1rem;
}
}
.director_team #advisor .photo,
.director_team #curator .photo,
.director_team #ainu_coordinator .photo,
.director_team #art_director .photo {
margin-bottom: 1rem;
}
.director_team #advisor .photo .caption,
.director_team #curator .photo .caption,
.director_team #ainu_coordinator .photo .caption,
.director_team #art_director .photo .caption {
margin-bottom: 0;
}
/*------------------------------------------
* page - icon
*----------------------------------------*/
.page.icon .icon_wrap {
padding-top: 30px !important;
padding-bottom: 30px !important;
background-color: #8fbae5;
}
.page.icon .icon_wrap .icon_wrap_inner {
max-width: 500px;
margin-left: auto;
margin-right: auto;
}
.page.icon .grayBorderFrame {
font-size: 0.9375rem;
}
.page.icon hr {
margin-top: 10px;
}
.page.icon #director_profile {
padding-top: 0;
}
.page.icon #director_profile .container {
max-width: 1300px;
}
/*------------------------------------------
* page - artist
*----------------------------------------*/
.page.artist section {
padding-top: 0;
}
.page.artist a[data-toggle="modal"] {
cursor: pointer;
}
.page.artist a.plus_fillter {
position: relative;
background-color: black;
display: inline-block;
}
.page.artist a.plus_fillter:after {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.16);
content: "+";
font-size: 5rem;
color: #fff;
display: flex;
align-items: center;
justify-content: space-around;
opacity: 0;
transition-duration: 0.3s;
}
.page.artist a.plus_fillter:hover:after {
opacity: 1;
}
.page.artist .post_list_thumb .li_wrap {
padding-bottom: 60px;
}
@media (max-width: 991px) {
.page.artist .post_list_thumb .li_wrap {
padding-bottom: 45px;
}
.page.artist .post_list_thumb .li_wrap .li_venue {
display: none;
}
}
@media (min-width: 769px) and (max-width: 991px) {
.page.artist .post_list_thumb .li_wrap {
padding-left: 10px;
padding-right: 10px;
}
}
@media (min-width: 992px) {
.page.artist .post_list_thumb .li_wrap {
padding-left: 15px;
padding-right: 15px;
}
.page.artist .post_list_thumb .li_wrap .li_title {
font-size: 1.125rem;
margin-bottom: 0;
}
.page.artist .post_list_thumb .li_wrap .li_venue {
font-size: 1rem;
color: #666;
}
}
.page.artist .modal {
padding: 0 !important;
}
@media (min-width: 576px) {
.page.artist .modal .modal-dialog {
max-width: calc(100vw - 3.5rem);
}
}
@media (min-width: 992px) {
.page.artist .modal .modal-dialog {
max-width: 1300px;
}
}
.page.artist .modal .modal-content {
background-color: #f3f3f3;
border-radius: 0;
border: 0;
position: relative;
}
.page.artist .modal .modal-content button.close {
background: #000;
color: #fff;
position: absolute;
top: 0;
right: 0;
z-index: 10;
opacity: 1;
padding: 1rem;
}
.page.artist .modal .modal-content button.close:hover,
.page.artist .modal .modal-content button.close:focus {
background: #424242;
}
.page.artist .modal .modal-content .modal-header {
border-bottom: 0;
}
.page.artist .modal .modal-content .modal-body {
position: relative;
font-size: 0.8125rem;
background-color: #f3f3f3;
padding-top: 0;
padding-bottom: 3rem;
padding-left: 15px;
padding-right: 15px;
}
.page.artist .modal .modal-content .modal-body .container-fluid {
padding-top: 30px;
padding-bottom: 30px;
}
@media (min-width: 992px) {
.page.artist .modal .modal-content .modal-body {
font-size: 1rem;
padding-left: 45px;
padding-right: 45px;
}
.page.artist .modal .modal-content .modal-body .container-fluid {
padding-top: 60px;
padding-bottom: 60px;
}
}
.page.artist .modal .modal-content .modal-body .row:not(:first-child) {
margin-top: 40px;
}
@media (max-width: 768px) {
.page.artist .modal .modal-content .modal-body .row div[class^="col-"]:not(:last-child) {
margin-bottom: 1rem;
}
}
@media (min-width: 992px) {
.page.artist .modal .modal-content .modal-body .row div[class^="col-"]:last-child {
padding-left: 45px;
}
}
.page.artist .modal .modal-content .modal-body .lbl {
font-size: 0.8125rem;
margin-bottom: 0.5rem;
}
@media (max-width: 768px) {
.page.artist .modal .modal-content .modal-body .lbl {
text-align: center;
}
}
@media (min-width: 992px) {
.page.artist .modal .modal-content .modal-body .lbl {
font-size: 0.9375rem;
}
}
.page.artist .modal .modal-content .modal-body h3 {
font-size: 1.25rem;
margin-top: 0;
margin-bottom: 1rem;
}
.page.artist .modal .modal-content .modal-body h3 small {
display: block;
font-size: 0.8125rem;
margin-top: 0.5rem;
}
@media (min-width: 992px) {
.page.artist .modal .modal-content .modal-body h3 small {
font-size: 0.9375rem;
}
}
@media (max-width: 768px) {
.page.artist .modal .modal-content .modal-body h3 {
text-align: center;
margin-top: 20px;
}
}
@media (min-width: 992px) {
.page.artist .modal .modal-content .modal-body h3 {
font-size: 1.875rem;
}
}
.page.artist .modal .modal-content .modal-body h4 {
font-size: 0.9375rem;
margin-bottom: 0.75rem;
}
@media (min-width: 992px) {
.page.artist .modal .modal-content .modal-body h4 {
font-size: 1.25rem;
}
}
.page.artist .modal .modal-content .modal-body h5 {
font-size: 1rem;
}
@media (min-width: 992px) {
.page.artist .modal .modal-content .modal-body h5 {
font-size: 1.125rem;
}
}
.page.artist .modal .modal-content .modal-body .box {
font-size: 0.8125rem;
padding: 30px;
margin-top: 2rem;
background-color: #fff;
}
@media (min-width: 992px) {
.page.artist .modal .modal-content .modal-body .box {
font-size: 0.9375rem;
}
}
.page.artist .modal .modal-content .modal-body .box .address {
color: #666;
margin-bottom: 0.75rem;
line-height: 1.875rem;
}
.page.artist .modal .modal-content .modal-body .box .address p {
margin-bottom: 0;
}
@media (min-width: 769px) {
.page.artist .modal .modal-content .modal-body .box .address p {
display: inline-block;
margin-right: 0.5rem;
}
}
.page.artist .modal .modal-content .modal-body .square_wrap {
max-width: 380px;
margin-left: auto;
margin-right: auto;
background-color: #000;
/*
@include pc_and_tab {
width: 100%;
padding-top: 100%;
background-color: $base-color;
position: relative;
font-size: 0;

img {
max-width: 380px;
max-height: 380px;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
}
}*/
}
.page.artist .modal .modal-content .modal-body .square_wrap .square_wrap_img {
background-position: center center;
background-size: contain;
background-repeat: no-repeat;
}
.page.artist .modal .modal-content .modal-body .caption {
max-width: 380px;
margin-left: auto;
margin-right: auto;
margin-top: 0.25rem;
font-size: 0.75rem;
line-height: 1.125rem;
}
.page.artist .modal .modal-content .modal-body .badge-dark {
background: #424242;
color: #fff;
font-weight: normal;
padding: 0.4rem 0.75rem;
border-radius: 10rem;
}
.page.artist .modal .modal-content .modal-body .badge-dark:hover,
.page.artist .modal .modal-content .modal-body .badge-dark:focus {
background: #424242;
}
.page.artist .modal .modal-content .modal-body .badge-dark:focus {
outline: none;
box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
/*------------------------------------------
* page - siaf-lounge-books
*----------------------------------------*/
.page.siaf-lounge-books table.dataTable td,
.page.siaf-lounge-books table.dataTable th {
box-sizing: border-box !important;
width: auto !important;
padding-top: 0.75rem !important;
padding-bottom: 0.75rem !important;
}
.page.siaf-lounge-books table.dataTable th {
white-space: nowrap;
}
.page.siaf-lounge-books table.dataTable td:nth-child(2),
.page.siaf-lounge-books table.dataTable td:nth-child(3) {
font-size: 0.875rem;
}
.page.siaf-lounge-books table.dataTable td:nth-child(4),
.page.siaf-lounge-books table.dataTable td:nth-child(5),
.page.siaf-lounge-books table.dataTable td:nth-child(6),
.page.siaf-lounge-books table.dataTable td:nth-child(7) {
font-size: 0.8125rem;
}
.page.siaf-lounge-books table.dataTable td.new:after {
content: "new!!";
color: #e00;
display: inline-block;
margin-left: 0.5rem;
}
@media (max-width: 768px) {
.page.siaf-lounge-books div.dataTables_wrapper div.dataTables_length,
.page.siaf-lounge-books div.dataTables_wrapper div.dataTables_filter {
text-align: right;
padding-left: 0.5rem;
}
}
/*------------------------------------------
* page - page-siaf2024
*----------------------------------------*/
.page.page-siaf2024 {
background: #000;
margin-top: 0;
color: #fff;
}
@media (max-width: 991px) {
.page.page-siaf2024 {
font-size: 0.8125rem;
line-height: 1.76;
}
.page.page-siaf2024 small {
font-size: 0.6875rem;
}
}
.page.page-siaf2024 .metaslider .caption-wrap {
position: relative;
font-size: 0.8125rem;
}
@media (min-width: 769px) {
.page.page-siaf2024 .metaslider .caption-wrap .caption {
padding-top: 10px;
padding-left: 0;
}
}
.page.page-siaf2024 .metaslider .flex-control-nav {
margin-top: 15px !important;
}
.page.page-siaf2024 .metaslider .flex-control-nav li a {
width: 8px;
height: 8px;
}
@media (min-width: 769px) {
.page.page-siaf2024 .metaslider .flex-control-nav {
text-align: left;
}
.page.page-siaf2024 .metaslider .flex-control-nav li:first-child a {
margin-left: 0;
}
}
.page.page-siaf2024.en .metaslider .caption-wrap .ja {
display: none;
}
.page.page-siaf2024.ja .metaslider .caption-wrap .en {
display: none;
}
.page.page-siaf2024 section {
padding-top: 30px;
padding-bottom: 35px;
}
@media (min-width: 992px) {
.page.page-siaf2024 section {
padding-top: 70px;
padding-bottom: 80px;
}
}
.page.page-siaf2024 section h2:first-child,
.page.page-siaf2024 section h3:first-child,
.page.page-siaf2024 section h4:first-child {
margin-top: 0;
}
@media (max-width: 768px) {
.page.page-siaf2024 ruby {
display: inline;
}
.page.page-siaf2024 ruby rt {
display: none;
}
}
.page.page-siaf2024 .content {
margin-bottom: 0;
}
.page.page-siaf2024 .content a {
color: #ccc;
text-decoration: underline;
}
.page.page-siaf2024 .container,
.page.page-siaf2024 .container-fluid {
padding-right: 20px;
padding-left: 20px;
}
@media (min-width: 769px) and (max-width: 991px) {
.page.page-siaf2024 .container,
.page.page-siaf2024 .container-fluid {
padding-right: 40px;
padding-left: 40px;
}
}
.page.page-siaf2024 .container {
max-width: 1140px;
}
.page.page-siaf2024 .container-narrow {
max-width: 760px;
width: 100%;
padding-right: 20px;
padding-left: 20px;
margin-right: auto;
margin-left: auto;
}
@media (min-width: 769px) and (max-width: 991px) {
.page.page-siaf2024 .container-narrow {
max-width: 640px;
}
}
.page.page-siaf2024 .table tr:first-child th,
.page.page-siaf2024 .table tr:first-child td,
.page.page-siaf2024 .table tr th,
.page.page-siaf2024 .table tr td {
border-color: #666666;
}
.page.page-siaf2024 .table th {
white-space: nowrap;
font-size: 0.75rem;
}
@media (min-width: 992px) {
.page.page-siaf2024 .table th {
font-size: 0.9375rem;
}
}
.page.page-siaf2024 .bg_snow_left,
.page.page-siaf2024 .bg_snow_right,
.page.page-siaf2024 .bg_snow_bottom {
background-repeat: no-repeat;
}
.page.page-siaf2024 .bg_snow_left {
background-image: url("../images/siaf2024/bg-snow-1.png");
background-position: left bottom;
background-size: 250px auto;
}
@media (min-width: 992px) {
.page.page-siaf2024 .bg_snow_left {
background-size: 500px auto;
}
}
.page.page-siaf2024 .bg_snow_right {
background-image: url("../images/siaf2024/bg-snow-2.png");
background-position: right bottom;
background-size: 250px auto;
}
@media (min-width: 992px) {
.page.page-siaf2024 .bg_snow_right {
background-size: 500px auto;
}
}
.page.page-siaf2024 .bg_snow_bottom {
background-image: url("../images/siaf2024/bg-snow-3.png");
background-position: center bottom;
background-size: 500px auto;
}
@media (min-width: 992px) {
.page.page-siaf2024 .bg_snow_bottom {
background-size: 1000px auto;
}
}
.page.page-siaf2024 h1 {
line-height: 1.5;
font-weight: 600;
}
@media (max-width: 768px) {
.page.page-siaf2024 h1 {
font-size: 1.25rem;
}
}
@media (min-width: 769px) and (max-width: 991px) {
.page.page-siaf2024 h1 {
font-size: 1.875rem;
}
}
@media (min-width: 992px) {
.page.page-siaf2024 h1 {
margin-bottom: 90px;
}
}
.page.page-siaf2024 h2 {
font-size: 1.125rem;
font-weight: 600;
line-height: 1.5;
text-align: center;
position: relative;
margin-bottom: 48px;
}
.page.page-siaf2024 h2:after {
content: "";
display: inline-block;
width: 30px;
height: 2px;
background-color: #fff;
position: absolute;
left: 50%;
bottom: -22px;
transform: translateX(-50%);
}
@media (min-width: 992px) {
.page.page-siaf2024 h2:after {
width: 50px;
bottom: -24px;
}
}
.page.page-siaf2024 h2 small {
font-size: 0.9375rem;
display: block;
margin-top: 4px;
}
@media (min-width: 769px) and (max-width: 991px) {
.page.page-siaf2024 h2 {
font-size: 1.5rem;
}
}
@media (min-width: 992px) {
.page.page-siaf2024 h2 {
font-size: 1.875rem;
margin-bottom: 76px;
}
.page.page-siaf2024 h2:after {
bottom: -30px;
}
.page.page-siaf2024 h2 small {
font-size: 1.5rem;
}
}
@media (max-width: 991px) {
.page.page-siaf2024 h3 {
font-size: 1.25rem;
}
}
.page.page-siaf2024 h3 small {
font-size: 0.75rem;
display: block;
margin-top: 0.6em;
}
@media (min-width: 992px) {
.page.page-siaf2024 h3 small {
font-size: 0.9375rem;
}
}
@media (max-width: 768px) {
.page.page-siaf2024 .table th {
padding: 15px;
}
.page.page-siaf2024 .table td {
padding: 15px;
padding-top: 0;
}
}
.page.page-siaf2024 #mv {
padding-top: 0;
padding-bottom: 0;
}
@media (min-width: 769px) and (max-width: 991px) {
.page.page-siaf2024 #mv {
padding-bottom: 15px;
}
}
.page.page-siaf2024 #topics {
margin-bottom: 45px;
}
@media (min-width: 769px) {
.page.page-siaf2024 #topics {
margin-bottom: 120px;
}
}
.page.page-siaf2024 #topics h3 {
text-align: center;
margin-bottom: 25px;
}
@media (min-width: 992px) {
.page.page-siaf2024 #topics h3 {
margin-bottom: 42px;
}
}
.page.page-siaf2024 #topics .table tr td {
padding: 14px;
}
.page.page-siaf2024 #topics .table tr td:nth-child(1) {
font-size: 0.9375rem;
}
@media (max-width: 768px) {
.page.page-siaf2024 #topics .table tr {
border-bottom: 1px solid #666666;
}
.page.page-siaf2024 #topics .table tr:first-child {
border-top: 1px solid #666666;
}
.page.page-siaf2024 #topics .table tr td {
border-top: none;
border-bottom: none;
}
.page.page-siaf2024 #topics .table tr td:nth-child(1) {
width: auto;
display: table-cell;
font-size: 0.75rem;
}
.page.page-siaf2024 #topics .table tr td:nth-child(2) {
width: 100%;
display: block;
padding-bottom: 0;
}
.page.page-siaf2024 #topics .table tr td:nth-child(3) {
width: 100%;
display: block;
padding-top: 0;
}
}
@media (max-width: 991px) {
.page.page-siaf2024 #lead {
font-size: 0.875rem;
}
}
@media (min-width: 769px) and (max-width: 991px) {
.page.page-siaf2024 #lead {
padding-right: 0;
}
.page.page-siaf2024 #lead .row [class*="col"]:first-child {
padding-left: 0;
padding-right: 40px;
}
}
@media (min-width: 992px) {
.page.page-siaf2024 #lead {
padding: 0;
font-size: 1.25rem;
line-height: 2;
}
.page.page-siaf2024 #lead .row [class*="col"]:first-child {
padding-left: 100px;
padding-right: 100px;
}
}
.page.page-siaf2024 #keyword h3 {
text-align: center;
font-size: 1.625rem;
margin-bottom: 0.2em;
}
.page.page-siaf2024 #keyword h3 strong {
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", Arial, "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
font-weight: 700;
font-size: 2.375rem;
}
@media (max-width: 768px) {
.page.page-siaf2024 #keyword h3 {
margin-top: 0.5em;
}
}
@media (min-width: 769px) {
.page.page-siaf2024 #keyword h3 {
text-align: left;
}
}
@media (min-width: 992px) {
.page.page-siaf2024 #keyword h3 {
font-size: 2.5rem;
}
.page.page-siaf2024 #keyword h3 strong {
font-size: 3.125rem;
}
}
.page.page-siaf2024 #keyword h4 {
text-align: center;
font-size: 1rem;
margin-bottom: 1.6em;
font-family: YakuHanMP, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Noto Serif JP", serif;
font-weight: 400;
}
@media (min-width: 769px) {
.page.page-siaf2024 #keyword h4 {
text-align: left;
}
}
@media (min-width: 992px) {
.page.page-siaf2024 #keyword h4 {
font-size: 1.5rem;
}
}
.page.page-siaf2024 #keyword h5 {
font-size: 0.875rem;
margin-bottom: 1.2em;
margin-top: 1.7em;
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
}
@media (min-width: 992px) {
.page.page-siaf2024 #keyword h5 {
font-size: 1.25rem;
margin-bottom: 0.8em;
}
}
.page.page-siaf2024 #keyword .row [class*="col"] p:last-child {
margin-bottom: 0;
}
.page.page-siaf2024 #keyword .row:not(:last-child) {
margin-bottom: 46px;
}
@media (min-width: 769px) {
.page.page-siaf2024 #keyword .row:not(:last-child) {
margin-bottom: 85px;
}
}
.page.page-siaf2024 #about {
padding-bottom: 55px;
}
@media (min-width: 769px) and (max-width: 991px) {
.page.page-siaf2024 #about {
padding-bottom: 80px;
}
}
@media (min-width: 992px) {
.page.page-siaf2024 #about {
padding-bottom: 180px;
}
}
.page.page-siaf2024 #about h3 {
font-size: 1.125rem;
margin-top: 0.7em;
margin-bottom: 1.6em;
}
@media (min-width: 992px) {
.page.page-siaf2024 #about h3 {
font-size: 1.875rem;
}
}
.page.page-siaf2024 #about h4 {
font-size: 0.875rem;
margin-bottom: 1.3em;
}
@media (min-width: 992px) {
.page.page-siaf2024 #about h4 {
font-size: 1.125rem;
}
}
.page.page-siaf2024 #about table {
margin-bottom: 46px;
}
/*------------------------------------------
* page - page-siaf2024-outline
*----------------------------------------*/
.page.page-siaf2024-outline {
margin-top: 50px;
}
@media (max-width: 991px) {
.page.page-siaf2024-outline {
margin-top: 24px;
font-size: 0.8125rem;
line-height: 1.76;
}
.page.page-siaf2024-outline small {
font-size: 0.6875rem;
}
}
@media (max-width: 991px) {
.page.page-siaf2024-outline section {
padding-top: 20px;
padding-bottom: 30px;
}
}
.page.page-siaf2024-outline section h2:first-child,
.page.page-siaf2024-outline section h3:first-child,
.page.page-siaf2024-outline section h4:first-child {
margin-top: 0;
}
.page.page-siaf2024-outline .content {
margin-bottom: 20px;
}
@media (min-width: 769px) and (max-width: 991px) {
.page.page-siaf2024-outline .content {
margin-bottom: 45px;
}
}
@media (min-width: 992px) {
.page.page-siaf2024-outline .content {
margin-bottom: 35px;
}
}
.page.page-siaf2024-outline .container,
.page.page-siaf2024-outline .container-fluid {
padding-right: 20px;
padding-left: 20px;
}
@media (min-width: 769px) and (max-width: 991px) {
.page.page-siaf2024-outline .container,
.page.page-siaf2024-outline .container-fluid {
padding-right: 40px;
padding-left: 40px;
}
}
.page.page-siaf2024-outline .container {
max-width: 870px;
}
@media (max-width: 768px) {
.page.page-siaf2024-outline .row {
margin-left: -5px;
margin-right: -5px;
}
.page.page-siaf2024-outline .row [class*="col"] {
padding-left: 5px;
padding-right: 5px;
}
}
.page.page-siaf2024-outline h1 {
font-size: 1.875rem;
font-weight: 500;
line-height: 1.5;
margin-bottom: 1.5em;
}
@media (max-width: 991px) {
.page.page-siaf2024-outline h1 {
font-size: 1.25rem;
margin-bottom: 1em;
}
}
@media (max-width: 768px) {
.page.page-siaf2024-outline h1 {
text-align: left;
}
}
.page.page-siaf2024-outline h2 {
font-size: 1.25rem;
font-weight: 0;
line-height: 1.5;
text-align: center;
position: relative;
margin-bottom: 46px;
}
.page.page-siaf2024-outline h2:after {
content: "";
display: inline-block;
width: 30px;
height: 2px;
background-color: #000;
position: absolute;
left: 50%;
bottom: -20px;
transform: translateX(-50%);
}
@media (min-width: 992px) {
.page.page-siaf2024-outline h2:after {
width: 50px;
bottom: -24px;
}
}
@media (min-width: 992px) {
.page.page-siaf2024-outline h2 {
font-size: 2.5rem;
margin-bottom: 90px;
}
.page.page-siaf2024-outline h2:after {
bottom: -40px;
}
}
.page.page-siaf2024-outline h3 {
font-size: 1.125rem;
line-height: 1.4;
}
.page.page-siaf2024-outline h3 small {
font-size: 0.75rem;
}
@media (min-width: 992px) {
.page.page-siaf2024-outline h3 {
font-size: 1.625rem;
}
.page.page-siaf2024-outline h3 small {
font-size: 1.0625rem;
}
}
.page.page-siaf2024-outline h4 {
font-weight: 500;
line-height: 1.76;
}
@media (max-width: 991px) {
.page.page-siaf2024-outline h4 {
font-size: 0.875rem;
}
}
@media (max-width: 991px) {
.page.page-siaf2024-outline .small,
.page.page-siaf2024-outline small {
font-size: 0.75rem;
}
}
.page.page-siaf2024-outline #mv {
padding-top: 0;
padding-bottom: 0;
max-width: 1230px;
}
.page.page-siaf2024-outline #lead {
padding-top: 42px;
padding-bottom: 20px;
line-height: 2;
}
@media (min-width: 992px) {
.page.page-siaf2024-outline #lead {
font-size: 1.125rem;
padding-bottom: 70px;
}
}
.page.page-siaf2024-outline #lead .row {
margin-left: 15px;
margin-right: 15px;
margin-top: 26px;
}
.page.page-siaf2024-outline #lead .row [class*="col"] {
padding-left: 5px;
padding-right: 5px;
}
.page.page-siaf2024-outline #lead .row:not(:last-child) {
margin-top: 26px;
}
@media (min-width: 992px) {
.page.page-siaf2024-outline #lead .row:not(:last-child) {
margin-top: 42px;
}
}
@media (min-width: 769px) {
.page.page-siaf2024-outline #lead .row {
margin-top: 50px;
margin-left: 0;
margin-right: 0;
}
.page.page-siaf2024-outline #lead .row [class*="col"]:first-child {
padding-left: 0;
}
.page.page-siaf2024-outline #lead .row [class*="col"]:last-child {
padding-right: 0;
}
}
.page.page-siaf2024-outline #venue hr {
margin-top: 25px;
margin-bottom: 25px;
}
@media (min-width: 992px) {
.page.page-siaf2024-outline #venue h2 {
margin-bottom: 90px;
}
}
@media (min-width: 769px) {
.page.page-siaf2024-outline #venue h3 {
line-height: 1.2;
}
}
@media (min-width: 992px) {
.page.page-siaf2024-outline #venue .row {
margin-left: -20px;
margin-right: -20px;
}
.page.page-siaf2024-outline #venue .row:not(:last-child) {
margin-bottom: 60px;
}
.page.page-siaf2024-outline #venue .row [class*="col"] {
padding-left: 20px;
padding-right: 20px;
}
}
.page.page-siaf2024-outline #pre_program h3 {
text-align: center;
}
@media (min-width: 992px) {
.page.page-siaf2024-outline #pre_program h3 {
font-size: 1.875rem;
}
}
@media (max-width: 991px) {
.page.page-siaf2024-outline #pre_program h4 {
font-size: 0.8125rem;
}
}
@media (min-width: 769px) {
.page.page-siaf2024-outline #pre_program h4 {
line-height: 1.2;
}
}
@media (min-width: 992px) {
.page.page-siaf2024-outline #pre_program h4 + p small {
margin-top: -12px;
}
}
.page.page-siaf2024-outline #pre_program h4 .badge {
background-color: #c8ebff;
border-radius: 0;
font-weight: 400;
padding: 6px 11px;
margin-right: 15px;
}
@media (max-width: 991px) {
.page.page-siaf2024-outline #pre_program h4 .badge {
font-size: 0.75rem;
margin-right: 10px;
padding: 4px 6px;
}
}
.page.page-siaf2024-outline #pre_program ul {
padding-left: 20px;
display: inline-block;
}
.page.page-siaf2024-outline #pre_program ul li {
text-align: left;
}
@media (min-width: 992px) {
.page.page-siaf2024-outline #pre_program ul {
font-size: 1.25rem;
}
}
.page.page-siaf2024-outline #pre_program .row {
margin-top: 30px;
}
@media (min-width: 992px) {
.page.page-siaf2024-outline #pre_program .row {
margin-top: 46px;
}
}
.page.page-siaf2024-outline #visual h4 {
margin-bottom: 1.2em;
}
.page.page-siaf2024-outline #visual p {
margin-bottom: 2em;
}
@media (max-width: 768px) {
.page.page-siaf2024-outline #visual img {
width: 250px;
}
}
@media (min-width: 992px) {
.page.page-siaf2024-outline #visual p {
margin-bottom: 3em;
}
.page.page-siaf2024-outline #visual .order-lg-first {
padding-right: 35px;
}
}
/*------------------------------------------
* siaf2027_director
*----------------------------------------*/
.page.siaf2027_director_test,
.page.siaf2027_director {
margin-top: 0;
letter-spacing: 0;
color: #333;
}
.page.siaf2027_director_test p:empty,
.page.siaf2027_director p:empty {
margin: 0;
}
.page.siaf2027_director_test .container-narrow,
.page.siaf2027_director .container-narrow {
max-width: 940px;
padding-right: 20px;
padding-left: 20px;
}
.page.siaf2027_director_test .container,
.page.siaf2027_director .container {
max-width: 1240px;
padding-right: 20px;
padding-left: 20px;
}
@media (min-width: 769px) {
.page.siaf2027_director_test .container,
.page.siaf2027_director .container {
padding-right: 30px;
padding-left: 30px;
}
.page.siaf2027_director_test .container .row,
.page.siaf2027_director .container .row {
margin-right: -30px;
margin-left: -30px;
}
.page.siaf2027_director_test .container .row [class*="col"],
.page.siaf2027_director .container .row [class*="col"] {
padding-right: 30px;
padding-left: 30px;
}
}
.page.siaf2027_director_test section,
.page.siaf2027_director section {
padding: 0;
margin-top: 15px;
margin-bottom: 15px;
}
@media (min-width: 769px) {
.page.siaf2027_director_test section,
.page.siaf2027_director section {
margin-top: 65px;
margin-bottom: 65px;
}
}
.page.siaf2027_director_test #mv,
.page.siaf2027_director #mv {
text-align: center;
font-size: 0.9375rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
line-height: 2;
}
.page.siaf2027_director_test #mv img,
.page.siaf2027_director #mv img {
padding: 15px 9%;
margin-bottom: 10px;
}
@media (max-width: 768px) {
.page.siaf2027_director_test #mv .btn,
.page.siaf2027_director #mv .btn {
min-width: 200px;
margin: 4px auto;
padding-bottom: 5px;
padding-top: 4px;
font-size: 0.8125rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
}
}
@media (min-width: 769px) {
.page.siaf2027_director_test #mv,
.page.siaf2027_director #mv {
font-size: 1.625rem;
}
.page.siaf2027_director_test #mv img,
.page.siaf2027_director #mv img {
padding: 15px 100px;
margin-bottom: 50px;
}
.page.siaf2027_director_test #mv .btn,
.page.siaf2027_director #mv .btn {
min-width: 300px;
margin: 30px auto;
font-size: 1.125rem;
}
}
@media (min-width: 769px) and (max-width: 991px) {
.page.siaf2027_director_test #mv img,
.page.siaf2027_director #mv img {
padding: 15px 15%;
}
}
.page.siaf2027_director_test #aim,
.page.siaf2027_director #aim {
font-size: 0.8125rem;
}
@media (min-width: 769px) {
.page.siaf2027_director_test #aim,
.page.siaf2027_director #aim {
font-size: 1.25rem;
line-height: 2;
}
}
.page.siaf2027_director_test #aim h2,
.page.siaf2027_director #aim h2 {
display: flex;
align-items: center;
font-size: 1.375rem;
font-weight: 500;
margin-bottom: 1em;
}
@media (min-width: 769px) {
.page.siaf2027_director_test #aim h2,
.page.siaf2027_director #aim h2 {
font-size: 2.5rem;
margin-bottom: 65px;
}
}
.page.siaf2027_director_test #aim h2:before,
.page.siaf2027_director_test #aim h2:after,
.page.siaf2027_director #aim h2:before,
.page.siaf2027_director #aim h2:after {
content: "";
height: 1px;
flex-grow: 1;
background-color: #707070;
}
.page.siaf2027_director_test #aim h2:before,
.page.siaf2027_director #aim h2:before {
margin-right: 1rem;
}
.page.siaf2027_director_test #aim h2:after,
.page.siaf2027_director #aim h2:after {
margin-left: 1rem;
}
.page.siaf2027_director_test #aim h3,
.page.siaf2027_director #aim h3 {
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
font-size: 1rem;
margin-bottom: 11px;
text-align: center;
margin-top: 0;
}
@media (min-width: 769px) {
.page.siaf2027_director_test #aim h3,
.page.siaf2027_director #aim h3 {
font-size: 1.625rem;
margin-bottom: 21px;
text-align: left;
}
}
.page.siaf2027_director_test #aim small,
.page.siaf2027_director #aim small {
font-size: 0.5625rem;
display: block;
margin-top: 3px;
}
@media (min-width: 769px) {
.page.siaf2027_director_test #aim small,
.page.siaf2027_director #aim small {
font-size: 0.75rem;
}
}
.page.siaf2027_director_test #aim .row,
.page.siaf2027_director #aim .row {
margin-bottom: 40px;
align-items: center;
}
@media (min-width: 769px) {
.page.siaf2027_director_test #aim .row,
.page.siaf2027_director #aim .row {
margin-bottom: 75px;
}
}
.page.siaf2027_director_test #aim .row [class*="col"] p:last-child,
.page.siaf2027_director #aim .row [class*="col"] p:last-child {
margin-bottom: 25px;
}
.page.siaf2027_director_test #directors,
.page.siaf2027_director #directors {
margin-top: 75px;
margin-bottom: 25px;
font-size: 0.75rem;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
}
@media (min-width: 769px) {
.page.siaf2027_director_test #directors,
.page.siaf2027_director #directors {
margin-top: 150px;
margin-bottom: 45px;
}
}
.page.siaf2027_director_test #director_team h2,
.page.siaf2027_director #director_team h2 {
text-align: center;
font-size: 1.375rem;
font-weight: 500;
margin-top: 0;
margin-bottom: 1em;
}
.page.siaf2027_director_test #director_team h2 small,
.page.siaf2027_director #director_team h2 small {
display: block;
font-size: 0.8125rem;
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
margin-top: 11px;
}
@media (min-width: 769px) {
.page.siaf2027_director_test #director_team h2,
.page.siaf2027_director #director_team h2 {
font-size: 2.19rem;
margin-bottom: 90px;
}
.page.siaf2027_director_test #director_team h2 small,
.page.siaf2027_director #director_team h2 small {
font-size: 1.25rem;
margin-top: 18px;
}
}
.page.siaf2027_director_test #director_team h3,
.page.siaf2027_director #director_team h3 {
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
font-size: 1.25rem;
margin-top: 0;
margin-bottom: 0.75em;
display: inline-flex;
align-items: center;
}
.page.siaf2027_director_test #director_team h3 small,
.page.siaf2027_director #director_team h3 small {
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
font-size: 0.75rem;
margin-left: 1.5em;
display: inline-block;
vertical-align: middle;
}
@media (min-width: 769px) {
.page.siaf2027_director_test #director_team h3,
.page.siaf2027_director #director_team h3 {
font-size: 1.875rem;
}
.page.siaf2027_director_test #director_team h3 small,
.page.siaf2027_director #director_team h3 small {
font-size: 1.0625rem;
}
}
.page.siaf2027_director_test #director_team h4,
.page.siaf2027_director #director_team h4 {
margin-top: 2px;
font-size: 0.75rem;
}
@media (min-width: 769px) {
.page.siaf2027_director_test #director_team h4,
.page.siaf2027_director #director_team h4 {
font-size: 1.25rem;
}
}
.page.siaf2027_director_test #director_team dl,
.page.siaf2027_director #director_team dl {
display: flex;
flex-wrap: nowrap;
width: 100%;
gap: 1em;
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
font-size: 0.8125rem;
}
.page.siaf2027_director_test #director_team dl dt,
.page.siaf2027_director #director_team dl dt {
font-family: "Noto Sans JP", sans-serif;
font-weight: 500;
}
.page.siaf2027_director_test #director_team dl dd,
.page.siaf2027_director #director_team dl dd {
margin-bottom: 0;
}
@media (min-width: 769px) {
.page.siaf2027_director_test #director_team dl,
.page.siaf2027_director #director_team dl {
font-size: 1.125rem;
}
}
.page.siaf2027_director_test #director_team hr,
.page.siaf2027_director #director_team hr {
border-color: #999999;
margin-top: 1.3em;
margin-bottom: 1.3em;
}
@media (max-width: 768px) {
.page.siaf2027_director_test #director_team .row,
.page.siaf2027_director #director_team .row {
margin-top: 24px;
font-size: 0.75rem;
line-height: 1.8;
}
.page.siaf2027_director_test #director_team .row img,
.page.siaf2027_director #director_team .row img {
width: 160px;
}
}
@media (min-width: 769px) {
.page.siaf2027_director_test #director_team .row,
.page.siaf2027_director #director_team .row {
margin-top: 50px;
font-size: 1.125rem;
justify-content: space-between;
}
.page.siaf2027_director_test #director_team .row [class*="col"]:first-of-type,
.page.siaf2027_director #director_team .row [class*="col"]:first-of-type {
width: 330px;
flex: 0 0 330px;
}
.page.siaf2027_director_test #director_team .row [class*="col"]:last-of-type,
.page.siaf2027_director #director_team .row [class*="col"]:last-of-type {
width: auto;
flex: 0 0 calc(100% - 330px);
max-width: 100%;
padding-left: 45px;
}
}
.page.siaf2027_director_test #ending,
.page.siaf2027_director #ending {
font-size: 0.8125rem;
}
@media (min-width: 769px) {
.page.siaf2027_director_test #ending,
.page.siaf2027_director #ending {
font-size: 1.125rem;
text-align: center;
}
}
}