/* ---------------------------------------------------------------------------------- * * Localize site.css * */ body{min-height:100vh;} a{color:inherit;text-decoration:underline;} a:active, a:focus, a:hover{color:black !important;text-decoration:underline;} a.underlined{text-decoration:underline;} a.noUnderline, a.noUnderline:active, a.noUnderline:focus, a.noUnderline:hover a.noUnderline *, a.noUnderline:active *, a.noUnderline:focus *, a.noUnderline:hover *{text-decoration:none;} li a, pre a, p a{border-bottom: 1px dotted blue;} li a:active, li a:focus, li a:hover, pre a:active, pre a:focus, pre a:hover, p a:active, p a:focus, p a:hover{border-bottom: 1px dotted black;text-decoration:none !important;} .largestText a{border:none;} a.grayscale, a.grayscale *, img.grayscale{filter: grayscale(100%) contrast(120%);opacity:.8;} a.grayscale:active, a.grayscale:focus, a.grayscale:hover{filter: grayscale(0%) contrast(100%);opacity:.9;} a.colored{opacity:.9;} a.colored:active, a.colored:focus, a.colored:hover{filter: grayscale(100%) contrast(120%);opacity:.8;} h1,h2,h3,h4,h5,h6{color:inherit;} p,pre{color:blue;} p{font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;font-kerning:normal;font-variant-ligatures:common-ligatures contextual;-moz-font-feature-settings:"nlck","kern","liga","clig","calt";-ms-font-feature-settings:"nlck","kern","liga","clig","calt";-webkit-font-feature-settings:"nlck","kern","liga","clig","calt";font-feature-settings:"nlck","kern","liga","clig","calt";line-height:1.8em;text-align:justify;text-justify:inter-ideograph;display:block;margin-bottom:10px;} p{color:inherit;font-size:18px;line-height:28px;} pre{tab-size:48px;-moz-tab-size:48px;margin:0;padding:0;background:none;border:none;box-sizing:border-box;white-space:pre-wrap;word-break:normal;font-family:inherit;font-weight:inherit;font-size:inherit;line-height:inherit;font-kerning:normal;font-variant-ligatures:common-ligatures contextual;-moz-font-feature-settings:"nlck","kern","liga","clig","calt";-ms-font-feature-settings:"nlck","kern","liga","clig","calt";-webkit-font-feature-settings:"nlck","kern","liga","clig","calt";font-feature-settings:"nlck","kern","liga","clig","calt";line-height:1.8em;text-align:justify;text-justify:inter-ideograph;display:block;margin-bottom:10px;} pre.asText{color:inherit;font-size:18px;line-height:28px;} hr{background:transparent;border:none;border-top:1px solid rgba(0,0,255,.5);} hr.white{border-top:1px solid rgba(255,255,255,.8) !important;} hr.gray{border-top:1px solid rgba(0,0,0,.25);} hr.transparent{border-color:transparent;} blockquote{line-height:175%;border-left:1px solid rgba(0,0,255,.5);margin:0 15px 0 15px;padding:0 0 0 30px;} blockquote .largeText, blockquote .largestText, blockquote .smallText{padding-top:0;padding-bottom:0;margin-top:-.25em;margin-bottom:-.25em;} table{width:100%;} table,tr,td,th{border-collapse:collapse;vertical-align:top} tr{border-bottom:1px solid rgba(0,0,255,.5);} tr:first-child{border-top:1px solid rgba(0,0,255,.5);} th, td{padding:4px 12px;border-left:1px solid rgba(0,0,255,.5);} th{font-size:15px;line-height:28px;} td{font-size:15px;line-height:28px;} th:first-child, td:first-child{border-left:none;} table.noborder tr{border-bottom:none;} table.noborder tr:first-child{border-top:none;} table.noborder th, table.noborder td{border-left:none;} header#sub h6{color:blue !important;} header#sub h6 a{color:blue !important;} header#sub h6 a:active, header#sub h6 a:focus, header#sub h6 a:hover{color:black !important;} ul{list-style-position:outside;list-style-type:'　-　';padding-left:2em;} ul li{font-size:16px;line-height:175%;} #logo-type a:active, #logo-type a:focus, #logo-type a:hover{color:inherit !important;text-decoration:none;filter: grayscale(100%);opacity:.9;} #logo-type img{height:40px;margin:2px 0 0 4px;} /* Text Settings -xs */ @media (max-width:767px) { #logo-type img{height:32px;margin:4px 0 0 4px;} #logo-type img.default{height:40px;margin:6px 0 0 4px;transition: all 0.125s;} } /* Text Settings -sm */ @media (min-width:768px) { #logo-type img{height:32px;margin:4px 0 0 4px;} #logo-type img.default{height:40px;margin:6px 0 0 4px;transition: all 0.125s;} } /* Text Settings -md これ以上のサイズが通常のヘッダーメニュー */ @media (min-width:992px) { #logo-type img{height:40px;margin:2px 0 0 4px;} #logo-type img.default{height:50px;margin:6px 0 0 4px;transition: all 0.05s;} } /* Text Settings -lg */ @media (min-width:1120px) { #logo-type img{height:40px;margin:2px 0 0 4px;} #logo-type img.default{height:50px;margin:6px 0 0 4px;transition: all 0.05s;} } #footerWrapper{background-color:rgba(0,0,0,0);margin:-20px 0 -20px 0;padding:20px 0 60px 0;} #footerWapper *{color:yellow;} #footerWrapper #footer hr {display:none;} #footerWrapper #recentActivity ~ #footer hr {display:block;} /* swiper */ .swiper-single .swiper-pagination{position:absolute;width:100%;bottom:-30px;text-align:center;padding-right:20px;} .swiper-single .swiper-pagination-bullet{height:6px;width:6px;margin:0 10px 0 0;background:black;} /* nav-tab */ .nav-tabs b{font-size:14px;} .nav.nav-tabs li a:active, .nav.nav-tabs li a:focus, .nav.nav-tabs li a:hover{text-decoration:none;} .tab-pane{margin:0;padding:15px;} /* * for mobile navigation */ #nav-toggle{display:block;width:25px;height:30px;position:absolute;top:8px;right:5px;cursor:pointer;z-index:20000;} #nav-toggle-menu{display:none;position:fixed;left:0px;height:100vh;right:0px;top:0px;background-color:rgba(0,125,214,1);z-index:10000;padding:20px 0 0 0;color:#fff;font-size:1em;} /* ---------------------------------------------------------------------------------- * * Local DOM element * */ .squareWrapper{display:block;margin-bottom:1em;} .squareWrapper:active, .squareWrapper:focus, .squareWrapper:hover{} .squareWrapper .type{font-size:14px;opacity:.8;margin:.125em 0 .125em .125em;} .squareWrapper .notice{padding:.5em 0 0 .25em;font-size:11px;line-height:175%;min-height:4em;} .topics .squareWrapper .notice, .topics.squareWrapper .notice{min-height:2.5em;} .square{display:block;border:1px solid blue;height:11em;padding:1em 1em 0 1em;position:relative;text-decoration:none;font-size:15px;} .square .anon{color:inherit;font-size:12px;position:absolute;text-align:right;bottom:1em;right:1em;} .square:active, .square:focus, .square:hover{border-color:blue;background:blue;text-decoration:none !important;color:white !important;} .square:active *, .square:focus *, .square:hover *{color:white !important;} #badgeTop{zoom:.9;display:block;position:absolute;z-index:10000;top:70px;right:6vw;width:270px;height:270px;border-radius:135px;background:#FFFF66;filter:drop-shadow(1px 2px 6px rgba(0,0,0,.05));} #badgeTop > div{position:relative;top:50%;transform:translateY(-50%);width:270px;height:auto;margin:auto;} #badgeTop > div > span.signature{font-size:11px;text-indent:3px;display:block;text-wrap:nowrap;margin-top:12px;} #badgeTop:active, #badgeTop:focus, #badgeTop:hover{background:rgb(255,255,216);} #badgeTop:active, #badgeTop:focus, #badgeTop:hover, #badgeTop:active div, #badgeTop:focus div, #badgeTop:hover div, #badgeTop:active div *, #badgeTop:focus div *, #badgeTop:hover div *{color:black;text-decoration:none !important;} #badgeTop:active u, #badgeTop:focus u, #badgeTop:hover u{text-decoration:underline !important;} .cal_wrapper{max-width: 960px;min-width: 300px;margin: 2.0833% auto;} .googlecal{position: relative;padding-bottom: 100%;height: 0;} .googlecal iframe{position: absolute;top: 0;left: 0;width: 100% !important;height: 100% !important;} @media only screen and (min-width: 768px){.googlecal { padding-bottom: 75%; }} .sns{opacity:8;display:inline-block;width:30px;height:30px;background-image:url(images/socialicons.png);background-size:auto 100%;background-repeat:no-repeat;} .sns.facebook{background-position:center left;} .sns.twitter{background-position:center center;} .sns.instagram{background-position:center right;} .sns:active, .sns:focus, .sns:hover{filter: grayscale(100%);opacity:.32;} /* ---------------------------------------------------------------------------------- * * Color scheme * */ .blue, .blue *{color:rgba(0,0,255,1);} .orange, .orange *{color:rgba(255,96,0);} .red, .red *{color:rgba(255,48,48,1);} .gray, .gray *{color:rgb(126,126,126);} .lightgray, .lightgray *{color:rgb(144,144,144);} .black, .black *{color:rgb(0,0,0);} .yellow, .yellow *{color:rgb(255,255,0);} .white, .white *{color:rgb(255,255,255);} .bordered{display:inline-block;width:100%;border:1px solid rgba(0,0,255,.5);} a.bordered:active, a.bordered:hover{border:1px solid rgba(0,0,255,1);} .bordered.orange{display:inline-block;width:100%;border:1px solid rgba(255,96,0);} a.bordered.orange:active, a.bordered.orange:hover{border:1px solid gba(255,96,0);} .bordered.yellow{display:inline-block;width:100%;border:1px solid rgba(255,255,0,.5);} a.bordered.yellow:active, a.bordered.yellow:hover{border:1px solid rgba(255,255,0,1);} .bordered.red{display:inline-block;width:100%;border:1px solid rgba(255,48,48,.5);} a.bordered.red:active, a.bordered.red:hover{border:1px solid rgba(255,48,48,1);} .bordered.gray{display:inline-block;width:100%;border:1px solid rgba(126,126,126,.5);} a.bordered.gray:active, a.bordered.gray:hover{border:1px solid rgba(126,126,126,1);} .bordered.lightgray{display:inline-block;width:100%;border:1px solid rgba(144,144,144,.5);} a.bordered.lightgray:active, a.bordered.lightgray:hover{border:1px solid rgba(144,144,144,1);} .bordered.black{display:inline-block;width:100%;border:1px solid rgba(0,0,0,.5);} a.bordered.black:active, a.bordered.black:hover{border:1px solid rgba(0,0,0,1);} .bordered.white{display:inline-block;width:100%;border:1px solid rgba(255,255,255,.5);} a.bordered.white:active, a.bordered.white:hover{border:1px solid rgba(0,0,0,1);} .blue hr{border-color:rgb(0,0,255);} .orange hr{border-color:rgb(255,96,0);} .red hr{border-color:rgb(255,48,48);} .yellow hr{border-color:rgb(255,255,0);} .gray hr{border-color:rgb(126,126,126);} .lightgray hr{border-color:rgb(144,144,144);} .black hr{border-color:rgb(0,0,0);} .white hr{border-color:rgb(255,255,255);} .blue .square{border:1px solid blue;position:relative;} .blue .square:active, .blue .square:focus, .blue .square:hover{border-color:blue;background:blue;color:white;} .orange .square{border:1px solid rgb(255,96,0);position:relative;} .orange .square:active, .orange .square:focus, .orange .square:hover{border-color:rgb(255,96,0);background:rgba(255,96,0);color:white;} .red .square{border:1px solid rgb(255,48,48);} .red .square:active, .red .square:focus, .red .square:hover{border-color:rgb(255,48,48);background:rgb(255,48,48);color:white;} .yellow .square{border:1px solid rgb(255,255,0);} .yellow .square:active, .yellow .square:focus, .yellow .square:hover{border-color:rgb(255,255,0);background:rgb(255,255,0);color:white;} .gray .square{border:1px solid rgb(126,126,126);} .gray .square:active, .gray .square:focus, .gray .square:hover{border-color:rgb(126,126,126);background:rgb(126,126,126);color:white;} .lightgray .square{border:1px solid rgb(144,144,144);} .lightgray .square:active, .lightgray .square:focus, .lightgray .square:hover{border-color:rgb(144,144,144);background:rgb(144,144,144);color:white;} .black .square{border:1px solid rgb(0,0,0);} .black .square:active, .black .square:focus, .black .square:hover{border-color:rgb(0,0,0);background:rgb(0,0,0);color:white;} .white .square{border:1px solid white;} .white .square:active, .white .square:focus, .white .square:hover{border-color:white;background:white;color:blue !important;} .orange.fill.square{border:1px solid rgb(255,96,0);background:rgba(255,96,0);color:white !important;} .orange.fill.square:active, .orange.fill.square:focus, .orange.fill.square:hover{border-color:rgb(255,96,0);background:white;color:rgb(255,96,0) !important;} .red.fill.square{border:1px solid rgb(255,48,48) !important;background:rgb(255,48,48) !important;color:white !important;} .red.fill.square:active, .red.fill.square:focus, .red.fill.square:hover{border-color:rgb(255,48,48) !important;background:white !important;color:rgb(255,48,48) !important;} .blue.fill.square{border:1px solid blue !important;background:blue !important;color:white !important;} .blue.fill.square:active, .blue.fill.square:focus, .blue.fill.square:hover{border-color:blue !important;background:white !important;color:blue !important;} .yellow.fill.square{border:1px solid rgb(255,255,0);background:rgb(255,255,0);color:white !important;} .yellow.fill.square:active, .yellow.fill.square:focus, .yellow.fill.square:hover{border-color:rgb(255,255,0);background:white;color:rgb(255,255,0) !important;} .gray.fill.square{border:1px solid rgb(126,126,126);background:rgb(126,126,126);color:blue !important;} .gray.fill.square:active, .gray.fill.square:focus, .gray.fill.square:hover{border-color:blue;background:blue;color:white !important;} .lightgray.fill.square{border:1px solid rgb(144,144,144);background:rgb(144,144,144);color:blue !important;} .lightgray.fill.square:active, .lightgray.fill.square:focus, .lightgray.fill.square:hover{border-color:blue;background:blue;color:white !important;} .black.fill.square{border:1px solid rgb(0,0,0);background:rgb(0,0,0);color:white !important;} .black.fill.square:active, .black.fill.square:focus, .black.fill.square:hover{border-color:white;background:white;color:blue !important;} .white.fill.square{border:1px solid white;background:white;color:blue !important;} .white.fill.square:active, .white.fill.square:focus, .white.fill.square:hover{border-color:blue;background:blue;color:white !important;} /* ---------------------------------------------------------------------------------- * * Text Settings * */ *{ color:blue; -moz-font-feature-settings:"lnum"; -webkit-font-feature-settings:"lnum"; font-feature-settings:"lnum"; font-kerning:normal; font-variant-ligatures:common-ligatures contextual !important; -moz-font-feature-settings:"kern","liga","clig","calt" !important; -ms-font-feature-settings:"kern","liga","clig","calt" !important; -webkit-font-feature-settings:"kern","liga","clig","calt" !important; font-feature-settings:"kern","liga","clig","calt" !important; letter-spacing:0; text-overflow:inherit; } p, pre{font-size:16px;line-height:28px;} b{font-size:16px;font-weight:550;} .sans-serif, .sans-serif *{font-family:"i9Figure","NeueHaasGroteskText W01","Helvetica Cyrillic","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",'ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro',sans-serif !important;} /* 数字の字幅を揃えたい時に利用 */ .sans-serif-alt, .sans-serif-alt *{font-family:"i9Figure","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic",'ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro',sans-serif !important;} .serif, .serif *{font-family:"i9FigureSerif","游明朝体","Yu Mincho",YuMincho,serif !important;} .ragid, .ragid *{display:inline-block;text-align:left;text-justify:inter-ideograph;} .justify, .justify *{display:inline-block;text-align:justify;text-justify:inter-ideograph;} .largeText, .largestText{text-align:left;font-family:"i9FigureSerif","游明朝体","Yu Mincho",YuMincho,serif;line-height:175%;margin-bottom:14px;font-kerning:normal;font-variant-ligatures:common-ligatures contextual !important;-moz-font-feature-settings:"nlck","kern","liga","clig","calt" !important;-ms-font-feature-settings:"nlck","kern","liga","clig","calt" !important;-webkit-font-feature-settings:"nlck","kern","liga","clig","calt" !important;font-feature-settings:"nlck","kern","liga","clig","calt" !important;text-overflow:inherit;} .largestText i, .largeText i{font-family:"i9FigureSerif","游明朝体","Yu Mincho",YuMincho,serif;} .largestText{margin-left:-1px;font-size:32px;} .largeText{margin-left:-2px;font-size:28px;} .regularText{color:inherit;font-family:inherit;font-size:16px;line-height:28px;} .smallText{color:inherit;margin:0;padding:0;border:none;background:none;font-size:12px;line-height:21px;} .regularBecomesSmallText{color:inherit;font-family:inherit;line-height:inherit;font-size:16px;line-height:28px;} .smaller, .smaller90{zoom:.9;} .smaller80{zoom:.8;} .smaller64{zoom:.64;} .smaller50{zoom:.5;} .larger, .larger110{zoom:1.1;} .larger125{zoom:1.25;} .larger150{zoom:1.5;} .larger200{zoom:2.0;} /* Text Settings -xs */ @media (max-width:767px) { .largeText, .largestText{ text-align:left; font-family:"i9FigureSerif","游明朝体","Yu Mincho",YuMincho,serif; font-size:20px; line-height:175%; margin-bottom:14px; -moz-font-feature-settings:"nlck","lnum"; -webkit-font-feature-settings:"nlck","lnum"; font-feature-settings:"nlck","lnum"; font-kerning:normal; font-variant-ligatures:common-ligatures contextual !important; -moz-font-feature-settings:"nlck","kern","liga","clig","calt" !important; -ms-font-feature-settings:"nlck","kern","liga","clig","calt" !important; -webkit-font-feature-settings:"nlck","kern","liga","clig","calt" !important; font-feature-settings:"nlck","kern","liga","clig","calt" !important; text-overflow:inherit; } .largestText{ font-size:24px; } .smallText{ color:inherit; margin:0; padding:0; border:none; background:none; font-size:13px; line-height:22.75px; } .regularBecomesSmallText{ color:inherit; font-family:inherit; line-height:inherit; line-height:inherit; font-size:13px; /* これ以下の幅で、smallText化 */ line-height:22.75px; } } /* Text Settings -sm */ @media (min-width:768px) { .largeText, .largestText{ text-align:left; font-family:"i9FigureSerif","游明朝体","Yu Mincho",YuMincho,serif; font-size:20px; line-height:175%; margin-bottom:14px; -moz-font-feature-settings:"nlck","lnum"; -webkit-font-feature-settings:"nlck","lnum"; font-feature-settings:"nlck","lnum"; font-kerning:normal; font-variant-ligatures:common-ligatures contextual !important; -moz-font-feature-settings:"nlck","kern","liga","clig","calt" !important; -ms-font-feature-settings:"nlck","kern","liga","clig","calt" !important; -webkit-font-feature-settings:"nlck","kern","liga","clig","calt" !important; font-feature-settings:"nlck","kern","liga","clig","calt" !important; text-overflow:inherit; } .largestText{ font-size:24px; } .regularText{ color:inherit; line-height:inherit; font-size:16px; line-height:28px; } .smallText{ color:inherit; margin:0; padding:0; border:none; background:none; font-size:13px; line-height:22.75px; } .regularBecomesSmallText{ color:inherit; font-family:inherit; line-height:inherit; font-size:13px; /* これ以下の幅で、smallText化 */ line-height:22.75px; } } /* Text Settings -md これ以上のサイズが通常のヘッダーメニュー */ @media (min-width:992px) { .largeText, .largestText{ text-align:left; font-family:"i9FigureSerif","游明朝体","Yu Mincho",YuMincho,serif; font-size:28px; line-height:175%; margin-bottom:14px; -moz-font-feature-settings:"nlck","lnum"; -webkit-font-feature-settings:"nlck","lnum"; font-feature-settings:"nlck","lnum"; font-kerning:normal; font-variant-ligatures:common-ligatures contextual !important; -moz-font-feature-settings:"nlck","kern","liga","clig","calt" !important; -ms-font-feature-settings:"nlck","kern","liga","clig","calt" !important; -webkit-font-feature-settings:"nlck","kern","liga","clig","calt" !important; font-feature-settings:"nlck","kern","liga","clig","calt" !important; text-overflow:inherit; } .largestText{ font-size:32px; } .regularText{ color:inherit; line-height:inherit; font-size:16px; line-height:28px; } .smallText{ color:inherit; margin:0; padding:0; border:none; background:none; font-size:12px; line-height:21px; } .regularBecomesSmallText{ color:inherit; font-family:inherit; line-height:inherit; font-size:16px; line-height:28px; } } /* Text Settings -lg */ @media (min-width:1120px) { .largeText, .largestText{ text-align:left; font-family:"i9FigureSerif","游明朝体","Yu Mincho",YuMincho,serif; font-size:28px; line-height:175%; margin-bottom:14px; -moz-font-feature-settings:"nlck","lnum"; -webkit-font-feature-settings:"nlck","lnum"; font-feature-settings:"nlck","lnum"; font-kerning:normal; font-variant-ligatures:common-ligatures contextual !important; -moz-font-feature-settings:"nlck","kern","liga","clig","calt" !important; -ms-font-feature-settings:"nlck","kern","liga","clig","calt" !important; -webkit-font-feature-settings:"nlck","kern","liga","clig","calt" !important; font-feature-settings:"nlck","kern","liga","clig","calt" !important; text-overflow:inherit; } .largestText{ font-size:32px; } .regularText{ color:inherit; line-height:inherit; font-size:16px; line-height:28px; } .smallText{ color:inherit; margin:0; padding:0; border:none; background:none; font-size:12px; line-height:21px; } .regularBecomesSmallText{ color:inherit; font-family:inherit; line-height:inherit; font-size:16px; line-height:28px; } } /* ---------------------------------------------------------------------------------- * * Fonts * * 以下は、特定の文字列のリガチャのみが指定されたフォントファイル * ロゴマーク／ロゴタイプなどに使用する * * ex. 多摩美術大学アートアーカイヴセンター * * など、font-family と同名のクラスを特定の文字列に適用することで、 * その文字列がリガチャ表示＝ロゴマーク／ロゴタイプとして表示される */ @font-face { font-family: 'i9FigureSerif'; src: url('font/i9FigureSerif-Regular.eot'); /* IE9 Compat Modes */ src: url('font/i9FigureSerif-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/i9FigureSerif-Regular.woff2') format('woff2'), /* Modern Browsers */ url('font/i9FigureSerif-Regular.woff') format('woff'), /* Modern Browsers */ url('font/i9FigureSerif-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('font/i9FigureSerif-Regular.svg#9aea892a5d6883bbf6511a7bdb6c4ed3') format('svg'); /* Legacy iOS */ font-style: normal; font-weight: 400; } @font-face { /* リガチャ設定フォント '多摩美術大学アートアーカイヴセンター' or '@aaclogo' で表示 */ font-family: 'aaclogo_a1'; src: url('font/aaclogo_a1-Regular.eot'); /* IE9 Compat Modes */ src: url('font/aaclogo_a1-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/aaclogo_a1-Regular.woff2') format('woff2'), /* Modern Browsers */ url('font/aaclogo_a1-Regular.woff') format('woff'); /* Modern Browsers */ font-style: normal; font-weight: 400; } .aaclogo_a1{font-family:'aaclogo_a1';} /* リガチャ設定フォント '多摩美術大学アートアーカイヴセンター' or '@aaclogo' で表示 */ @font-face { font-family: 'aaclogo_a2'; src: url('font/aaclogo_a2-Regular.eot'); /* IE9 Compat Modes */ src: url('font/aaclogo_a2-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/aaclogo_a2-Regular.woff2') format('woff2'), /* Modern Browsers */ url('font/aaclogo_a2-Regular.woff') format('woff'); /* Modern Browsers */ font-style: normal; font-weight: 400; } .aaclogo_a2{font-family:'aaclogo_a2';} @font-face { /* リガチャ設定フォント '多摩美術大学アートアーカイヴセンター' or '@aaclogo' で表示 */ font-family: 'aaclogo_b1'; src: url('font/aaclogo_b1-Regular.eot'); /* IE9 Compat Modes */ src: url('font/aaclogo_b1-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/aaclogo_b1-Regular.woff2') format('woff2'), /* Modern Browsers */ url('font/aaclogo_b1-Regular.woff') format('woff'); /* Modern Browsers */ font-style: normal; font-weight: 400; } .aaclogo_b1{font-family:'aaclogo_b1';} @font-face { /* リガチャ設定フォント '多摩美術大学アートアーカイヴセンター' or '@aaclogo' で表示 */ font-family: 'aaclogo_b2'; src: url('font/aaclogo_b2-Regular.eot'); /* IE9 Compat Modes */ src: url('font/aaclogo_b2-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/aaclogo_b2-Regular.woff2') format('woff2'), /* Modern Browsers */ url('font/aaclogo_b2-Regular.woff') format('woff'); /* Modern Browsers */ font-style: normal; font-weight: 400; } .aaclogo_b2{font-family:'aaclogo_b2';} @font-face { /* リガチャ設定フォント '多摩美術大学アートアーカイヴセンター' or '@aaclogo' で表示 */ font-family: 'i9Logo'; src: url('font/aaclogo_c1-Regular.eot'); /* IE9 Compat Modes */ src: url('font/aaclogo_c1-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/aaclogo_c1-Regular.woff2') format('woff2'), /* Modern Browsers */ url('font/aaclogo_c1-Regular.woff') format('woff'); /* Modern Browsers */ font-style: normal; font-weight: 400; } .aaclogo_c1{font-family:'aaclogo_c1';} @font-face { /* リガチャ設定フォント '多摩美術大学アートアーカイヴセンター' or '@aaclogo' で表示 */ font-family: 'aaclogo_c2'; src: url('font/aaclogo_c2-Regular.eot'); /* IE9 Compat Modes */ src: url('font/aaclogo_c2-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/aaclogo_c2-Regular.woff2') format('woff2'), /* Modern Browsers */ url('font/aaclogo_c2-Regular.woff') format('woff'); /* Modern Browsers */ font-style: normal; font-weight: 400; } .aaclogo_c2{font-family:'aaclogo_c2';} @font-face { /* リガチャ設定フォント '多摩美術大学アートアーカイヴセンター' or '@aaclogo' で表示 */ font-family: 'aaclogo_d1'; src: url('font/aaclogo_d1-Regular.eot'); /* IE9 Compat Modes */ src: url('font/aaclogo_d1-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/aaclogo_d1-Regular.woff2') format('woff2'), /* Modern Browsers */ url('font/aaclogo_d1-Regular.woff') format('woff'); /* Modern Browsers */ font-style: normal; font-weight: 400; } .aaclogo_d1{font-family:'aaclogo_d1';} @font-face { /* リガチャ設定フォント '多摩美術大学アートアーカイヴセンター' or '@aaclogo' で表示 */ font-family: 'aaclogo_d2'; src: url('font/aaclogo_d2-Regular.eot'); /* IE9 Compat Modes */ src: url('font/aaclogo_d2-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/aaclogo_d2-Regular.woff2') format('woff2'), /* Modern Browsers */ url('font/aaclogo_d2-Regular.woff') format('woff'); /* Modern Browsers */ font-style: normal; font-weight: 400; } .aaclogo_d2{font-family:'aaclogo_d2';} @font-face { /* リガチャ設定フォント '多摩美術大学アートアーカイヴセンター' or '@aaclogo' で表示 */ font-family: 'aaclogo_e1'; src: url('font/aaclogo_e1-Regular.eot'); /* IE9 Compat Modes */ src: url('font/aaclogo_e1-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/aaclogo_e1-Regular.woff2') format('woff2'), /* Modern Browsers */ url('font/aaclogo_e1-Regular.woff') format('woff'); /* Modern Browsers */ font-style: normal; font-weight: 400; } .aaclogo_e1{font-family:'aaclogo_e1';} @font-face { /* リガチャ設定フォント '多摩美術大学アートアーカイヴセンター' or '@aaclogo' で表示 */ font-family: 'aaclogo_j1'; src: url('font/aaclogo_j1-Regular.eot'); /* IE9 Compat Modes */ src: url('font/aaclogo_j1-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/aaclogo_j1-Regular.woff2') format('woff2'), /* Modern Browsers */ url('font/aaclogo_j1-Regular.woff') format('woff'); /* Modern Browsers */ font-style: normal; font-weight: 400; } .aaclogo_j1{font-family:'aaclogo_j1';} @font-face { /* リガチャ設定フォント '多摩美術大学アートアーカイヴセンター' or '@aaclogo' で表示 */ font-family: 'aaclogo_j2'; src: url('font/aaclogo_j2-Regular.eot'); /* IE9 Compat Modes */ src: url('font/aaclogo_j2-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/aaclogo_j2-Regular.woff2') format('woff2'), /* Modern Browsers */ url('font/aaclogo_j2-Regular.woff') format('woff'); /* Modern Browsers */ font-style: normal; font-weight: 400; } .aaclogo_j2{font-family:'aaclogo_j2';} @font-face { /* リガチャ設定フォント '多摩美術大学アートアーカイヴセンター' or '@aaclogo' で表示 */ font-family: 'aaclogo_j3'; src: url('font/aaclogo_j3-Regular.eot'); /* IE9 Compat Modes */ src: url('font/aaclogo_j3-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/aaclogo_j3-Regular.woff2') format('woff2'), /* Modern Browsers */ url('font/aaclogo_j3-Regular.woff') format('woff'); /* Modern Browsers */ font-style: normal; font-weight: 400; } .aaclogo_j3{font-family:'aaclogo_j3';} @font-face { /* リガチャ設定フォント '多摩美術大学アートアーカイヴセンター' or '@aaclogo' で表示 */ font-family: 'aaclogo_j4'; src: url('font/aaclogo_j4-Regular.eot'); /* IE9 Compat Modes */ src: url('font/aaclogo_j4-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/aaclogo_j4-Regular.woff2') format('woff2'), /* Modern Browsers */ url('font/aaclogo_j4-Regular.woff') format('woff'); /* Modern Browsers */ font-style: normal; font-weight: 400; } .aaclogo_j4{font-family:'aaclogo_j4';} @font-face { /* リガチャ設定フォント '多摩美術大学アートアーカイヴセンター' or '@aaclogo' で表示 */ font-family: 'aaclogo_j5'; src: url('font/aaclogo_j5-Regular.eot'); /* IE9 Compat Modes */ src: url('font/aaclogo_j5-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/aaclogo_j5-Regular.woff2') format('woff2'), /* Modern Browsers */ url('font/aaclogo_j5-Regular.woff') format('woff'); /* Modern Browsers */ font-style: normal; font-weight: 400; } .aaclogo_j5{font-family:'aaclogo_j5';} @font-face { /* リガチャ設定フォント '多摩美術大学アートアーカイヴセンター' or '@aaclogo' で表示 */ font-family: 'aaclogo_j6'; src: url('font/aaclogo_j6-Regular.eot'); /* IE9 Compat Modes */ src: url('font/aaclogo_j6-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/aaclogo_j6-Regular.woff2?20200404') format('woff2'), /* Modern Browsers */ url('font/aaclogo_j6-Regular.woff?20200404') format('woff'); /* Modern Browsers */ font-style: normal; font-weight: 400; } .aaclogo_j6{font-family:'aaclogo_j6';} @font-face { /* リガチャ設定フォント '多摩美術大学アートアーカイヴセンター' or '@aaclogo' で表示 */ font-family: 'aaclogo_j7'; src: url('font/aaclogo_j7-Regular.eot?20200414a'); /* IE9 Compat Modes */ src: url('font/aaclogo_j7-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/aaclogo_j7-Regular.woff2?20200414a') format('woff2'), /* Modern Browsers */ url('font/aaclogo_j7-Regular.woff?20200414a') format('woff'); /* Modern Browsers */ font-style: normal; font-weight: 400; } .aaclogo_j7{font-family:'aaclogo_j7';} @font-face { /* リガチャ設定フォント '多摩美術大学アートアーカイヴセンター' or '@aaclogo' で表示 */ font-family: 'aaclogo_j8'; src: url('font/aaclogo_j8-Regular.eot?20200414b'); /* IE9 Compat Modes */ src: url('font/aaclogo_j8-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/aaclogo_j8-Regular.woff2?20200414b') format('woff2'), /* Modern Browsers */ url('font/aaclogo_j8-Regular.woff?20200414b') format('woff'); /* Modern Browsers */ font-style: normal; font-weight: 400; } .aaclogo_j8{font-family:'aaclogo_j8';} @font-face { /* リガチャ設定フォント * 'user'　→　ユーザーアイコン * 'tpclogo' → ロゴ * 'tpclogolarge' → 大きなロゴ */ font-family: 'tpc'; src: url('font/tpc-Regular.eot'); /* IE9 Compat Modes */ src: url('font/tpc-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('font/tpc-Regular.woff2') format('woff2'), /* Modern Browsers */ url('font/tpc-Regular.woff') format('woff'); /* Modern Browsers */ font-style: normal; font-weight: 400; } .tpc{font-family:'tpc';} /* ---------------------------------------------------------------------------------- * * header#main - css * */ /* * for general navigation */ body{padding-top:70px;padding-bottom:0px;} header#main {box-sizing:border-box;margin:0;padding:13px 0 0 0;position:fixed;top:0px;width:100%;height:50px;z-index:20000;color:black;background-color:rgba(255,255,255,1);-webkit-transition:0.05s ease-in-out;-moz-transition:0.05s ease-in-out;transition:0.05s ease-in-out;} header#main a{color:inherit;} header#main a:active{color:rgba(0,125,214,1);} header#main nav{box-sizing:border-box;} #logo-type {margin:-7px 0 0 0;padding:0 15px 0 0;float:left;font-size:23px;width:((100% - 1120px) / 2);color:inherit;} #logo-type a:hover, #logo-type a:active{color:magenta;} #menu {box-sizing:border-box;margin:-6px 0 0 0;padding:0;float:left;width:100%;} #menu-contents {float:left;margin-top:8px;height:40px;} #menu-contents .menu-item {cursor:pointer;display:inline-block;text-indent:10px;margin-right:8px;font-size:14px;font-family:"i9Figure", "NHaasGroteskTXW01-75Bd", sans-serif;position:relative;} #menu-contents .menu-item:first-child {text-indent:0px;padding-left:0px;} #menu-contents .menu-item:last-child {/*text-indent:0px;padding-left:15px;*/} #menu-contents .menu-item a{letter-spacing:1px;} #menu-contents .menu-item a:active, #menu-contents .menu-item a:hover{color:magenta;} #menu-contents .menu-item a.active{color:rgba(0,125,214,1);} #menu-contents .menu-item a.active:hover, #menu-contents .menu-item a.active:active{color:magenta;} #menu-contents-more:hover{color:magenta;} #menu-contents-more:hover .caret-menu, #menu-contents-more .caret-menu:hover{border-top:3px solid rgba(255, 255, 255, 1);display:block;top:30px;opacity:1;} #menu-user {float:left;display:block;height:40px;margin-top:2px;padding-top:0px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:absolute;top:12px;right:20px;max-width:200px;letter-spacing:1px;font-size:12px;cursor:pointer;} #menu-user:hover{color:magenta;} #menu-user:hover .caret-menu, #menu-user .caret-menu:hover{border-top:3px solid rgba(255, 255, 255, 1);display:block;top:35px;right:20px;} .caret-menu{font-family:"i9Figure", "NeueHaasGroteskText W01", "Helvetica Cyrillic", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', sans-serif;margin-top:-3px;min-width:240px;background-color:#fff;color:#333;padding:20px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;position:fixed;display:none;transition-duration:3s;font-size:1em;text-indent:5px;box-shadow:0px 3px 3px 1px rgba(0, 0, 0, .125);-webkit-box-shadow:0px 3px 3px 1px rgba(0, 0, 0, .125);-moz-box-shadow:0px 3px 3px 1px rgba(0, 0, 0, .125);} .caret-menu a{display:block;letter-spacing:1px;color:#fff;padding-right:60px;} .caret-menu a:hover, .caret-menu a:active{color:magenta !important;} .caret-menu hr{opacity:.5;margin:10px 0;} /* * for mobile navigation */ #nav-toggle{display:block;width:25px;height:30px;position:absolute;top:12px;right:5px;cursor:pointer;} #nav-toggle div{position:relative;} #nav-toggle span{display:block;height:3px;background-color:blue;position:absolute;width:100%;left:0;-webkit-transition:0.25s ease-in-out;-moz-transition:0.25s ease-in-out;transition:0.25s ease-in-out; } #nav-toggle:hover span{background:blue;} #nav-toggle span:nth-child(1){top:5px;} #nav-toggle span:nth-child(2){top:13px;} #nav-toggle span:nth-child(3){top:21px;} #nav-toggle.open span:nth-child(1){top:12px;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);transform: rotate(135deg);} #nav-toggle.open span:nth-child(2){width:0;left:50%;} #nav-toggle.open span:nth-child(3){top:12px;-webkit-transform:rotate(-135deg);-moz-transform:rotate(-135deg);transform:rotate(-135deg);} #nav-toggle-menu{display:none;position:fixed;left:0px;height:100vh;right:0px;top:45px;background-color:rgba(0,125,214,1);z-index:10000;padding:20px 0 0 0;color:#fff;font-size:1em;overflow-y:auto;} #nav-toggle-menu hr{height:1px;border-top-color:#fff;opacity:1;margin:20px 0 20px 0;} #nav-toggle-menu hr.gray{border-top-color:#999;margin-bottom:-10px;} #nav-toggle-menu a{display:block;letter-spacing:1px;padding:8px 0;color:#fff !important;} #nav-toggle-menu a:hover{text-decoration:underline;} /* header#main -xs */ @media (max-width:767px) { header#main {border-left:15px solid rgba(0,0,0,0);border-right:15px solid rgba(0,0,0,0);} header#main #menu {display:none;} header#main #nav-toggle{display:block;} #nav-toggle{right:0px;top:10px;} header#main #logo-type {width:100%;position:absolute;top:9px;left:-2px;font-size:25px;} header#main #logo-type img{height:45px;} } /* header#main -sm */ @media (min-width:768px) { header#main {border-left:60px solid rgba(0,0,0,0);border-right:60px solid rgba(0,0,0,0);} header#main #menu {display:none;} header#main #nav-toggle{display:block;} #nav-toggle-menu{padding:20px 40px;} #nav-toggle{right:4px;top:10px} header#main #logo-type {width:100%;position:absolute;top:8px;left:-2px;font-size:28px;} header#main #logo-type img{height:54px;} } /* header#main -md これ以上のサイズが通常のヘッダーメニュー */ @media (min-width:992px) { header#main {border-left:40px solid rgba(0,0,0,0);border-right:5px solid rgba(0,0,0,0);} header#main nav{position:static;height:auto;width:1120px;margin:auto;background:blue;} header#main #logo-type {width:calc(28% + 12px);margin-top:-10px;position:static;float:left;font-size:24px;} header#main #logo-type img{height:54pxpx;} header#main #menu {width:auto;display:block;} header#main #menu #menu-contents .menu-item{margin-right:12px;} header#main #nav-toggle{display:none;} #nav-toggle{right:5px;} } /* header#main -lg */ @media (min-width:1120px) { header#main {border-left:40px solid rgba(0,0,0,0);border-right:40px solid rgba(0,0,0,0);} header#main nav{position:static;height:auto;width:1200px;margin:auto;} header#main #logo-type {width:calc(33% + 12px);margin-top:-10px;position:static;float:left;font-size:24px;} header#main #logo-type img{height:54px;} header#main #menu {width:auto;} header#main #menu #menu-contents .menu-item{margin-right:24px;} header#main #nav-toggle{display:none;} #nav-toggle{right:5px;} } /* header#main -xl */ @media (min-width:1300px) {/* header#main {border-left:10px solid rgba(0,0,0,0);border-right:10px solid rgba(0,0,0,0);} nav{width:100%;position:relative;background:yellow;} header#main #logo-type {width:((100% - 1120px) / 2);position:absolute;top:12px;left:0;} header#main #menu {width:1200px;} header#main #nav-toggle{display:none;} #nav-toggle{right:5px;} */} /* ---------------------------------------------------------------------------------- * * header#sub - css * */ header#sub{box-sizing:border-box;margin:0;padding:0;position:fixed;top:50px;width:100%;z-index:10000;background-color:rgba(0,125,214,0);background-color:rgba(255,255,255,.8);-webkit-transition:0.05s ease-in-out;-moz-transition:0.05s ease-in-out;transition:0.05s ease-in-out;color:#aaa;} header#sub .row{margin-top:60px;} header#sub h6{height:auto;margin:1px 0 0 0;padding:4px 0 12px 0;font-size:11px;letter-spacing:.05em;line-height:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:rgba(0,125,214,1);color:#777;} header#sub h6 a{font-size:inherit;color:inherit;display:inline;} header#sub h6 a:hover, header#sub h6 a:active{color:magenta;} @media (max-width:767px) { /* header#main -xs */ header#sub{top:0px} #outestWrapper{padding-top:30px;} } @media (min-width:768px) { /* header#main -sm */ header#sub{top:50px} #outestWrapper{padding-top:80px;} } @media (min-width:992px) { /* header#main -md これ以上のサイズが通常のヘッダーメニュー */ header#sub{top:50px} #outestWrapper{padding-top:80px;} } @media (min-width:1120px) { /* header#main -lg */ header#sub{top:50px} #outestWrapper{padding-top:80px;} } /* ---------------------------------------------------------------------------------- * * tab - style * */ .nav-tabs{margin-left:15px;margin-right:15px;} .nav-tabs li.active a.left-tab, .nav-tabs li.active a.left-tab:hover, .nav-tabs li a.left-tab, .nav-tabs li a.left-tab:hover{text-align:left;padding-left:3px;border-left:1px solid rgba(0,0,0,0);} /* ---------------------------------------------------------------------------------- * * footer - css * */ #footer{min-height:10vh;} #footerCredit{position:relative;margin-top:30px;} #returnToTop{cursor:pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;position:fixed;right:15px;bottom:60px;width:48px;height:48px;background-color:rgba(0,0,255,.8);color:rgba(255,255,255,.9);text-align:center;font-size:24px;line-height:48px;z-index:30000;-webkit-transition-property:all;-webkit-transition-duration:.125s;-webkit-transition-timing-function:linear;opacity:0;} #returnToTop:active,#returnToTop:hover{color:rgba(255,255,255,1);background-color:rgba(0,0,255,1);} @media (max-width:767px) { #returnToTop{right:15px;bottom:36px;} .copyright-notice{font-size:9px;}} @media (min-width:768px) { #returnToTop{right:60px;bottom:36px;} .copyright-notice{font-size:9px;}} @media (min-width:992px) { #returnToTop{right:40px;bottom:45px;} .copyright-notice{font-size:11px;}} @media (min-width:1120px) { #returnToTop{right:40px;bottom:72px;} .copyright-notice{font-size:13px;}} /* ---------------------------------------------------------------------------------- * * showThis - css * */ .show-hide {position: relative;overflow-y: hidden;} .show-this {text-align: left;width: 100%;height:40px;line-height:40px;overflow:hidden;display: none;padding:10px 15px 0 2px;margin:10px 0 0 0;position: absolute;left:0px;bottom:-2px;background-image:url('libs/images/white_gradient.png');background-position:center bottom;background-size:100% 100%;background-repeat: repeat-x;cursor: pointer;} /* scr-xxs */ @media (max-width:400px) {} /* scr-xs */ @media (min-width:401px) and (max-width:767px) {} /* scr-sm */ @media (min-width:768px) and (max-width:991px) {} /* scr-md */ @media (min-width:992px) and (max-width:1119px) {} /* scr-lg */ @media (min-width:1440px){ .wrapper{margin:0;padding:0;border:none;position:relative;} .container{width:80vw !important;min-width:80vw;margin-left:10vw;padding:0;} header#main {border-top:10px solid white;} #logo-type {position:absolute !important;top:100px;left:10vw !important;} #menu #menu-contents{margin-right:5vw;} } .otherSiteLink{display:none;}