@charset "utf-8";

/*追加*/

/*//////////  全ページ共通設定  //////////*/
body {font-family:Helvetica,"Yu Gothic Medium", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",Arial,sans-serif; font-size:17.5px; line-height:1.65em; color:#221815; text-align:center; width:100%;}
#wrapper {width:100%; text-align:center;}
#contents::after {clear:both; content:"."; display:block; height:0; visibility:hidden;}


/*追加*/
h1 {line-height: 1.5em;}

h3.line  {display: inline-block; text-align: left; border-bottom: 3px solid; margin-bottom: 1.5em; margin-top: 1em;}

/*改行したくない単語*/
span.nowrap{ white-space: nowrap;
}


/*header id="pagetop"へリンク　scroll-behaviorはscript.jsで指定　Font Awesome矢印*/
p.pagetop{
text-align: right;
margin-right: 1.5em;
}

p.pagetop a{
font-family: "Font Awesome 5 Free";
font-weight: 900;
font-size: 2em;
color: #ccc;
}

/*注記*/
p.caution{
font-size: 0.9em;
line-height: 1.2em;
}

@media screen and (min-width:481px){
p.caution br {display:none;}
}

.smaller{
font-size: smaller;
}

/*段落インデントあり*/
p.indent{
text-indent: 2em; 
}


/*//////////  ヘッダー設定  //////////*/
header {width:100%; height:110px; overflow:hidden; margin:0 auto; text-align:center;z-index:5; position: -webkit-sticky; position: sticky; top:0; background-color: #fff; /*box-shadow: 0px 1px 3px rgba(0,0,0,0.2);*/}
header #header {width:1200px; margin: 0 auto; position: relative;}
header #header img {margin:0 auto; width:100%; height:auto; text-align:left;}
header #header #title {float: left; margin-top: 15px; width:24%; margin-right: 40%;}
header #header #txt {float: left; margin-top: 40px; width:25%; margin-right:3%;}

/*//////////  メニュー設定  //////////*/
#nav-drawer { position: relative; width: 100px; text-align: center; margin-left: auto; padding-top: 40px;}
#nav-drawer p { margin: 0; font-size: 10px;}
.nav-unshown {display:none;}

/*アイコンのスペース*/
#nav-open {display: inline-block; width: 50px; height: 44px; vertical-align: middle; margin: 0;}

/*ハンバーガーアイコン*/
#nav-open span, #nav-open span:before, #nav-open span:after {position: absolute; height: 5px; width: 50px; border-radius: 5px; background: #555; display: block; content: ''; cursor: pointer;}
#nav-open span:before { bottom: -16px;}
#nav-open span:after { bottom: -32px;}

/*閉じる用の薄黒カバー*/
#nav-close { display: none; position: fixed; z-index: 99; top: 0; left: 0; width: 100%; height: 100%; background: black; opacity: 0; transition: .3s ease-in-out;}

/*中身*/
#nav-content {overflow: auto; position: fixed; top: 0; right: 0; z-index: 9999; width: 90%; max-width: 350px; height: 100%; background: #fff; transition: .3s ease-in-out; -webkit-transform: translateX(300%); transform: translateX(300%);padding: 30px 2%; text-align: left;}
#nav-content ul li {margin-bottom: 0.5em!important;}
#nav-content ul li ul {margin: 0.5em 0 1em;}
#nav-content ul li ul li:before {content: "- ";}

/*チェックが入ったら表示*/
#nav-input:checked ~ #nav-close { display: block; opacity: .5;}
#nav-input:checked ~ #nav-content {  -webkit-transform: translateX(0%); transform: translateX(0%); box-shadow: 6px 0 25px rgba(0,0,0,.15);}


/*//////////  フッター設定  //////////*/
footer {width: 100%; margin:0 auto; text-align:center; display:block; background-color: #cccccc; padding:2em 0; color: #111;}
footer #footer {width: 1200px; margin:  0 auto; text-align: left;}
footer #footer_left {width: 360px; float: left;}
footer #footer_left img {width: 300px; height: auto;}
footer #footer_right {width: 800px; float: left;}
footer #footer_right a:link,
footer #footer_right a:visited {color: #111;}
footer #footer #logo_a-collection {position: absolute; bottom: 10px; right: 50px;}
footer #footer #logo_a-collection img {width: 250px;}

/*//////////  コンテンツ設定  //////////*/
#wrapper {margin:0 auto; background-image: url('../images/bg2.png'); background-attachment: fixed!important; background-position: center 0; background-size: cover ; background-repeat: no-repeat repeat; position: relative;}
#wrapper li {list-style:none; margin:0;}

/*追加240229丸十ページ*/
#wrapper ul#menu {margin-top:-20px;}
#wrapper ul#menu li {background-color:transparent;}
#wrapper #menu li:first-child{margin-left:20px!important;}
#wrapper #menu li:not(:first-child){margin-left:20px;}

#contents {width: 100%; margin:7% auto 0; text-align:left; background-color: rgba(255,255,255,0.75)!important; padding-top: 6%; /*border-top: 1px solid #aaabab;*/}
#contents h1 {font-size: 35px; font-weight: bold;/* margin: -6% auto 5%;*/ text-align: center; display: block; margin-top:-10%;}
#contents section {padding:0.5em 0; display: block;}
#contents section .inner {width: 1240px; margin: 0 auto; position: relative; padding: 80px 80px 50px;}


/*追加*/

#museum_satellite #contents,#online #contents {margin-top: 10%;}
#museum_satellite h1,#online h1 {margin-top: -14%;}

#contents section .inner_narrow {width: 1240px; margin: 0 auto; position: relative; padding: 40px 80px 20px;}

#contents section .inner_narrow_narrow {width: 1240px; margin: 0 auto; position: relative; padding: 40px 205px 20px;}





/*#contents section strong {border-bottom: 2px solid #c1272d; font-weight: 400; padding-bottom: 0.1em;} */
#contents section h2 {text-align:center; font-size:32px; margin-bottom:1.5em; font-weight: bold; line-height: 1.5em;}
#contents section h2 span {font-size: 20px;}
#contents section p {margin:0 auto 1.25em;}
#contents section p:last-of-type {margin-bottom: 0;}


/*追加*/

/*//////////  #artists、#museum_satellite youtube埋め込み設定  //////////*/

.youtube_wrap{
  width: 800px;
  min-width: 600px;
 margin-bottom: 2em;
          }

.youtube_wrap p{
   font-size: 0.9em;
   padding-top: 0.3em;
          }


@media screen and (max-width : 768px) {
  .youtube_wrap{
  width: 100%;
  min-width: 300px;
      }
      }

      .youtube_container {
      position: relative;
      padding-bottom: 56.25%;
      height: 0;
      overflow: hidden;
      }
      .youtube_container iframe{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
      }





/*追加*/
/*//////////  #artists  //////////*/

#artists table td {padding:0.3em;}
#artists table tr td:nth-of-type(1) {font-weight: bold; width: 80px; text-align: center; border-right: 2px solid ;}
#artists table tr td:nth-of-type(2) {padding-left: 1em ;}

/*#artistlist*/
#artists #artistlist ul {margin-left:8%; }
#artists #artistlist li {float: left; width: 28%; margin-right:5%; margin-bottom: 0.7em; font-weight: bold;}
#artists #artistlist ul a {display: block;}
#artists #artistlist li p {font-size: 0.7em; line-height: 0.8em;}


/*#work*/
#artists #work ul{margin-bottom: 1em;}
#artists #work li {float: left; width: 30%; margin-left:5%; background-color: #fff; padding: 10px 10px 0;}
#artists #work li:first-child{margin-left:0;}
#artists #work li img {width: 100%;}
#artists #work li p {font-size: 0.8em; line-height: 1.5em; text-align: center;}



/*#artist*/
#artists #artist ul {margin-left:8%; }
#artists #artist li {float: left; width: 28%; margin-right:5%; margin-bottom: 0.7em; font-weight: bold;}
#artists #artist ul a {display: block;}
#artists #artist li p {font-size: 0.7em; line-height: 0.8em;}


/*追加*/

/*//////////  #museum_satellite  //////////*/
/*リンク位置調整*/
#gallery1,#gallery2,#gallery3,#entrance,#satellite1,#satellite2 {
   margin-top:-110px;
  padding-top:110px;
}


/*スライド表示エリア*/
.slidehight {margin-bottom:3em;}

@media screen and (max-width:480px){
.slidehight {height: 70vh;}
}

@media screen and (min-width:600px){
#museum_satellite h2 br {display:none;}
}
/*#nav*/
#museum_satellite #nav ul{margin-bottom: 1em;}
#museum_satellite #nav li {float: left; width: 30%; margin-left:5%;}
#museum_satellite #nav li:first-child{margin-left:0;}
#museum_satellite #nav li img {width: 100%;}
#museum_satellite #nav li a {display: block; background-color: #ccc; padding: 20px; border: 2px solid #fff; font-size: 1.5em; font-weight: bold; text-align: center;}

/*#nav_satellite*/
#museum_satellite #nav_satellite ul{margin-bottom: 1em;}
#museum_satellite #nav_satellite li {float: left; width: 30%; margin-left:5%;}
#museum_satellite #nav_satellite li:first-child{margin-left:17.5%;}
#museum_satellite #nav_satellite li img {width: 100%;}
#museum_satellite #nav_satellite li a {display: block; background-color: #ccc; padding: 20px; border: 2px solid #fff; font-size: 1.5em; font-weight: bold; text-align: center;}

/*#nav_satellite Aコレクションフォントサイズ 例外*/
@media screen and (min-width : 769px) {
#museum_satellite #nav_satellite li a.font_acollection {display: block; background-color: #ccc; padding: 20px; border: 2px solid #fff; font-size: 1.2em; font-weight: bold; text-align: center;}
}

/*#index_nav*/
#museum_satellite #index_nav ul{margin-bottom: 1em;}
#museum_satellite #index_nav li {float: left; width: 21%; margin-left:5%;}
#museum_satellite #index_nav li:first-child{margin-left:0;}
#museum_satellite #index_nav li img {width: 100%; padding: 10px;}
#museum_satellite #index_nav li p {padding: 0; margin: 0; line-height: 1.5em;}
#museum_satellite #index_nav li a {display: block; background-color: #f7f7f7; padding: 20px; border: 2px solid #fff; font-size: 1.3em; font-weight: bold; text-align: center;}

/*#index_nav_satellite*/
#museum_satellite #index_nav_satellite ul{margin-bottom: 1em;}
#museum_satellite #index_nav_satellite li {float: left; width: 30%; margin-left:5%;}
#museum_satellite #index_nav_satellite li:first-child{margin-left:0;}
#museum_satellite #index_nav_satellite li img {width: 100%; padding: 10px;}
#museum_satellite #index_nav_satellite li p {padding: 0; margin: 0; line-height: 1.5em;}
#museum_satellite #index_nav_satellite li a {display: block; background-color: #f7f7f7; padding: 20px; border: 2px solid #fff; font-size: 18px; font-weight: bold; text-align: center;}

/*#index_nav_satellite Aコレクション例外*/
@media screen and (min-width : 769px) {
#museum_satellite #index_nav_satellite li p br{display: none;}
}

/*#image_movie*/
#museum_satellite #image_movie ul{margin-bottom: 1em;}
#museum_satellite #image_movie li {float: left; width: 800px; margin-left:5%; background-color: #fff; padding: 10px 10px 0;}
#museum_satellite #image_movie li p { font-size: 0.8em; line-height: 1.5em;}
#museum_satellite #image_movie li:first-child{margin-left:0;}
#museum_satellite #image_movie li img {width: 100%;}


/*#access*/
#museum_satellite #access .box {margin-bottom: 3em; line-height: 1.5em; font-size: 95%;}
#museum_satellite #access .access_txt {float: left; width: 430px;}
#museum_satellite #access .access_txt h3 {font-size: 20px; margin-bottom: 1em;}
#museum_satellite #access .access_txt h4 {border: 1px solid #221815; padding: 3px 5px; width: 90px; text-align: center; font-size: 17px; margin-bottom: 0.25em;}
#museum_satellite #access .access_map {float: left; width: 570px; margin-left: 80px;}




/*追加*/

/*//////////  #online  //////////*/

@media screen and (min-width:481px){
#online h2 br {display:none;}
}

/*#nav*/
#online #nav ul{margin-bottom: 1em;}
#online #nav li {width: 50%; margin-left:25%; line-height:1.8em;}
#online #nav li a {display: block; background-color: #ccc; padding: 20px; border: 2px solid #fff; font-size: 1.5em; font-weight: bold; text-align: center;}

@media screen and (min-width:481px){
#online #nav li br {display:none;}
}

/*#index_nav*/

#online #index_nav ul{margin-bottom: 1em;}
#online #index_nav li {float: left; width: 30%; margin-left:5%;}
#online #index_nav li:first-child{margin-left:17.5%;}
#online #index_nav li img {width: 100%; padding: 10px;}
#online #index_nav li p {padding: 0; margin: 0; line-height: 1.5em;}
#online #index_nav li a {display: block; background-color: #f7f7f7; padding: 20px; border: 2px solid #fff; font-size: 18px; font-weight: bold; text-align: center;}


/*#image_movie*/
#online #image_movie ul{margin-bottom: 1em;}
#online #image_movie li { width: 800px; margin-left:5%; background-color: #fff; padding: 10px 10px 0;}
#online #image_movie li:first-child{margin-left:0;}
#online #image_movie li img {width: 100%;}

/*#moviework*/
@media screen and (min-width : 769px) {
section[id*="moviework"] h3 { margin-left: 5.5em ;}
}

section[id*="moviework"] .youtube {width:1000px; margin: 0 auto; position: relative;}
section[id*="moviework"] .youtube div[id*="item"]  {width:40%; float: left; margin: 0em 2em 2em 3em;}
section[id*="moviework"] .youtube div[id*="item"] p{text-align: center; font-size: 0.8em; line-height:1.5em; }

/*#link ページネーション*/

ul.pagination {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination li {display: inline; font-weight: bold;}

ul.pagination li a {
    float: left;
    padding: 8px 16px;
    background-color: #ccc;
    border: 1px solid #ccc;
}

ul.pagination li.active {
    float: left;
    padding: 8px 16px;
    background-color: #fff;
    border: 1px solid #ccc;
}

ul.pagination li a:hover:not(.active) {background-color: #ccc; opacity: 0.8;}

/*追加*/
/*//////////  #event  //////////*/


/*#program*/
#event #program dl {margin-top: 1em;}
#event #program dt {color: #ED7FAF; font-weight: bold;}
#event #program dd.date {font-weight: bold;}
#event #program dd.memo {font-size: 14px;}
#event #program dd dt {color: #221815; display: table-cell;}
#event #program dd dd {display: table-cell; padding-left: 1.5em;}

/*#access*/
#event #access .box {margin-bottom: 3em; line-height: 1.5em; font-size: 95%;}
#event #access .access_txt {float: left; width: 430px;}
#event #access .access_txt h3 {font-size: 20px; margin-bottom: 1em;}
#event #access .access_txt h4 {border: 1px solid #221815; padding: 3px 5px; width: 90px; text-align: center; font-size: 17px; margin-bottom: 0.25em;}
#event #access .access_map {float: left; width: 570px; margin-left: 80px;}


/*//////////  #index  //////////*/
#index #wrapper {background-image: url('../images/bg1.png');}
#index #contents {margin-top:32%!important; padding-top: 0;}
#index #contents h1 {display: none!important;}
/*#greeting*/
#index #greeting h2 {display: inline-block; margin-left: 27%;}
#index #greeting .accordion-item p {/*font-family:Helvetica,"Yu Mincho Regular", "游明朝体", YuMincho, sans-serif!important;*/}
#index #greeting .accordion-item img { display: inline-block; width: 38px; margin-left: 20px;}
#index #greeting .accordion-item dl {margin-top: 2.5em;}
#index #greeting .accordion-item dl dd {margin-top: 1.5em;}

/*#exhibitions*/
#index #exhibitions li {float: left; width: 30%; margin-left:5%; background-color: #fff; /*border: 1px solid #ddd;*/ padding: 0;}
#index #exhibitions li:first-child{margin-left:0;}
#index #exhibitions li img {width: 100%;}



/*#artist*/
#index #artist ul {margin-left:8%; }
#index #artist li {float: left; width: 28%; margin-right:5%; margin-bottom: 0.7em; font-weight: bold;}
#index #artist ul a {display: block;}

#index #artist li p {font-size: 0.7em; line-height: 0.8em;}


/*//////////  #about  //////////*/
/*追加*/
#about #intro p.title {font-weight: bold; font-size: 1.5em; line-height: 2em; text-align: center;}

#about #intro table td {padding:0.5em; line-height: 1.5em;}

@media screen and (min-width : 769px) {
#about #intro br {display:none;}
}

#about #intro table tr td:nth-of-type(1) {width: 250px; font-weight: bold;  text-align: right; }
#about #intro table tr td:nth-of-type(2) {padding-left: 0.1em ;}

#about #thanks p {font-size: 0.9em; line-height: 1.5em ;}


/*#program*/
#about #program dl {margin-top: 1em;}
#about #program dt {color: #ED7FAF; font-weight: bold;}
#about #program dd.date {font-weight: bold;}
#about #program dd.memo {font-size: 14px;}
#about #program dd dt {color: #221815; display: table-cell;}
#about #program dd dd {display: table-cell; padding-left: 1.5em;}

/*#access*/
#about #access .box {margin-bottom: 3em; line-height: 1.5em; font-size: 95%;}
#about #access .access_txt {float: left; width: 430px;}
#about #access .access_txt h3 {font-size: 20px; margin-bottom: 1em;}
#about #access .access_txt h4 {border: 1px solid #221815; padding: 3px 5px; width: 90px; text-align: center; font-size: 17px; margin-bottom: 0.25em;}
#about #access .access_map {float: left; width: 570px; margin-left: 80px;}

/*#partner*/
#about #partner {background-color: #f7f7f7;}
#about #partner dt {float: left; width: 7rem; font-weight: bold; margin-bottom: 1em; clear:both; font-size: 19px;}
#about #partner dd {float: left; font-size: 19px;}
#about #partner ul {margin-bottom: 1em;}
#about #partner li {float: left; width: 30%; margin-right: 5%; margin-top: 1em;}
#about #partner li img {width: 100%; height: auto;}
#about #partner li:nth-child(3n) {margin-right: 0;}


/*//////////  レスポンシブ設定  //////////*/
@media screen and (max-width:768px){
body {font-size:14px; line-height:1.6em;}
img {width:100%; height:auto;}
.pc {display:none;}
.sp {display:inherit;}

/*//////////  ヘッダー設定  //////////*/
header {height:auto;}
header #header {width: 96%; margin: 0 2%;}
header #header #title {margin-top: 10px; width:38%; margin-right: 0;}
header #header #txt {float: right; margin-top: 20px; width:38%; margin-right:55px;}

/*//////////  メニュー設定  //////////*/
#nav-drawer {position: absolute; right: 2%; top: 20px; width: 35px; padding-top: 0;}
/*アイコンのスペース*/
#nav-open {width: 35px; height: 25px; vertical-align: middle; margin: 0;}
/*ハンバーガーアイコン*/
#nav-open span, #nav-open span:before, #nav-open span:after {height: 4px; width: 35px;}
#nav-open span:before { bottom: -10px;}
#nav-open span:after { bottom: -20px;}
/*中身*/
#nav-content {width: 75%; max-width: 250px; padding: 30px 3%;}

 /*//////////  フッター設定  //////////*/
footer {position: relative;}
footer #footer {width:96%; padding:0 3% 30px; line-height:1.5em; font-size:0.9em;}
footer #footer_left,
footer #footer_right {width: 100%; float: none;text-align: center;}
footer #footer_right {margin-top: 1.5em;}
footer #footer_left img {width: 280px; height: auto;}
footer #footer #logo_a-collection {right: 3%;}
footer #footer #logo_a-collection img {width: 150px;}



/*//////////  コンテンツ設定  //////////*/
#wrapper {background-size: 150%; background-position: center 50px;}
#contents {margin:20% auto 0;}
#contents h1 {font-size: 22px; margin-top: -18%; /*margin: -13% auto 5%;*/}
#contents section h2 {font-size:20px; line-height: 1.25em;}
#contents section h2 span {font-size: 15px;}
#contents section .inner {width: 95%; padding: 40px 2.5% 0 5%!important; margin: 0 0 3em; position: inherit;}

/*追加*/

#museum_satellite #contents,#online #contents {margin-top: 30%;}
#museum_satellite h1,#online h1 {margin-top: -27%;}

@media screen and (min-width:481px) and  (max-width:768px){
#museum_satellite #contents,#online #contents {margin-top: 20%;}
}

@media screen and (min-width:481px) and  (max-width:768px){
#museum_satellite h1,#online h1 {margin-top: -20%;}
}

#contents section .inner_narrow {width: 95%; padding: 40px 2.5% 0 5%!important; margin: 0 0 0em; position: inherit;}
#contents section .inner_narrow_narrow {width: 95%; padding: 40px 2.5% 0 5%!important; margin: 0 0 0em; position: inherit;}



#contents section p:last-of-type {margin-bottom: 1.5em;}






/*追加*/
/*//////////  #artists  //////////*/

/*#artistlist*/
#artists #artistlist ul {margin-left:0; }
#artists #artistlist li {float: left; width: 47.5%; margin-right:5%; text-align: center; margin-bottom: 1em;}
#artists #artistlist li:nth-child(2n) {margin-right:0;}

/*#work*/
#artists #work li {float: none; width: 100%; margin-left:0; margin-bottom: 1.5em;}
/*#index #exhibitions li {width: 47.5%; margin-bottom: 1.5em;}*/
#artists #work li:last-child {margin-bottom: 0;}
#artists #work li:nth-child(2n+1){margin-left:0;}


/*#artist*/
#artists #artist ul {margin-left:0; }
#artists #artist li {float: left; width: 47.5%; margin-right:5%; text-align: center; margin-bottom: 1em;}
#artists #artist li:nth-child(2n) {margin-right:0;}


/*追加*/
/*//////////  #museum_satellite  //////////*/

/*#nav*/
#museum_satellite #nav li {float: none; width: 100%; margin-left:0; margin-bottom: 1.5em;}
/*#index #exhibitions li {width: 47.5%; margin-bottom: 1.5em;}*/
#museum_satellite #nav li:last-child {margin-bottom: 0;}
#museum_satellite #nav li:nth-child(2n+1){margin-left:0;}

/*#nav_satellite*/
#museum_satellite #nav_satellite li {float: none; width: 100%; margin-left:0; margin-bottom: 1.5em;}
/*#index #exhibitions li {width: 47.5%; margin-bottom: 1.5em;}*/
#museum_satellite #nav_satellite li:last-child {margin-bottom: 0;}
#museum_satellite #nav_satellite li:nth-child(2n+1){margin-left:0;}

/*追加240229丸十ページ*/
#wrapper ul#menu {margin-top:-10px;}
#wrapper #menu li:first-child{margin-left:20px!important; margin-bottom:0; padding: 0 auto;}
#wrapper #menu li:not(:first-child){margin-left:20px;margin-bottom:0; padding: 0 auto;}
#wrapper #menu li:last-child {margin-bottom:20px!important;}
#wrapper #menu li:nth-child(2n+1){margin-left:20px!important; margin-bottom:0px;}

/*#index_nav*/
#museum_satellite #index_nav li {float: none; width: 100%; margin-left:0; margin-bottom: 1.5em;}
/*#index #exhibitions li {width: 47.5%; margin-bottom: 1.5em;}*/
#museum_satellite #index_nav li:last-child {margin-bottom: 0;}
#museum_satellite #index_nav li:nth-child(2n+1){margin-left:0;}
#museum_satellite #index_nav li img {padding: 20px;}
#museum_satellite #index_nav li p { margin-bottom: 1em;}
#museum_satellite #index_nav li a { font-size: 2em;}

/*#index_nav_satellite*/
#museum_satellite #index_nav_satellite li {float: none; width: 100%; margin-left:0; margin-bottom: 1.5em;}
/*#index #exhibitions li {width: 47.5%; margin-bottom: 1.5em;}*/
#museum_satellite #index_nav_satellite li:last-child {margin-bottom: 0;}
#museum_satellite #index_nav_satellite li:nth-child(2n+1){margin-left:0;}
#museum_satellite #index_nav_satellite li img {padding: 20px;}
#museum_satellite #index_nav_satellite li p { margin-bottom: 1em;}
#museum_satellite #index_nav_satellite li a { font-size: 1.5em;}


/*#image_movie*/
#museum_satellite #image_movie li {float: none; width: 100%; margin-left:0; margin-bottom: 1.5em;}
/*#index #exhibitions li {width: 47.5%; margin-bottom: 1.5em;}*/
#museum_satellite #image_movie li:last-child {margin-bottom: 0;}
#museum_satellite #image_movie li:nth-child(2n+1){margin-left:0;}

#museum_satellite #image_movie p{line-height:2em;}

/*#access*/
#museum_satellite  #access .box {margin-bottom: 3em; line-height: 1.5em; font-size: 95%;}
#museum_satellite  #access .access_txt,
#museum_satellite  #access .access_map {float: none; width: 100%; margin-left: 0;}
#museum_satellite  #access .access_txt h3 {font-size: 18px;}
#museum_satellite  #access .access_txt h4 {font-size: 16px;}
#museum_satellite  #access .access_map iframe {width: 100%!important; height: 300px;}

/*追加*/
/*//////////  #online  //////////*/

/*#nav*/
#online #nav li {float: none; width: 100%; margin-left:0; margin-bottom: 1.5em;}
/*#index #exhibitions li {width: 47.5%; margin-bottom: 1.5em;}*/
#online #nav  li:last-child {margin-bottom: 0;}
#online #nav  li:nth-child(2n+1){margin-left:0;}

/*#index_nav*/
#online #index_nav li {float: none; width: 100%; margin-left:0; margin-bottom: 1.5em;}
/*#index #exhibitions li {width: 47.5%; margin-bottom: 1.5em;}*/
#online #index_nav li:last-child {margin-bottom: 0;}
#online #index_nav li:nth-child(2n+1){margin-left:0;}
#online #index_nav li img {padding: 20px;}
#online #index_nav li p { margin-bottom: 1em;}
#online #index_nav li a { font-size: 1.5em;}


/*#image_movie*/
#online  #image_movie li {float: none; width: 100%; margin-left:0; margin-bottom: 1.5em;}
/*#index #exhibitions li {width: 47.5%; margin-bottom: 1.5em;}*/
#online  #image_movie li:last-child {margin-bottom: 0;}
#online  #image_movie li:nth-child(2n+1){margin-left:0;}

/*#moviework*/
section[id*="moviework"] .youtube { width: 100%;}
section[id*="moviework"] .youtube div[id*="item"]   {width: 100%; float: none; margin: 0em 0em 1em 0em;}


/*追加*/
/*//////////  #event  //////////*/
/*#program*/
#event #program dl {margin-top: 1.5em;}
#event #program dd.date {font-weight: bold;}
#event #program dd.memo dt {display: block;}
#event #program dd.memo dd {padding-left: 0;}
#event #program dd dt {color: #221815; display: table-cell;}
#event #program dd dd {display: table-cell; padding-left: 1.5em;}

/*#access*/
#event #access .box {margin-bottom: 3em; line-height: 1.5em; font-size: 95%;}
#event #access .access_txt,
#event #access .access_map {float: none; width: 100%; margin-left: 0;}
#event #access .access_txt h3 {font-size: 18px;}
#event #access .access_txt h4 {font-size: 16px;}
#event #access .access_map iframe {width: 100%!important; height: 300px;}





/*//////////  #index  //////////*/
#index #contents {margin-top:80%!important;}
/*#greeting*/
#index #greeting .inner {padding-bottom: 2em!important; margin: 0 auto;}
#index #greeting h2 {display:block; margin-left: auto;}
#index #greeting .accordion-item img { display: block; width: 38px; margin-left: 20px; margin: -1em auto 1.5em;}
#index #greeting .accordion-item dl {text-align: center; line-height: 2em;}

/*#exhibitions*/
#index #exhibitions li {float: none; width: 100%; margin-left:0; margin-bottom: 1.5em;}
/*#index #exhibitions li {width: 47.5%; margin-bottom: 1.5em;}*/
#index #exhibitions li:last-child {margin-bottom: 0;}
#index #exhibitions li:nth-child(2n+1){margin-left:0;}

/*#artist*/
#index #artist ul {margin-left:0; }
#index #artist li {float: left; width: 47.5%; margin-right:5%; text-align: center; margin-bottom: 1em;}
#index #artist li:nth-child(2n) {margin-right:0;}


/*//////////  #about  //////////*/

/*追加*/
#about #intro p.title {font-weight: bold; font-size: 1.2em; line-height:1.5em; text-align: center; margin-bottom:0.2em;}

#about #intro table tr td:nth-of-type(1) {width: 40%; }

/*#program*/
#about #program dl {margin-top: 1.5em;}
#about #program dd.date {font-weight: bold;}
#about #program dd.memo dt {display: block;}
#about #program dd.memo dd {padding-left: 0;}
#about #program dd dt {color: #221815; display: table-cell;}
#about #program dd dd {display: table-cell; padding-left: 1.5em;}

/*#access*/
#about #access .box {margin-bottom: 3em; line-height: 1.5em; font-size: 95%;}
#about #access .access_txt,
#about #access .access_map {float: none; width: 100%; margin-left: 0;}
#about #access .access_txt h3 {font-size: 18px;}
#about #access .access_txt h4 {font-size: 16px;}
#about #access .access_map iframe {width: 100%!important; height: 300px;}

/*#partner*/
#about #partner dt {float: none; width: 100%; font-size: 15px; margin-bottom: 0.5em;}
#about #partner dd {float: none; font-size: 15px; margin-bottom: 1em;}
#about #partner ul {margin-bottom: 0;}
#about #partner li {width: 47.5%; margin: 0 5% 1em 0;}
#about #partner li:nth-child(3n) {margin-right: 5%;}
#about #partner li:nth-child(2n) {margin-right: 0;}

}