/* ---------------------------------------------------------------------------------- * * Localize site.css * */ body{min-height:100vh;} a{color:rgba(0,0,255,0.7);text-decoration:underline;} a:active, a:focus, a:hover{color:blue;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 black;*/} 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;border-bottom:none;margin-bottom:0px} p,pre{color:black;} 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:16px;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:16px;line-height:28px;} hr{background:transparent;border:none;border-top:1px solid rgba(0,0,0,.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,0,.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,0,.5);} tr:first-child{border-top:1px solid rgba(0,0,0,.5);} th, td{padding:4px 12px;border-left:1px solid rgba(0,0,0,.5);} th{font-size:14px;line-height:28px;} td{font-size:14px;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:black !important;} header#sub h6 a{color:black !important;} header#sub h6 a:active, header#sub h6 a:focus, header#sub h6 a:hover{color:blue !important;} ul{list-style-position:outside;list-style-type:'　-　';padding-left:2em;} ul li{font-size:16px;line-height:175%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;} ol{list-style-position:outside;padding-left:40px;} ol li{font-size:16px;line-height:175%;overflow-wrap:break-word;word-wrap:break-word;word-break:break-all;padding-left:20px;} #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;} .swiper-single .swiper-pagination-bullet{height:6px;width:6px;margin:0 5px 0 5px;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:blue;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;} .activities .squareWrapper .notice, .activities.squareWrapper .notice{min-height:2.5em;} .square{display:block;border:1px solid black;height:11em;padding:1em 1em 0 1em;position:relative;color:black;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:rgba(0,0,255,0.1);text-decoration:none !important;color:blue;} .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.x{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);} .orange, .orange *{color:rgba(255,96,0);} .red, .red *{color:rgba(255,48,48);} .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,0,.5);} a.bordered:active, a.bordered:hover{border:1px solid rgba(0,0,0,1);} .bordered.orange{display:inline-block;width:100%;border:1px solid rgba(255,96,0,.5);} a.bordered.orange:active, a.bordered.orange:hover{border:1px solid rgba(255,96,0,1);} .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 rgb(0,0,255);position:relative;} .blue .square:active, .blue .square:focus, .blue .square:hover{border-color:rgb(0,0,255);background:rgb(0,0,255);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 rgb(255,255,255);} .white .square:active, .white .square:focus, .white .square:hover{border-color:rgb(255,255,255);background:rgb(255,255,255);color:black;} .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 rgb(0,0,255) !important;background:rgb(0,0,255) !important;color:white !important;} .blue.fill.square:active, .blue.fill.square:focus, .blue.fill.square:hover{border-color:rgb(0,0,255) !important;background:white !important;color:rgb(0,0,255) !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:black !important;} .gray.fill.square:active, .gray.fill.square:focus, .gray.fill.square:hover{border-color:rgb(126,126,126);background:black;color:rgb(126,126,126) !important;} .lightgray.fill.square{border:1px solid rgb(144,144,144);background:rgb(144,144,144);color:black !important;} .lightgray.fill.square:active, .lightgray.fill.square:focus, .lightgray.fill.square:hover{border-color:rgb(144,144,144);background:black;color:rgb(144,144,144) !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:rgb(0,0,0);background:white;color:rgb(0,0,0) !important;} .white.fill.square{border:1px solid rgb(255,255,255);background:rgb(255,255,255);color:black !important;} .white.fill.square:active, .white.fill.square:focus, .white.fill.square:hover{border-color:rgb(255,255,255);background:black;color:rgb(255,255,255) !important;} /* ---------------------------------------------------------------------------------- * * Text Settings * */ *{ color:black; -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; } .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;} h1,h2,h3, .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;} h1,.largestText{margin-left:-1px;font-size:32px;} h2,.largeText{margin-left:-2px;font-size:28px;} h3{font-size:16px;font-weight:normal;} b{font-size:16px;font-weight:550;} .container h1,.container h2,.container h3{margin:0 0 10px 0 !important;padding:0;border:none;} p,pre,.regularText{color:inherit;font-family:inherit;font-size:16px;line-height:26px;} .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;} small, .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) { h1,h2,h3, .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; } h1,.largestText{ font-size:22px; } h1{ margin-top:.25em; margin-bottom:2em; } h2{ margin-top:.5em; margin-bottom:1.25em; } small,.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) { h1,h2,h3, .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; } h1,.largestText{ font-size:22px; } h1{ margin-top:.25em; margin-bottom:1.25em; } h2{ margin-top:.5em; margin-bottom:1.25em; } .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) { h1,h2,h3, .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; } h1,.largestText{ font-size:28px; } h1{ margin-top:.25em; margin-bottom:1.25em; } h2{ margin-top:.5em; margin-bottom:1.25em; } .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) { h1,h2,h3, .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; } h1,.largestText{ font-size:32px; } h1{ margin-top:.25em; margin-bottom:1.25em; } h2{ margin-top:.5em; margin-bottom:1.25em; } .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('fonts/i9FigureSerif-Regular.eot'); /* IE9 Compat Modes */ src:url('fonts/i9FigureSerif-Regular-.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('fonts/i9FigureSerif-Regular.woff2') format('woff2'), /* Modern Browsers */ url('fonts/i9FigureSerif-Regular.woff') format('woff'), /* Modern Browsers */ url('fonts/i9FigureSerif-Regular.ttf') format('truetype'), /* Safari, Android, iOS */ url('https://aac.tamabi.ac.jp/wp-content/themes/TAUResearchTheme/libs/fonts/i9FigureSerif-Regular.svg#9aea892a5d6883bbf6511a7bdb6c4ed3') format('svg'); /* Legacy iOS */ font-style:normal; font-weight:400; } /* ---------------------------------------------------------------------------------- * * 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:55px;z-index:20000;color:black;-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:blue;} 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:blue;} #menu {box-sizing:border-box;margin:-6px 0 0 0;padding:0;float:left;width:100%;} #menu-contents {float:left;margin-top:12px;height:40px;} #menu-contents .menu-item {cursor:pointer;display:inline-block;text-indent:0px;margin-right:0px;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;color:black;} #menu-contents .menu-item a:hover, #menu-contents .menu-item a:active, #menu-contents .menu-item a.active:hover, #menu-contents .menu-item a.active:active {color:blue;} #menu-contents .menu-item.bogo {font-size:13px;letter-spacing:0;padding-left:10px;} #menu-contents .menu-item.bogo .current {text-decoration:underline;} #menu-contents-more:hover {color:blue;} #menu-contents-more:hover .caret-menu, #menu-contents-more .caret-menu:hover {border-top:3px solid rgba(255,255,255,1);display:block;top:35px;opacity:1;z-index:0;} #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:blue;} #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:30px;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;color:#fff;padding-right:40px;} .caret-menu a:hover, .caret-menu a:active {color:blue !important;} .caret-menu hr {opacity:.5;margin:10px 0;} @media (max-width:1119px){ /* header#main -md これ以上のサイズが通常のヘッダーメニュー */ /*.caret-menu {margin-top:5px;} 2024/02 horiguchi fix*/ .caret-menu {margin-top:4px;} } @media (min-width:1120px){ /* header#main -lg */ /*.caret-menu {margin-top:10px;} 2024/02 horiguchi fix*/ .caret-menu {margin-top:4px;} } /* * 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:black;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:black;} #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:55px;background-color:blue;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 span{display:block;letter-spacing:1px;padding:8px 0;color:#fff !important;} #nav-toggle-menu a:hover{text-decoration:underline;color:#fff !important;} /* 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;line-height:1.1em;padding-top:10px;} header#main #logo-type img{height:45px;} header#main #logo-type{padding-top:5px;line-height:22px !important;} header#main #logo-type .main{font-size:20px !important;} header#main #logo-type .sub{font-size:16px !important;} header#main #logo-type .sub{font-size:16px !important;text-indent:3px;display:inline-block;} } /* 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;} header#main #logo-type img{height:54px;} header#main #logo-type{padding-top:5px;line-height:22px !important;} header#main #logo-type .main{font-size:20px !important;} header#main #logo-type .sub{font-size:16px !important;} header#main #logo-type .sub{font-size:16px !important;text-indent:3px;display:inline-block;} } /* 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:black;} header#main #logo-type{width:100%;margin-top:-10px;position:static;float:left;} 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 #logo-type{padding-top:5px;line-height:22px !important;} header#main #logo-type .main{font-size:20px !important;} header#main #logo-type .sub{font-size:16px !important;} header#main #logo-type .sub{font-size:16px !important;text-indent:3px;display:inline-block;} #menu-contents .menu-item.bogo{font-size:12px;padding-left:10px;} #menu-contents .menu-item{font-size:13px;margin-left:-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:100%;margin-top:-10px;position:static;float:left;} 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 #logo-type{padding-top:10px;line-height:22px !important;} header#main #logo-type .main{font-size:22px !important;} header#main #logo-type .sub{font-size:16px !important;text-indent:3px;display:inline-block;} #menu-contents .menu-item.bogo{font-size:12px;padding-left:5px;} #menu-contents .menu-item{font-size:13px;margin-left:-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#main #logo-type{padding-top:10px;line-height:24px !important;} header#main #logo-type .main{font-size:24px !important;} header#main #logo-type .sub{font-size:18px !important;text-indent:3px;display:inline-block;} #menu-contents .menu-item.bogo{font-size:13px;padding-left:10px;} #menu-contents .menu-item{font-size:14px;} } /* ---------------------------------------------------------------------------------- * * 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:blue;color:#777;} header#sub h6 a{font-size:inherit;color:inherit;display:inline;} header#sub h6 a:hover, header#sub h6 a:active{color:blue;} @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,0,.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,0,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('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:1120px){ .wrapper{margin:0;padding:0;border:none;position:relative;} .container{width:90vw !important;min-width:90vw;margin-left:5vw;padding:0;} /*header#main{margin-top:6px !important;} 2024/02 horiguchi fix*/ #logo-type{position:absolute !important;top:100px;left:5vw !important;} #menu #menu-contents{margin-right:2vw;} } .otherSiteLink{display:none;} /* * */ @media (max-width:401px){ .mainContents{width:100%;} } /* scr-xxs */ @media (min-width:767px){ .mainContents{width:100%;} } /* scr-xs */ @media (min-width:768px){ .mainContents{width:100%;} } /* scr-sm */ @media (min-width:992px){ .mainContents{width:95%;} } /* scr-md */ @media (min-width:1120px){ .mainContents{width:80%;} } /* scr-lg */ .mainContents > p:first-child{margin-top:2em;} p{margin-bottom:1em;line-height:2em;} .grid{display:flex;margin:0 -15px;flex-wrap:wrap;word-break:break-all;} .grid-item{margin:0 15px;} /* -xs */ @media (max-width:767px) { .grid-item p{padding-right:0em;} .grid-item{flex-basis:calc(100% - 30px);margin:0 15px;} .grid-item-2{flex-basis:calc(100% - 30px);margin:0 15px;} } /* -sm */ @media (min-width:768px) { .grid-item p{padding-right:1em;} .grid-item{flex-basis:calc(50% - 30px);margin:0 15px;} .grid-item-2{flex-basis:calc(100% - 30px);margin:0 15px;} } /* -md これ以上のサイズが通常のヘッダーメニュー */ @media (min-width:992px) { .grid-item p{padding-right:2em;} .grid-item{flex-basis:calc(50% - 30px);margin:0 15px;} .grid-item-2{flex-basis:calc(50% - 30px);margin:0 15px;} } /* -lg */ @media (min-width:1120px) { .grid-item p{padding-right:1em;} .grid-item{flex-basis:calc(33% - 30px);margin:0 15px;} .grid-item-2{flex-basis:calc(50% - 30px);margin:0 15px;} } dl{margin:0;padding:0;} dt{padding:1em 0;zoom:1.25;} dd{padding:0 0 0 4em;} /* * トピックス一覧 */ .activities{} .activities .activity{margin-bottom:30px;display:block;} .activities .activity-inner{padding:15px;border:1px solid black;} .activities .activity-img{margin:0 0 15px 0;background-size:auto 100%;background-position:top left;background-repeat:no-repeat;width:100%;height:20vw;min-height:360px;max-height:640px;} .activities .activity hr{width:15px;margin:10px;margin-left:1px;opacity:1;} .activities .activity .type{zoom:.9;margin:-.5em 0 .5em 0;color:#444;} .activities .activity h4{font-family:"i9FigureSerif","游明朝体","Yu Mincho",YuMincho,serif !important;font-weight:normal;font-size:1.4em;line-height:1.5em !important;height:3em;display:-webkit-box;overflow:hidden;-webkit-line-clamp:2;-webkit-box-orient:vertical;} .activities .activity .date{margin:1em 0 0 0;zoom:.8;color:#666;} .activity:active, .activity:hover{color:blue;text-decoration:none;} .activity:active .activity-inner, .activity:hover .activity-inner{background:rgba(0,0,255,0.1);border:1px solid blue;} .activity:active .activity-inner h4, .activity:active .activity-inner p, .activity:hover .activity-inner h4, .activity:hover .activity-inner p{color:blue;} .activity:active .activity-inner hr, .activity:hover .activity-inner hr{border-top:1px solid blue;} .square.buttonRight{width:auto;max-width:100%;height:auto;padding:.25em .25em;text-align:center;margin-top:1.25em;border-radius:1px;} .square.buttonBottom{width:auto;max-width:100%;height:auto;padding:.25em .5em;text-align:center;margin-top:1.25em;border-radius:1px;} .square.buttonRight:active, .square.buttonRight:focus, .square.buttonRight:hover, .square.buttonBottom:active, .square.buttonBottom:focus, .square.buttonBottom:hover{border:1px solid rgb(255,255,255) !important;background-color:rgb(255,255,255) !important;color:rgb(0,0,0) !important;} .square.buttonRight, .square.buttonBottom{border:1px solid rgb(0,0,0);background-color:rgb(0,0,0);color:rgb(255,255,255);} .square.buttonRight:active, .square.buttonRight:focus, .square.buttonRight:hover, .square.buttonBottom:active, .square.buttonBottom:focus, .square.buttonBottom:hover{border:1px solid rgb(255,255,255) !important;background-color:rgb(255,255,255) !important;color:rgb(0,0,0) !important;} .square.buttonRight.black, .square.buttonBottom.black{border:1px solid rgb(0,0,0);background-color:rgb(0,0,0);color:rgb(255,255,255);} .square.buttonRight.black:active, .square.buttonRight.black:focus, .square.buttonRight.black:hover, .square.buttonBottom.black:active, .square.buttonBottom.black:focus, .square.buttonBottom.black:hover{border:1px solid rgb(255,255,255) !important;background-color:rgb(255,255,255) !important;color:rgb(0,0,0) !important;} .square.buttonRight.blue, .square.buttonBottom.blue{border:1px solid rgb(0,0,255);background-color:rgb(0,0,255);color:rgb(255,255,255);} .square.buttonRight.blue:active, .square.buttonRight.blue:focus, .square.buttonRight.blue:hover, .square.buttonBottom.blue:active, .square.buttonBottom.blue:focus, .square.buttonBottom.blue:hover{border:1px solid rgb(0,0,255) !important;background-color:rgb(0,0,255) !important;color:rgb(255,255,255) !important;} a.blue:hover, a.blue:hover *{color:white;text-decoration:none;} a.blue:hover *{background:white !important;color:black;} a.blue:hover{background:white !important;color:black !important;} .swiper-single{} .swiper-single > .swiper-container{} .swiper-single > .swiper-container > .swiper-wrapper > .swiper-slide > .wrapper{display:block;margin:0 -8px;width:calc(100% + 16px);height:64vh;max-height:128vw;position:relative;} .swiper-single > .swiper-container > .swiper-wrapper > .swiper-slide > .wrapper > .container{overflow-y:hidden;} .swiper-single > .swiper-container > .swiper-wrapper > .swiper-slide > .wrapper > .container > .row{height:64vh;max-height:128vw;margin:0;padding:0;} .swiper-single > .swiper-container > .swiper-wrapper > .swiper-slide > .wrapper > .container > .row > div{position:absolute;bottom:28px;padding:0 0 0 8px;} .swiper-single > .swiper-container > .swiper-wrapper > .swiper-slide > .wrapper > .container > .row > div > a{color:#000;} .swiper-single > .swiper-container > .swiper-wrapper > .swiper-slide > .wrapper > .container > .row > div > a:hover *{color:white;background-color:black !important;} .swiper-single > .swiper-container > .swiper-wrapper > .swiper-slide > .wrapper > .container > .row > div > a.blue:hover *{color:white;background-color:blue !important;} .swiper-single > .swiper-container > .swiper-wrapper > .swiper-slide > .wrapper > .container > .row > div > a.black:hover *{color:white;background-color:black !important;} .swiper-single > .swiper-container > .swiper-wrapper > .swiper-slide > .wrapper > .container > .row > div > a > .category{font-size:12px;display:inline-block;background:white;padding:0 .75em;} .swiper-single > .swiper-container > .swiper-wrapper > .swiper-slide > .wrapper > .container > .row > div > a > .title{display:inline-block;background:white;padding:0 .25em;line-height:1.5em;} .swiper-single > .swiper-container > .swiper-wrapper > .swiper-slide > .wrapper > .container > .row > div > a > .info{display:inline-block;background:white;padding:.25em .75em;} /* ---------------------------------------------------------------------------------- * * Sidebar * */ div.sidebar{margin-bottom:32px;} div.sidebar{text-align:center;} div.sidebar label{display:none;} div.sidebar input[type="text"]{width:calc(100% - 120px);border:1px solid gray;border-radius:2px;padding:3px 6px;font-size:14px;text-align:left;} div.sidebar input[type="submit"]{width:80px;border:1px solid gray;padding:3px;font-size:14px;} /* ---------------------------------------------------------------------------------- * * lg md sm 別に幅を指定 * */ .width-lg100md100sm100{width:100%;} .width-lg90md100sm100{width:100%;} .width-lg80md100sm100{width:100%;} .width-lg60md80sm100{width:100%;} .width-lg50md60sm70{width:70%;} .width-lg40md60sm80{width:80%;} /* -xs */ @media (max-width:767px) { .width-lg90md100sm100{width:100%;} .width-lg80md100sm100{width:100%;} .width-lg60md80sm100{width:100%;} .width-lg50md60sm70{width:70%;} .width-lg40md60sm80{width:80%;} } /* -sm */ @media (min-width:768px) { .width-lg90md100sm100{width:100%;} .width-lg80md100sm100{width:100%;} .width-lg60md80sm100{width:100%;} .width-lg50md60sm70{width:70%;} .width-lg40md60sm80{width:80%;} } /* -md これ以上のサイズが通常のヘッダーメニュー */ @media (min-width:992px) { .width-lg90md100sm100{width:100%;} .width-lg80md100sm100{width:100%;} .width-lg60md80sm100{width:80%;} .width-lg50md60sm70{width:60%;} .width-lg40md60sm80{width:60%;} } /* -lg */ @media (min-width:1120px) { .width-lg90md100sm100{width:90%;} .width-lg80md100sm100{width:80%;} .width-lg60md80sm100{width:60%;} .width-lg50md60sm70{width:50%;} .width-lg40md60sm80{width:40%;} }