@charset "UTF-8";

/* -----------
テキスト
----------- */


/* フォント */

html[lang='ja'] body, *[lang="ja"], *:lang(ja) {
    font-family: 'Open Sans', 'Helvetica Neue', 'Helvetica', 'Arial', 'Verdana', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', sans-serif;
}

/* リンク */

a:link, a:visited, a:active, a:hover {
    overflow: hidden;
    outline: none;
}

/* 共通 */

.paren {
    font-size: 90%;
}
.caption {
    font-size: 75%;
}
.aster {
    font-size: 85%;
}

/* -----------
セクション
----------- */

.container-fluid {
    margin-right: auto;
    margin-left: auto;
    max-width: 900px;
}
.row-relative {
    position: relative;
}
.section {
    padding: 50px 0;
}
.sns+.section {
    padding-top: 0;
}

/* 見出し */

h1 {
    margin-top: 0;
    margin-bottom: 1.5em;
    font-size: 26px;
    font-size: 2.6rem;
    line-height: inherit;
}
h2 {
    font-size: 22px;
    font-size: 2.2rem;
    line-height: inherit;
}
h3 {
    font-size: 20px;
    font-size: 2rem;
    line-height: inherit;
}
h4 {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: inherit;
}
@media screen and (max-width: 480px) {
    h1 {
        font-size: 22px;
        font-size: 2.2rem;
    }
    h2 {
        font-size: 20px;
        font-size: 2rem;
    }
    h3 {
        font-size: 18px;
        font-size: 1.8rem;
    }
    h4 {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

/* -----------
コンテンツの分類
----------- */

p {
    margin-bottom: 30px;
    /* word-break: break-all; */
    word-wrap: break-word;
    line-break: strict;
}
p.--compact {
    margin-bottom: 15px;
}
.lead {
    font-size: 20px;
    font-size: 2rem;
    line-height: inherit;
}
.panel {
    box-shadow: 0 0 0;
}

/* リスト */

ul, ol {
    margin-bottom: 30px;
    padding-left: 1em;
}
ul {
    list-style-type: circle
}
ul.list-alt {
    list-style-type: square;
}
.section li {
    padding-bottom: 0.5em;
}

/* -----------
ヘッダー
----------- */

.header img {
    margin: auto;
}
@media screen and (max-width: 768px) {
    .header img {
        width: 100%;
    }
}
.header-hero--caption {
    position: relative;
}
.header-hero--caption .caption {
    position: absolute;
    right: 1em;
    bottom: 1em;
    color: #fff;
    text-shadow: 1px 1px 2px #888;
}

/* -----------
Navi
----------- */

.sidebar-nav li {
    text-indent: 0;
}
.toggle {
    margin-top: 3px;
}
.sidebar-nav li a {
    padding: 0 20px;
    border-top: 1px #333 solid;
}
.sidebar-nav li:firs-child a {
    border-top: 0;
}
.sidebar-nav li:last-child a:last-child {
    border-bottom: 1px #333 solid;
}
li.nav__subhead span {
    display: block;
    padding: 0 20px;
    border-top: 1px #333 solid;
    color: #a8a8a8;
}
li.nav__submenu a {
    display: block;
    padding: 0 20px;
    border-top: 0;
    font-size: 80%;
}
.sidebar-nav li a.multi-line {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 1.45em;
}

/* -----------
Home > About
----------- */

.about .sns {
    padding-top: 0;
}
.img-list {
    margin-top: 30px;
}
.img-list>.row:last-child {
    margin-top: 30px;
}
@media screen and (max-width: 768px) {
    .col--narrow-r {
        padding-right: 15px !important;
    }
    .col--narrow-l {
        padding-left: 15px;
    }
}
.osp {
    margin-top: 30px;
}
.osp .panel {
    padding: 15px 30px;
    font-size: 85%;
}

/* -----------
Home > Artist
----------- */

.artist {
    background: #fafafa;
}

/* -----------
Home > Statement
----------- */

.msg, .msg * {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: inherit;
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro W3', 'Hiragino Mincho Pro', 細明朝, リュウミンL, 'メイリオ', 'Meiryo', 'ＭＳ Ｐ明朝', 'Times New Roman', serif;
}

/* -----------
Home > 基本情報
----------- */

.basic_info {
    background: #e9e9e9;
}
.basic_info__upper {
    margin-top: 30px;
    font-size: 110%;
}
.basic_info__middle {
    margin: 30px 0;
}
@media screen and (min-width: 768px) {
    .basic_info__middle {
        margin-bottom: 60px;
    }
}
.map_wrapper {
    min-width: 280px;
    margin: 20px auto;
}
.googlemap {
    position: relative;
    padding-bottom: 56.25%;
    min-height: 390px;
    overflow: hidden;
}
@media screen and (max-width: 480px) {
    .googlemap {
        min-height: 280px;
    }
}
.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.basic_info__lower {
    margin: 30px 0;
}
.basic_info .alert {
    display: inline-block;
    font-size: 1.3rem;
    font-size: 13px;
}
.subhead {
    padding: 2px 6px;
    color: #fff;
    border-radius: 6px;
}
.subhead.text-muted {
    background: #777;
}
.basic_info .lead {
    font-weight: bold;
}
.basic_info__upper ul.period {
    padding-left: 0;
}
@media screen and (min-width: 768px) {
    .basic_info__upper ul.period li {
        padding-left: 1.5em;
        list-style-type: none;
        white-space: nowrap;
    }
}
.basic_info__upper ul.period li:first-child {
    padding-left: 0;
}

/* -----------
Home > コンテンツナビ
----------- */

.inner-links .row {
    padding-bottom: 60px;
}
@media screen and (max-width: 768px) {
    .inner-links .row {
        padding-bottom: 30px;
    }
}
.contents_navi>.enter>div {
    display: table;
    position: relative;
    width: 100%;
    height: 188px;
    /* for FireFox */
    min-height: 188px;
}
@media screen and (max-width: 992px) {
    .contents_navi>.enter>div {
        margin-bottom: 25px;
    }
    .contents_navi:last-child>.enter>div {
        margin-bottom: 0;
    }
}
.contents_navi .text-vertical-center {
    padding: 14% 0;
}
.contents_navi .enter {
    text-decoration: none;
    font-weight: bold;
    color: #fff;
}
.contents_navi a.enter:hover, .contents_navi a.enter:hover>div {
    opacity: 0.7;
    transition: opacity 0.5s;
}
body {
    -webkit-font-smoothing: antialiased;
}
.contents_navi__events_live {
    background: url("../_img/events_live_hero_sato_maeko2010_001.png") no-repeat scroll center center;
    background-size: cover;
}
.contents_navi__events_paper {
    background: url("../_img/contents_navi_events_paper_hero_maeko_sato_pb2.jpg") no-repeat scroll center center;
    background-size: cover;
}
.contents_navi__text_tanaka {
    background: url("../_img/contents_navi_text_tanaka_hero_bass-200.jpg") no-repeat scroll center center;
    background-size: cover;
}
.contents_navi__text_tanaka .text-vertical-center {
    background: rgba(0, 0, 0, 0.2);
}
.contents_navi__text_interview {
    background: url("../_img/contents_navi_text_interview_2_in_the_picture_out_of_the_picture.jpg") no-repeat scroll center center;
    background-size: cover;
}
.contents_navi__text_interview .text-vertical-center {
    background: rgba(0, 0, 0, 0.2);
}
.contents_navi__events_talk {
    background: url("../_img/contents_navi_events_talk_hero_2016-36.jpg") no-repeat scroll center center;
    background-size: cover;
}
.contents_navi__events_talk .text-vertical-center {
    background: rgba(0, 0, 0, 0.2);
}
.contents_navi__events_tour {
    background: url("../_img/contents_navi_events_tour_hero_2016-242.jpg") no-repeat scroll center center;
    background-size: cover;
}
.contents_navi__events_tour .text-vertical-center {
    background: rgba(0, 0, 0, 0.2);
}
.contents_navi__text_live {
    background: url("../_img/text_live_2016-256.jpg") no-repeat scroll center center;
    background-size: cover;
}
.contents_navi__text_live .text-vertical-center {
    background: rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
    .contents_navi__text_live .text-vertical-center {
        padding: 10% 0;
    }
}

/* -----------
Home > Movie
----------- */

.home .movie {
    background: #000;
    padding: 50px 0;
}
.home .movie-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.home .movie-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* Movie2 */

.home #movie-2 {
    color: #fff;
}

/* -----------
Home > Exhibition View
----------- */

.exhibiton_view {
    padding-bottom: 60px;
    background-color: #fff;
}
.exhibiton_view {
    color: #000;
}
.carousel-indicators {
    bottom: 0;
    margin-bottom: -40px;
}
.exhibition_view__caption {
    position: absolute;
    margin-top: 14px;
}
.glyphicon {
    font-family: 'Glyphicons Halflings' !important;
}
.exhibiton_view .carousel-indicators li {
    color: #000;
    border-color: #000;
}
.exhibiton_view .carousel-indicators .active {
    background-color: #000;
}
.exhibiton_view .carousel-control.left {
    background-image: linear-gradient(to right, rgba(255, 255, 255, 0.1) 0px, rgba(0, 0, 0, 0) 100%);
}
.exhibiton_view .carousel-control.right {
    background-image: linear-gradient(to left, rgba(255, 255, 255, 0.1) 0px, rgba(0, 0, 0, 0) 100%);
}

/* -----------
Events
----------- */

.section__middle {
    background: #fafafa;
}
.section__lower {
    background: #e9e9e9;
}
.header-hero h1, .header-hero p {
    font-size: 28px;
    font-size: 2.8rem;
    line-height: inherit;
    color: #fff;
}
@media screen and (max-width: 480px) {
    .header-hero h1, .header-hero p {
        font-size: 18px;
        font-size: 1.8rem;
    }
}
.header-hero p.lead {
    margin-top: 1em;
}
.events_live .header-hero {
    height: 50%;
    background: url(../_img/events_live_hero_sato_maeko2010_001.png) no-repeat scroll center center;
    background-size: cover;
}
.events_live .movie {
    margin: 30px 0 60px 0;
}
.events_paper .header-hero {
    height: 50%;
    background: url(../_img/events_paper_hero_maeko_sato_pb2.jpg) no-repeat scroll center center;
    background-size: cover;
}
.events_talk .header-hero {
    height: 50%;
    background: url(../_img/events_talk_hero_2016-36.jpg) no-repeat scroll center center;
    background-size: cover;
}
.events_talk .header-hero span.bg {
    padding: 3px 15px;
    background-color: rgba(0, 0, 0, 0.8);
}
.events_talk .profile {
    font-size: 85%;
}
.events_tour .header-hero {
    height: 50%;
    background: url(../_img/events_tour_hero_2016-242.jpg) no-repeat scroll center center;
    background-size: cover;
}
.events_tour .header-hero span.bg {
    padding: 3px 15px;
    background-color: rgba(0, 0, 0, 0.8);
}

/* -----------
Text
----------- */

.text_tanaka .header-hero {
    height: 50%;
    background: url(../_img/text_tanaka_hero_bass-200.jpg) no-repeat scroll center center;
    background-size: cover;
}
.text_tanaka .header-hero span.bg {
    padding: 3px 15px;
    background-color: rgba(0, 0, 0, 0.8);
}
.text_interview .header-hero {
    height: 50%;
    background: url(../_img/text_interview_2_in_the_picture_out_of_the_picture.jpg) no-repeat scroll center center;
    background-size: cover;
}
.text_interview .header-hero span.bg {
    padding: 3px 15px;
    background-color: rgba(0, 0, 0, 0.8);
}
.interviewer {
    font-weight: bold;
    color: #333;
}
.interviewer:before {
    content: "──";
}
.interviewee b:after {
    content: "：";
}
.interviewee {
    font-size: 17px;
    font-size: 1.7rem;
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro W3', 'Hiragino Mincho Pro', 細明朝, リュウミンL, 'メイリオ', 'Meiryo', 'ＭＳ Ｐ明朝', 'Times New Roman', serif
}
.interviewee * {
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro W3', 'Hiragino Mincho Pro', 細明朝, リュウミンL, 'メイリオ', 'Meiryo', 'ＭＳ Ｐ明朝', 'Times New Roman', serif;
}
.text_live .header-hero {
    height: 50%;
    background: url(../_img/text_live_2016-256.jpg) no-repeat scroll center center;
    background-size: cover;
}
@media screen and (max-width: 480px) {
    .text_live .header-hero h1, .text_live .header-hero p {
        font-size: 85%;
    }
}
.text_live .header-hero span.bg {
    display: inline-block;
    padding: 3px 15px;
    background-color: rgba(0, 0, 0, 0.8);
}
p.statement {
    font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro W3', 'Hiragino Mincho Pro', 細明朝, リュウミンL, 'メイリオ', 'Meiryo', 'ＭＳ Ｐ明朝', 'Times New Roman', serif
}
@media screen and (min-width: 768px) {
    .img-table .col:first-child p:last-child {
        padding-top: 27px;
    }
}
@media screen and (min-width: 992px) {
    .img-table .col:first-child p:last-child {
        padding-top: 30px;
    }
    .img-table .col:last-child {
        max-height: 581px;
        overflow: hidden;
    }
}

/* トーク：アーカイブ */

.events_talk-archive .speaker {
    margin-bottom: 15px;
    padding-left: 3em;
}
.events_talk-archive .speaker.start {
    margin-top: 30px;
    text-indent: -3em;
}
.events_talk-archive .img-wrapper {
    padding: 30px 0 0 3em;
}
.container-fluid h1 {
    margin-top: 1.5em;
}
.container-fluid h1:first-child {
    margin-top: 0;
}
.caption-full-column {
    margin-top: -15px;
}

/* -----------
SNS
----------- */

.sns {
    padding: 25px 0;
}
.sns ul {
    margin: 0;
}
.sns ul li {
    display: inline-block;
    margin-left: 1em;
    vertical-align: top;
}
.sns ul li:last-child .item {
    margin-top: -6px;
}

/* -----------
フッター
----------- */

footer {
    padding: 25px 0;
    font-size: 75%;
}