@charset "UTF-8"; /* Theme Name: TSUKUBA JINBUN 2020 Theme URI: http://jinbun.tsukuba.ac.jp Author: ONZE Author URI: http:/on-ze.com Description: Design by ONZE. Version: 0.9 Text Domain: tsukuba-jinbun-2020 */ /******************/ /******************/ /* reset **********/ * { border:0; margin:0; outline:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; font:inherit; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; text-decoration:none; vertical-align:baseline; } html {font-size:62.5%;} body { background:#fff; color:#333; color:var(--oz-color-dark); font-family:'Noto Sans Japanese', "NotoSansJP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'YuGothic', 'Yu Gothic', '游ゴシック', 'Meiryo', 'メイリオ', "MS PGothic", "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif; /*font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight:300;*/ font-family: "FOT-筑紫ゴシック Pr5 L"; font-family: "FOT-筑紫ゴシック Pr5 R"; font-size:14px; font-size:1.4rem; line-height:1; position:relative; text-align:center; -webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; -o-text-size-adjust:100%; text-size-adjust:100%; font-feature-settings:"palt"; -webkit-font-smoothing:antialiased; /*-moz-font-smoothing:antialiased; -ms-font-smoothing:antialiased; -o-font-smoothing:antialiased;*/ font-smoothing:antialiased; /* text-rendering:optimizeLegibility; まだ使わないほうが無難 */ -webkit-font-smoothing:subpixel-antialiased; font-smoothing:subpixel-antialiased; -webkit-tap-highlight-color:transparent; width:100%; height:auto; } div[class*="title"] {font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif; font-weight:100;} div[class*="title"] h3 {font-weight:300; letter-spacing:0.16em;} article, aside, footer, header, main, nav, section {display:block;} audio, canvas, progress, video {display:inline-block;} br, hr {display:block;} ol, ul {list-style:none;} blockquote, q {quotes:none;} blockquote:before, blockquote:after, q:before, q:after {content:''; content:none;} input, select {vertical-align:middle;} /******************/ /******************/ /* html format ****/ a, a:link, a:visited, a:hover, a:active { color:inherit; -webkit-tap-highlight-color:transparent rgba(0,0,0,0); -moz-tap-highlight-color:transparent rgba(0,0,0,0); -ms-tap-highlight-color:transparent rgba(0,0,0,0); -o-tap-highlight-color:transparent rgba(0,0,0,0); tap-highlight-color:transparent rgba(0,0,0,0); text-decoration:none; -webkit-text-decoration-skip:objects; } a:hover {color:#78033c; color:var(--oz-color-rouge);} h1, h2, h3, h4, h5, h6 {display:block; font-family: "FOT-筑紫ゴシック Pro B"; } b {color:#78033c; color:var(--oz-color-rouge);} i {font-style:normal;} u {text-decoration:underline;} em {font-weight:bold;} strong {font-weight:bold; font-size:1.1em;} mark {background:transparent;} q {} q:before, q:after {content:'"';} s {text-decoration:underline;} del {text-decoration:line-through;} ins {} iframe {} ruby {} rt {font-size:0.5em;} sup {vertical-align:super; font-size:smaller;} sub {vertical-align:sub; font-size:smaller;} details {margin:0 0 40px 0;} hr {margin:0 0 40px 0; border:0; border-top:1px solid var(--oz-color-light); height:0;} table {border-collapse:collapse; border-spacing:0; empty-cells:show; border:0; width:100%; margin:0 0 2em 0; border-top:1px solid var(--oz-color-light);} table th, table td {padding:16px 4px; vertical-align:top; border-bottom:1px solid var(--oz-color-light);} table thead th, table thead td {background-color:#78033c; background-color:var(--oz-color-rouge); color:#fff; text-align:center; vertical-align:middle;} table caption {text-align:left; padding:8px;} ::-moz-selection {background:var(--oz-color-rouge); color:#fff;} ::selection {background:var(--oz-color-rouge); color:#fff;} /******************/ /******************/ /* shortcodes *****/ .pc {display:block;} .tb {display:none;} .sp {display:none;} .pc.tb {display:block;} .pc.sp {display:block;} .tb.sp {display:none;} .alignright, .align-right, .textright, .text-right {text-align:right;} .alignleft, .align-left, .textleft, .text-left {text-align:left;} .center, .aligncenter, .align-center, .textcenter, .text-center {text-align:center; display:block; margin-left:auto; margin-right:auto;} .clear {clear:both;} .clearfix:after {content:""; clear:both; display:block; height:0; visibility:hidden;} [hidden], .hide, .none {display:none;} .hidden {overflow:hidden;} .left, .floatleft, .float-left {float:left;} .right, .float-right, .float-right {float:right;} .relative {position:relative;} .absolute {position:absolute;} .static {position:static;} .fixed {position:fixed;} .nowrap {white-space:nowrap;} .small {font-size:0.8em;} img.left, img.alignleft, img.align-left {margin:0 20px 20px 0; float:left;} img.right, img.alignright, img.align-right {margin:0 0 20px 20px; float:right;} img.full {width:100%; max-width:100%; height:auto;} table.border, table.border th, table.border td {border:1px solid var(--oz-color-light);} table.hover tbody tr:hover, table.hover tbody tr:nth-child(odd):hover, table.hover tbody tr:nth-child(even):hover {background:var(--oz-color-rouge); color:#fff; cursor:text;} table.stripe tbody tr:nth-child(odd) {background-color:var(--oz-color-light);} :root { --oz-color-black:#282828; --oz-color-dark:#333; --oz-color-rouge:#78033c; --oz-color-pink:#be1e6e; --oz-color-purple:#300018; --oz-color-gray:#999; --oz-color-light:#e6e6e6; --oz-color-creme:#f8f8f8; } .color-black {color:var(--oz-color-black);} .color-gray {color:var(--oz-color-gray);} .color-light {color:var(--oz-color-light);} .color-rouge {color:#78033c; color:var(--oz-color-rouge);} .color-pink {color:var(--oz-color-pink);} .color-white {color:#fff;} .color-success {color:blue;} .color-error {color:red;} .color-warning {color:yellow;} /******************/ /******************/ /* WordPress Tags */ img.size-full, img.size-large, .wp-post-image, .post-thumbnail img { max-width:100%; width:100%; height:auto; } .wp-caption {} .wp-caption-text {} .sticky {} .gallery-caption {} .bypostauthor {} #wpstats {display:none;} .wp-embedded-content {max-width:100%; width:100%;} .wp-video {margin:0 0 1em 0; max-width:100%; width:100%;} .wp-video-shortcode {margin:0 0 1em 0; max-width:100%; width:100%;} /******************/ /******************/ /* layout ********/ #to, #bo {clear:both; display:block; height:0; overflow:hidden;} .site {width:100%; height:auto; position:relative;} .inner {clear:both; display:block; margin:0 auto; position:relative; max-width:1100px; width:100%; padding:0 60px; padding-left:calc( 20px + constant(safe-area-inset-left) ); padding-right:calc( 20px + constant(safe-area-inset-right) ); } .inner[data-width="min"] {max-width:800px;} .inner[data-width="mid"] {max-width:1200px;} .inner[data-width="max"] {max-width:1600px;} .inner:after {content:""; display:block; clear:both; height:0; visibility:hidden; overflow:hidden;} /******************/ /******************/ /* header *********/ #branding {width:160px; height:100%; min-height:100vh; position:fixed; top:0; left:0; bottom:0; box-shadow:4px 0 2px 2px rgba(0,0,0,0.2); background:url("images/bg-gray.png") center center repeat; background-size:5px 5px; z-index:1; z-index:9998; } #header {width:160px; height:auto; padding:0 0 20px 0; display:block; position:absolute; top:0; left:0; /*background-color:#282828; background-color:var(--oz-color-dark);*/ -webkit-overflow-scrolling:touch; overflow-scrolling:touch; z-index:9999; } #header.fixed {position:fixed;} #header.fixed-bottom {position:fixed; bottom:0; top:auto;} #h-logo {margin:0; padding:20px 0 16px; background:#fff;} #h-logo h1 {display:block; white-space:nowrap; overflow:hidden; position:relative; width:120px; height:120px; margin:0 auto;} #h-logo h1 a { display:block; background:url("images/logo-title.png") 0 0 no-repeat; background-image:url("images/icon.svg"), url("images/logo-title.png"); background-position:center 0, center 56px; background-size:40px 40px, 120px 60px; padding:130px 0 0 0; } #h-logo h1 a:hover {opacity:0.6;} #h-logo h1 span {display:none;} #h-logo h2 {margin:0 auto; display:none;} #h-logo a:hover {} /******************/ /* util ***********/ #h-util {background-color:var(--oz-color-rouge); color:#fff; margin:0 0 0 160px; height:32px; position:relative; font-size:10px; font-size:1.0rem;} /*#h-util ul {float:right; line-height:32px; margin:0 340px 0 0;} #h-util ul li {display:inline-block; white-space:nowrap; margin:0 0 0 12px;} #h-util ul li a {color:#fff; text-decoration:none;} #h-util ul li a:hover {text-decoration:underline;} */ #h-util p {position:absolute; width:120px; height:32px; line-height:34px; overflow:hidden; top:0; right:12px;} #h-util p a {background:#282828; color:#fff; display:block; padding:0;} #h-util ul {position:absolute; width:240px; height:32px; line-height:34px; overflow:hidden; top:0; right:12px; display:table; table-layout:fixed; border-spacing:4px 0;} #h-util ul li {display:table-cell;} #h-util ul li a {background:#282828; color:#fff; display:block; padding:0; cursor:pointer;} #h-util ul li.is-current a {background-color:#fff; color:#282828;} #h-search {position:absolute; margin:0 0; padding:4px 0; width:200px; right:280px;} #h-search input[type="text"] {background:#300018; background-color:var(--oz-color-purple); border:1px solid #300018; border-color:var(--oz-color-purple); border-radius:0; color:#fff; padding:0 6px; margin:0; height:24px; width:100%;} .search-toggle {display:none; width:24px; height:24px; overflow:hidden; background:#300018 url("images/ic-search.svg") center center no-repeat; background-size:14px 14px; background-color:#300018; background-color:var(--oz-color-purple); top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); right:96px; position:absolute; cursor:pointer; } .search-toggle:hover {background-color:#78033c; background-color:var(--oz-color-rouge);} /******************/ /******************/ /* navi ***********/ #h-navi {line-height:1.6; margin:0; position:relative; backface-visibility:hidden; transition:all 0.1s; transform:translate(0); } #h-navi {padding:0; display:block;} #h-navi ul {display:block; width:100%; list-style:none; margin:0; padding:0; border-collapse:collapse; font-size:12px; font-size:1.2rem; text-align:left; position:relative;} #h-navi ul li {display:block;} #h-navi ul li i {font-size:14px; font-size:1.4rem; display:block;} #h-navi ul li a {display:block; padding:16px 2px 16px 12px; background:no-repeat; background-color:var(--oz-color-dark); color:#fff; border-bottom:1px solid #282828; border-color:var(--oz-color-black);} #h-navi ul li a:hover, #h-navi ul.sub-menu li a:hover {background-color:#78033c; background-color:var(--oz-color-rouge); color:#fff;} /*#h-navi ul li.current-menu-item {display:none;}*/ /*#h-navi ul li.current-menu-item a {background-color:var(--oz-color-rouge);}*/ #h-navi ul li.menu-item-type-post_type_archive > a, #h-navi ul li.menu-item-757 > a, #h-navi ul li.menu-item-725 > a, #h-navi ul li.menu-item-750 > a, #h-navi ul li.menu-item-1058 > a, #h-navi ul li.menu-item-1063 > a, #h-navi ul li.menu-item-1070 > a {background-color:#78033c; background-color:var(--oz-color-rouge); padding:6px 2px 6px 12px;} #h-navi ul li.menu-item-has-children > a {background-image:url("images/arrow-r-white.svg"); background-position:right 6px center; background-size:10px 10px;} #h-navi ul li.menu-item-has-children:hover ul.sub-menu {display:block;} /*#h-navi ul li.menu-item-has-children > a {background-color:var(--oz-color-rouge); padding:6px 2px 4px 12px;}*/ #h-navi ul.sub-menu {display:none; position:absolute; left:160px; top:0; bottom:inherit; min-height:100vh; background-color:rgba(50,50,50,0.9); background-size:5px 5px; } #h-navi ul.sub-menu li {opacity:1;} #h-navi ul.sub-menu li a {background-image:none; background-color:#282828; background-color:var(--oz-color-dark); background:transparent;} .navi-toggle {display:none; position:absolute; top:0; left:0; background:url("images/navi-toggle.png") center center no-repeat; background-color:#78033c; background-color:var(--oz-color-rouge); background-size:40px 40px; color:transparent; cursor:pointer; width:60px; height:60px; z-index:9999; } .navi-toggle:hover {background-color:#be1e6e; background-color:var(--oz-color-pink);} .navi-toggle.on {background-image:url("images/navi-close.png");} #h-navi-link {padding:24px 4px 0 12px;} #h-navi-link ul {text-align:left; font-size:10px; font-size:1.0rem;} #h-navi-link ul li {margin:0 0 12px 0; display:block;} #h-navi-link ul li a {color:#fff;} #h-navi-link ul li a:hover {/*color:#78033c; color:var(--oz-color-rouge);*/ text-decoration:underline;} body.overlay {overflow:hidden;} #header.fixed-bottom #h-navi ul {position:inherit;} #header.fixed-bottom #h-navi .sub-menu {position:fixed; top:0; bottom:0;} #header-lang {padding:16px 12px 32px 12px;} #header-lang ul li {display:block; margin:0 0 12px 0;} #header-lang ul li a {display:block; background-color:#fff; color:#333; padding:2px 0; cursor:pointer;} #header-lang ul li a:hover {background-color:#78033c; background-color:var(--oz-color-rouge); color:#fff;} #header-lang ul li.is-current a {background-color:#333; background-color:var(--oz-color-dark); color:#fff;} /******************/ /******************/ /* widget *********/ #f-widget {} .widget {padding:0; position:relative; clear:both; background:var(--oz-color-light); line-height:1.2;} .widget ul {text-align:center; display:table; table-layout:fixed; width:100%; list-style:none; border-collapse:collapse; font-size:11px; font-size:1.1rem;} .widget ul li {display:table-cell; margin:0; padding:0; position:relative; vertical-align:top; padding:60px 4px;} .widget ul li span {text-align:left; display:inline-block; margin:0 auto; position:relative; padding-left:40px;} .widget ul li:nth-child(2) {border-left:1px solid #fff;} .widget ul li i {display:block; font-size:15px; font-size:1.5rem; margin:0 0 4px 0;} .widget ul li a {display:block; padding:0; background:#555 center center repeat; background-size:5px 5px; color:#fff; position:absolute; top:0; left:0; right:0; bottom:0;} .widget ul li:nth-child(1) a {background-image:url("images/bg-dark.png"); background-color:var(--oz-color-dark);} .widget ul li:nth-child(2) a {background-image:url("images/bg-gray.png"); background-color:var(--oz-color-gray);} .widget ul li a:hover {background:#78033c; background:var(--oz-color-rouge); color:#fff;} .widget ul li a:hover i {color:#fff;} .widget ul li a:hover span:before {color:#fff;} .widget ul li span {position:relative; top:50%; margin:0 0 0 12px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); display:inline-block; } .widget ul li span:before {position:absolute; left:0; top:50%; margin-top:-0.5em; margin-right:0.4em; content:"\e7f1"; font-family:'Material Icons'; font-size:32px; line-height:1; white-space:nowrap;} .widget ul li:nth-child(2) span:before {content:"\e55b";} /******************/ /******************/ /* footer *********/ #footer {text-align:center; padding:0; margin:0 0 0 160px; line-height:1.6;} #f-logo {background:#3c0e18; text-align:center; color:#fff; padding:80px 0;} #f-logo h2 {margin:0 auto 20px; width:100px; height:110px; overflow:hidden;} #f-logo h2 a {background:center center no-repeat; background-image:url("images/icon-white.png"), url("images/logo-title-white.svg"); background-position:center 0, center 60px; background-size:50px 50px, 100px 40px; padding:140px 0 0 0; display:block; } #f-logo h2 a:hover {opacity:0.8;} #f-logo p {display:none;} small#site-info {clear:both; font-size:9px; font-size:0.9rem;} #f-navi {position:relative; padding:40px 0 40px 0; background:#f8f8f8; background:var(--oz-color-creme);} #f-navi .inner {padding:0 24px;} #f-navi .table {table-layout:fixed; width:100%; text-align:left; border-collapse:collapse;} #f-navi .module {display:table-cell; padding:0 12px; margin:0;} #f-navi .module:not(:last-child) {border-right:1px solid #ccc;} #f-navi h4 {font-weight:bold; font-size:14px; font-size:1.4rem; margin:0 0 12px 0;} #f-navi ul {font-size:11px; font-size:1.1rem;} #f-navi ul.sub-menu {padding:0 0 0; margin:4px 0 12px 0;} #f-navi ul li {display:block; margin:0 0 6px 0;} #f-navi ul.sub-menu li {margin:0 0 4px 0; padding:0 0 0 1em; text-indent:-1em;} #f-navi ul.sub-menu li a {background:url("images/arrow-r-rouge.svg") left center no-repeat; background-size:10px 10px; padding:0 0 0 12px;} #f-navi ul li a {} #f-navi ul li a[target="_blank"] {background:url("images/ic-external-dark.svg") right center no-repeat; padding-right:20px; background-size:12px 12px;} #f-navi ul li a[target="_blank"]:hover {background-image:url("images/ic-external-rouge.svg");} #f-navi ul li a:hover {} #f-navi ul li i {display:block; font-size:14px; font-size:1.4rem;} #f-navi-link ul {padding:32px 0 0 0; margin:0;} #f-navi-link ul li {display:inline-block;} #f-navi-link ul li:not(:last-child):after {content:"｜"; margin:0 0.4em 0 0.6em;} #f-navi-link ul li a {display:inline-block;} #f-navi-link ul li a:after {} @media screen and (max-width:740px) { #f-navi #f-navi-link ul {padding:32px 0 0 0; margin:0;} #f-navi #f-navi-link ul li {} #f-navi #f-navi-link ul li:not(:last-child):after {display:none;} #f-navi #f-navi-link ul li a {display:inline-block;} #f-navi #f-navi-link ul li a:after {} } #footer-lang {line-height:1.4; position:relative; padding:0 0 40px 0; background:#f8f8f8; background:var(--oz-color-creme);} #footer-lang ul {position:relative; text-align:center; display: table; table-layout:fixed; min-width: 160px; width: 240px; max-width: 300px; margin: 0 auto; border-spacing: 12px; line-height: 1.4; } #footer-lang ul li {display:table-cell; white-space:nowrap;} #footer-lang ul li a {display:block; background-color:#3c0e18; background-color:#fff; color:#cbd2d9; color:#78033c; padding:6px 0 6px;} #footer-lang ul li a:hover {background:#78033c; background:var(--oz-color-rouge); color:#fff; cursor:pointer;} #footer-lang ul li i {} #footer-lang ul li.is-current a {background-color:#3c0e18; color:#fff;} #footer-lang ul li.is-current a:hover {cursor:default;} /******************/ /******************/ /* main ***********/ #main {padding:0; margin:0 0 0 160px; line-height:1.8; overflow:hidden; clear:both; letter-spacing:0.16vw; position:relative;} #main a { /* -webkit-transition:0.2s ease-in-out; -moz-transition:0.2s ease-in-out; -ms-transition:0.2s ease-in-out; -o-transition:0.2s ease-in-out; transition:0.2s ease-in-out; -webkit-transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); -moz-transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); transition:all 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); */ } /* #content { float:left; width:100%; width:-webkit-calc(100% - 320px); width:-moz-calc(100% - 320px); width:-ms-calc(100% - 320px); width:-o-calc(100% - 320px); width:calc(100% - 320px); } #sidebar {width:280px; float:right; padding:0; text-align:left;} */ /******************/ /******************/ /* sidebar.php ****/ #sidebar {} #sidebar .module {margin-bottom:20px; display:block; clear:both;} /******************/ /******************/ /* article ********/ .article {margin:0; padding:0; vertical-align:top; position:relative; /*word-break:break-all; word-wrap:break-word;*/ word-wrap:break-word; overflow-wrap:break-word; } .article h1, .article h2, .article h3, .article h4, .article h5, .article h6 {margin:0 auto 1em auto; line-height:1.2; text-align:center; clear:both;} .article h1 {font-size:38px; font-size:3.8rem;} .article h2 {font-size:34px; font-size:3.4rem;} .article h3 {font-size:32px; font-size:3.2rem;} .article h4 {font-size:28px; font-size:2.8rem;} .article h5 {font-size:24px; font-size:2.4rem;} .article h6 {font-size:18px; font-size:1.8rem;} .article h1 i, .article h2 i, .article h3 i, .article h4 i, .article h5 i, .article h6 i {display:block;} .article p {margin:0 0 2.0em 0;} .article ul, .article ol {margin:0 0 2em 0; padding:0; list-style:outside;} .article ul ul, .article ul ol, .article ol ul, .article ol ol {margin-bottom:0;} .article ul {list-style:none;} .article ul ul {list-style:circle;} .article ol {list-style:none;} .article ol ol {list-style:upper-roman;} .article dl {margin:0 0 2em 0; padding:0;} .article dl dt {margin:0; position:relative; font-size:1.1em;} .article dl dd {margin:0 0 1em 0; padding:0;} .article img {max-width:100%; height:auto;} .article blockquote { padding:1em; margin:0 0 2em 1em; border-left:2px solid #000000; } .article blockquote > *:last-child, .article blockquote > *:last-child > *:last-child, .article blockquote > *:last-child > *:last-child > *:last-child {margin:0;} blockquote cite {font-size:0.8em;} blockquote cite:before {content:"— "; margin:0 0 0 1em;} pre, code { font-family:"Deja-vu Sans Mono", Monaco, "Consolas", "Courier New", "Osaka-mono", "MS Gothic", monospace; color:#ffffff; background:var(--oz-color-dark); border-radius:4px; margin:0 0 20px 0; padding:0.8em 1em; white-space:pre-wrap; word-break:break-all; word-wrap:break-word; } code {display:inline-block; padding:0.1em 0.4em; margin:0 0.2em;} /* このコードを記述するとボックスの下に 余白ができてしまうので… pre::-webkit-scrollbar {width:15px;} pre::-webkit-scrollbar-thumb {background:#ccc;} */ /******************/ /* post-type ******/ .section h1, .section h2, .section h3, .section h4, .section h5, .section h6 {text-align:left; line-height:1.4; position:relative;} .section h3 {font-size:20px; font-size:2.0rem; text-align:center; padding:0 0 16px 0; margin-bottom:2em;} .section h3:after {left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); } .section h3:after {content:""; position:absolute; bottom:0; width:60px; height:1px; background-color:#be1e6e; background-color:var(--oz-color-pink);} .type-page, .type-post {text-align:left;} .page-title {margin:0 0 0; padding:60px 0; background-color:#e6e6e6; background-color:var(--oz-color-light); text-align:left; position:relative; overflow:hidden;} .page-title:before, .page-title:after {content:""; display:block; position:absolute; z-index:0;} .page-title:before {top:0; left:0; width:20%; padding-top:20%; background:linear-gradient(135deg, #f5f5f5 0%, #f5f5f5 50%, transparent 50%, transparent 100%);} .page-title:after {bottom:0; right:0; width:54%; padding-top:54%; background: linear-gradient(135deg, transparent 0%, transparent 50%, #dedddd 50%, #d2d1d1 100%);} .page-title .inner {padding:0 60px; position:relative;} .page-title h3 {font-size:40px; font-size:4.0rem; margin:0; color:#78033c; color:var(--oz-color-rouge); font-weight:bold; text-align:left; line-height:1.2; position:relative; /*font-family: "FOT-筑紫ゴシック Pr5 L";*/ z-index:2;} .page-title h3 i {display:none;} .page-thumbnail {max-height:100vh; height:30vh; overflow:hidden; margin:0 0 60px 0;} .page-thumbnail img {width:100%;} .page-menu {position:relative; margin:0 0 0; background-color:#e6e6e6; background-color:var(--oz-color-light); border-top:1px solid #fff; z-index:99;} .page-menu ul {display:table; table-layout:fixed; padding:0; margin:0 0 0; width:100%; text-align:center; border-collapse:collapse; font-size:12px; font-size:1.2rem;} .page-menu ul li {display:table-cell; border-left:1px solid #fff; border-right:1px solid; border-color:#fff; padding:0; margin:0; text-indent:0; white-space:nowrap;} .page-menu ul li:before {display:none;} .page-menu ul li.active a {background-color:#78033c; background-color:var(--oz-color-rouge); color:#fff;} .page-menu ul li a {display:block; text-decoration:none; background-color:#e6e6e6; background-color:var(--oz-color-light); padding:6px 0; background-image:url(""); background-size:60px 60px;} .page-menu ul li:nth-child(1) a {background-image:url("");} .page-menu ul li:nth-child(2) a {background-image:url("");} .page-menu ul li:nth-child(3) a {background-image:url("");} .page-menu ul li:nth-child(4) a {background-image:url("");} .page-menu ul li:nth-child(5) a {background-image:url("");} .page-menu ul li:nth-child(6) a {background-image:url("");} .page-menu ul li a:hover {background-color:#be1e6e; background-color:var(--oz-color-pink); color:#fff;} .page-menu ul li.active a:hover {background-color:#78033c; background-color:var(--oz-color-rouge);} .page-menu ul li img {display:none;} .page-content a, .post-content a {text-decoration:underline; color:#78033c; color:var(--oz-color-rouge);} .page-content a:hover, .post-content a:hover {color:#be1e6e; color:var(--oz-color-pink);} .page-content a[target="_blank"], .post-content a[target="_blank"] {padding:0 20px 0 0; background:url("images/ic-external-rouge.svg") right center no-repeat; background-size:12px 10px; margin:0 0.4em 0 0;} .page-content {text-align:left;} .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 {text-align:left; line-height:1.4; position:relative;} .page-content h4, .post-content h4 {padding:0 0 20px 0; margin:80px 0 36px 0;} .page-content h4:after, .post-content h4:after {content:""; position:absolute; left:0; bottom:0; width:60px; height:1px; background-color:#be1e6e; background-color:var(--oz-color-pink);} .page-content h5, .post-content h5 {font-weight:bold; margin:0 0 1em 0; background:url("images/ic-h5.svg") left center no-repeat; padding:0 0 0 1.4em; background-size:20px 20px;} .page-content h6, .post-content h6 {font-weight:bold; margin:0 0 0.4em 0;} .page-content h6:before, .post-content h6:before {content:"●";} .type-page .box, .type-oz-custom-course .box {background:#f8f8f8; padding:2em 2em 0.1em; margin:0 0 2em 0; clear:both;} .type-page .box:after, .type-oz-custom-course .box:after {content:""; clear:both; display:block;} .type-post h1, .type-post h2, .type-post h3, .type-post h4, .type-post h5, .type-post h6 {text-align:left; line-height:1.4; position:relative;} .post-category {display:block; margin:0 0 6px 0;} .post-category a {padding:4px 12px; background:#78033c; background:var(--oz-color-rouge); color:#fff;} .post-date {line-height:1.2; padding:12px 0 0 0;} .post-date {display:block; white-space:nowrap;} .post-title h3 {font-size:21px; font-size:2.1rem;} .type-page ol {list-style:decimal; padding:0 0 0 2em;} .type-page ol li {padding:0 0 0 1em; text-indent:0;} .type-post ul, .type-oz-custom-course ul {padding:0 0 0 1em;} .type-post ul li, .type-oz-custom-course ul li {padding:0 0 0 2em; text-indent:-2em;} .type-post ul li:before, .type-oz-custom-course ul li:before {content:""; padding:0 0 0 2em; background:url("images/arrow-r-dark.svg") left center no-repeat; background-size:12px 12px;} .type-post ol, .type-oz-custom-course ol {list-style:decimal; padding:0 0 0 3em;} .type-post ol li, .type-oz-custom-course ol li {padding:0 0 0 0em; text-indent:0;} /******************/ /******************/ /* front-page.php */ #top-slider {position:relative; width:100%; height:calc(100vh - 32px); min-height:320px; max-height:56vh; overflow:hidden; margin:0 0 80px 0; z-index:1;} #top-slider ul { list-style:none; padding:0 0 0; margin:0; height:100%; display:-webkit-flex; display:flex; flex-wrap:wrap; flex-direction:row; align-items:stretch; align-content:stretch; -webkit-justify-content:space-between; justify-content:space-between; text-align:center; } #top-slider ul li { position:relative; display:block; margin:0 0 0; padding:0; flex:0 1 auto; flex-grow:0; flex-shrink:1; /*flex-basis:25%; max-width:25%;*/ -webkit-flex:1; -moz-flex:1; -ms-flex:1; -o-flex:1; flex:1; overflow:hidden; transition:-webkit-flex 500ms ease-out; transition:-moz-flex 500ms ease-out; transition:-ms-flex 500ms ease-out; transition:-o-flex 500ms ease-out; transition:flex 500ms ease-out; background:rgba(0,0,0,0.2) center center no-repeat; background-size:cover; } #top-slider ul li:not(:last-child) {border-right:1px solid #fff;} #top-slider ul li:nth-child(1) {background-image:url("images-page/top-slider-01.png");} #top-slider ul li:nth-child(2) {background-image:url("images-page/top-slider-02.png");} #top-slider ul li:nth-child(3) {background-image:url("images-page/top-slider-03.png");} #top-slider ul li:nth-child(4) {background-image:url("images-page/top-slider-04.png");} #top-slider ul li a {} #top-slider ul li a:before { transition:500ms ease-out; transition:500ms ease-out; transition:500ms ease-out; transition:500ms ease-out; transition:500ms ease-out; content:""; display:block; position:absolute; left:0; right:0; bottom:0; height:20%; background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 100%); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); z-index:3; } #top-slider ul li a:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; background:url("images/bg-dark.png") center center repeat; background-size:5px 5px; opacity:0.3; z-index:2;} #top-slider ul li a:hover:before { height:32%; background:-webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); background:-moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.8) 100%); background:linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.8) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); } #top-slider ul li a:hover:after {opacity:0;} #top-slider ul li span {position:absolute; white-space:nowrap; bottom:24px; left:0; right:0; z-index:5;} #top-slider ul li i {display:block;} #top-slider ul li a {display:block; height:100%; color:#fff; position:relative;} #top-slider ul li:hover { -webkit-flex:1.5; -moz-flex:1.5; -ms-flex:1.5; -o-flex:1.5; flex:1.5; cursor:pointer; } #top-news {padding-bottom:80px;} #top-news .archives .a-summary {display:none;} #top-news p.btn {float:right;} #top-option {margin:0 0 80px 0;} #top-option dl a {width:100%; height:360px; display:block; position:relative; background:url("images-page/top-option-00.png") center center no-repeat; background-size:cover; margin:0 0 60px 0; } #top-option dl dd span {position:absolute; text-align:right; font-size:12px; font-size:1.2rem; display:block; right:0; bottom:20px; display:block; min-width:40%; background:#78033c; background:var(--oz-color-rouge); color:#fff; padding:20px 12px; z-index:12;} #top-option dl dd span i {display:none;} #top-option ul {font-size:12px; font-size:1.2rem; -webkit-justify-content:space-between; justify-content:space-between; } #top-option ul li { background:#fff; padding:0; flex-basis:48%; max-width:48%; position:relative; } #top-option ul li span {text-align:right; font-size:12px; font-size:1.2rem; position:absolute; right:8px; bottom:20px; display:block; min-width:40%; display:block; background:#78033c; background:#78033c; background:var(--oz-color-rouge); color:#fff; padding:20px 12px; z-index:12;} #top-option ul li i {display:none;} #top-option a {display:block; line-height:0; border:8px solid #e6e6e6; border-color:var(--oz-color-light);} #top-option a:hover {border-color:#be1e6e; border-color:var(--oz-color-pink);} #top-option a:hover span {background-color:#be1e6e; background-color:var(--oz-color-pink);} /****************** /******************/ /* page.php *******/ #post-about .figure {float:right; width:100%; max-width:30%; margin:0 0 1em 1em;} #post-about dl {} #post-about dl dt {color:var(--oz-color-rouge); background:url("images/arrow-r-rouge.svg") left center no-repeat; background-size:12px 12px; padding:0 0 0 1em;} #post-about dl dd {padding:0 0 0 1em; text-indent:0; display:block;} #post-about ul {list-style:none; padding:0 0 0; margin:0; display:-webkit-flex; display:flex; flex-wrap:wrap; flex-direction:row; align-items:stretch; align-content:stretch; -webkit-justify-content:space-between; justify-content:space-between; } #post-about ul li { position:relative; display:block; margin:0 0 6% 0; padding:0; flex:0 1 auto; flex-grow:0; flex-shrink:1; flex-basis:32%; max-width:32%; border-color:#be1e6e; border:1px solid var(--oz-color-pink); padding:1em; } #post-about ul li img {margin:0 auto; max-width:80%; display:block;} #post-about ul li span {display:block; font-size:12px; font-size:1.2rem;} #post-about ul li .title {font-weight:bold; text-align:center; margin:0 0 0.4em 0; font-size:14px; font-size:1.4rem;} #post-class ul {text-align:center;} #post-class ul li {flex-basis:48%; max-width:48%; background-color:#78033c; background-color:var(--oz-color-creme); padding:2em; margin:0 0 2% 0;} #post-class ul li span {display:block;} #post-class ul li .title b {font-size:16px; font-size:1.6rem; font-weight:bold; display:block;} #post-class ul li .meta {font-size:10px; font-size:1.0rem; margin:0 0 20px 0;} #post-class ul li .text {position:relative; text-align:left; margin:0 0 12px 0;} #post-class ul li .text:before {content:""; width:80px; height:1px; display:block; position:absolute; left:50%; top:-8px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); background-color:#be1e6e; background-color:var(--oz-color-pink); } #post-lecture-ethics .figure {max-width:30%; float:right; margin:0 0 1em 1em;} #post-lineup table {text-align:center; table-layout:fixed; font-size:12px; font-size:1.2rem;} #post-lineup table thead td {white-space:nowrap;} #post-lineup table tbody td:nth-child(4), #post-lineup table tbody td:nth-child(5) {white-space:nowrap;} #post-curriculum ul {list-style:none; padding:0 0 0; margin:0; display:-webkit-flex; display:flex; flex-wrap:wrap; flex-direction:row; align-items:stretch; align-content:stretch; -webkit-justify-content:space-between; justify-content:space-between; } #post-curriculum ul li {position:relative; display:block; margin:0 0 6% 0; padding:0; flex:0 1 auto; flex-grow:0; flex-shrink:1; flex-basis:32%; max-width:32%; border-color:#be1e6e; border:1px solid var(--oz-color-pink); padding:1em; } #post-curriculum ul li span {display:block; font-size:12px; font-size:1.2rem;} #post-curriculum ul li .title {text-align:center; font-size:14px; font-size:1.4rem; margin:0 0 12px 0; font-weight:bold;} #post-curriculum table tbody {font-size:12px; font-size:1.2rem;} #post-curriculum table td:nth-child(1), #post-curriculum table td:nth-child(2) {text-align:center;} #post-admission ul { list-style:none; padding:0 0 0; margin:0; display:-webkit-flex; display:flex; flex-wrap:wrap; flex-direction:row; align-items:stretch; align-content:stretch; -webkit-justify-content:space-between; justify-content:space-between; text-align:center; font-size:12px; font-size:1.2rem; } #post-admission ul li { position:relative; display:block; margin:0 0 6% 0; padding:0; flex:0 1 auto; flex-grow:0; flex-shrink:1; flex-basis:24%; max-width:24%; border-color:#e6e6e6; border:1px solid var(--oz-color-light); padding:1em; } #post-admission ul li span {display:block;} #post-admission ul li .title {color:#78033c; color:var(--oz-color-rouge); font-size:16px; font-size:1.6rem;} #post-admission ul li .meta {position:relative; margin:0 0 16px 0;} #post-admission ul li .meta:after {content:""; position:absolute; bottom:-8px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); margin:0 auto; clear:both; display:block; width:80px; height:1px; background-color:#be1e6e; background-color:var(--oz-color-pink); } #post-admission ul li .text {margin:0 0 12px 0;} #post-agenda table thead th, #post-agenda table thead td {padding:12px;} #post-agenda table thead th {text-align:center; vertical-align:middle;} #post-agenda table tbody th {text-align:center; vertical-align:middle;} #post-agenda table tbody th span {display:block;} #post-agenda table tbody td {vertical-align:middle; font-size:12px; font-size:1.2rem;} #post-admission-ac table {table-layout:fixed;} #post-admission-ac table tr td:nth-child(even) {background-color:#f8f8f8; background-color:var(--oz-color-creme);} #post-admission-policy ul { list-style:none; padding:0 0 0; margin:0; display:-webkit-flex; display:flex; flex-wrap:wrap; flex-direction:row; align-items:stretch; align-content:stretch; -webkit-justify-content:space-between; justify-content:space-between; text-align:center; font-size:12px; font-size:1.2rem; } #post-admission-policy ul li { position:relative; display:block; margin:0 0 6% 0; padding:0; flex:0 1 auto; flex-grow:0; flex-shrink:1; flex-basis:24%; max-width:24%; border-color:#e6e6e6; border:1px solid var(--oz-color-light); padding:1em; } #post-admission-policy ul li span {display:block; margin:0 0 12px 0;} #post-admission-policy ul li .title {color:#78033c; color:var(--oz-color-rouge); font-size:16px; font-size:1.6rem;} #post-admission-policy ul li .btn {margin:0 auto 0;} .admissions-menu ul, .admissions-menu ol {list-style:none; text-align:center; display:table; table-layout:fixed; border-collapse:collapse; width:100%; vertical-align:middle;} .admissions-menu ul li, .admissions-menu ol li {display:table-cell; padding:0; margin:0; border:1px solid #e6e6e6; border-color:var(--oz-color-light); position:relative;} .admissions-menu ul li a, .admissions-menu ol li a {display:block; padding:6px 12px; text-decoration:none; background-color:#78033c; background-color:var(--oz-color-creme);} #post-late-admissions table, #post-late-admissions table th, #post-late-admissions table td, #post-midyear-admissions table, #post-midyear-admissions table th, #post-midyear-admissions table td, #post-admission-recommendation table, #post-admission-recommendation table th, #post-admission-recommendation table td {text-align:center; vertical-align:middle; border:1px solid #e6e6e6; border-color:var(--oz-color-light);} #post-late-admissions table thead th, #post-midyear-admissions table thead th, #post-admission-recommendation table thead th {white-space:nowrap; padding-left:12px; padding-right:12px;} #post-late-admissions table tbody th, #post-midyear-admissions table tbody th, #post-admission-recommendation table tbody th {white-space:nowrap; font-weight:bold;} #post-admission-recommendation table tbody th {background-color:#78033c; background-color:var(--oz-color-rouge); color:#fff;} #post-admission-recommendation table tbody td.align-left {text-align:left;} #post-theses ol {} #post-theses ul {border-color:#e6e6e6; border-top:1px solid var(--oz-color-light); margin:0 0 3em 0;} #post-theses ul li {padding:6px 12px; border-color:#e6e6e6; border-bottom:1px solid var(--oz-color-light);} #post-theses ul li:nth-child(odd) {background-color:#f8f8f8; background-color:var(--oz-color-creme);} .course-theses ul {border-color:#e6e6e6; border-top:1px solid var(--oz-color-light); margin:0 0 3em 0; padding:0;} .course-theses ul li {padding:6px 12px; margin:0; text-indent:0; border-color:#e6e6e6; border-bottom:1px solid var(--oz-color-light);} .course-theses ul li:before {display:none;} .course-theses ul li:nth-child(odd) {background-color:#f8f8f8; background-color:var(--oz-color-creme);} #post-career ul {list-style:none; padding:0 0 0; margin:0; display:-webkit-flex; display:flex; flex-wrap:wrap; flex-direction:row; align-items:stretch; align-content:stretch; -webkit-justify-content:space-between; justify-content:space-between; text-align:center; font-size:12px; font-size:1.2rem; } #post-career ul li { position:relative; display:block; margin:0 0 6% 0; padding:0; flex:0 1 auto; flex-grow:0; flex-shrink:1; flex-basis:32%; max-width:32%; border-color:#78033c; border:1px solid var(--oz-color-rouge); padding:1em; } #post-career ul li span {display:block; margin:0 auto 4px auto;} #post-career ul li .title {font-size:16px; font-size:1.6rem; padding:86px 0 0 0; background:url("images-page/career-01.png") center top no-repeat; background-size:72px 72px;} #post-career ul li:nth-child(1) .title {} #post-career ul li:nth-child(2) .title {background-image:url("images-page/career-02.png");} #post-career ul li:nth-child(3) .title {background-image:url("images-page/career-03.png");} #post-career ul li a {text-decoration:none;} #post-capacity table th, #post-capacity table td {padding:12px;} #post-capacity table th {background-color:#78033c; background-color:var(--oz-color-rouge); color:#fff; text-align:center; vertical-align:middle;} #post-study dl {margin:0 0 2em 0;} #post-study dl dt {margin:1.6em 0 0 0; font-size:1.2em;} #post-study dl dt a {background:url("images/arrow-r-rouge.svg") left center no-repeat; background-size:12px 12px; padding:0 0 0 16px; text-decoration:none;} #post-study dl dt a:hover {color:#78033c; color:var(--oz-color-rouge); text-decoration:underline;} #post-study dl dd {margin:0 0 0 1em; padding:0 0 0 1em;} #post-study dl dd a {background:url("images/arrow-r-dark.svg") left center no-repeat; background-size:10px 10px; padding:0 0 0 16px; color:#282828; color:var(--oz-color-dark);} #post-study dl dd a:hover {color:#78033c; color:var(--oz-color-rouge);} #post-employment table th, #post-employment table td {padding:12px;} #post-employment table th {background-color:#78033c; background-color:var(--oz-color-rouge); color:#fff; text-align:center; white-space:nowrap; vertical-align:middle;} #post-employment table td {font-size:12px; font-size:1.2rem;} #post-employment table td dl {margin:0;} #post-employment table td dl dt {font-weight:bold;} #post-employment table td dl dt:not(:first-child) {margin:1em 0 0 0;} #post-employment table td dl dd {margin:0;} dl.employment-support {} dl.employment-support dt {font-weight:bold; padding:0 0 0 1em; text-indent:-1em; color:#78033c; color:var(--oz-color-rouge)} dl.employment-support dt:before {content:"●";} dl.employment-support dd {padding:0 0 0 1em;} #post-message dl {clear:both; margin:0 0 60px 0; padding:20px; background-color:#f8f8f8; background-color:var(--oz-color-creme);} #post-message dl:after {content:""; clear:both; display:block;} #post-message dl dt {float:right; width:24%; max-width:120px; margin:0 0 2em 2em; font-size:12px; font-size:1.2rem;} #post-message dl dt span {display:block;} #post-message dl dt span:nth-child(1) {} #post-message dl dd {} #post-international dl dt:not(:first-child) {font-weight:bold; margin:2em 0 0 0;} #post-international dl dd {font-size:12px; font-size:1.2rem;} #post-pamphlet h4 {clear:both;} #post-pamphlet img {width:200px; max-width:36%; margin-bottom:80px;} #post-faq dl dt, #post-faq dl dd {position:relative; padding:4px 6px 4px 2em; background:right center no-repeat; background-color:#f8f8f8; background-color:var(--oz-color-creme);} #post-faq dl dt {font-weight:bold; cursor:pointer; padding:16px 24px 16px 2.4em; margin:6px 0 0 0; background-image:url("images/arrow-b-rouge.svg"); background-position:right 12px center; background-size:12px 12px; line-height:1.6;} #post-faq dl dt.active {background-color:#78033c; background-color:var(--oz-color-rouge); background-image:url("images/arrow-c-white.svg"); color:#fff;} #post-faq dl dt.active:hover {color:#fff;} #post-faq dl dd {display:none; margin:2px 0 0 0; padding:24px 20px 24px 4em; background-color:transparent;} #post-faq dl dt:hover {color:#be1e6e; color:var(--oz-color-pink);} #post-faq dl dt:before, #post-faq dl dd:before {margin-left:-1.6em; position:relative;} #post-faq dl dt:before {content:"Ｑ：";} #post-faq dl dd:before {content:"Ａ：";} #post-sitemap {padding:0 0 80px 0;} #post-sitemap .module {width:32%; float:left;} #post-sitemap .module:nth-child(3n) {float:right;} #post-sitemap .module:nth-child(3n + 1) {clear:both; margin-right:2%;} #post-sitemap .module:nth-child(3n + 2) {} #post-sitemap ul {padding:0 0 0 1em; margin:0 0 1em 0; list-style:none;} #post-sitemap ul li {} #post-sitemap ul li a {background:url("images/arrow-r-rouge.svg") left center no-repeat; background-size:10px 10px; padding:0 0 0 12px; text-decoration:none; color:#282828; color:var(--oz-color-dark);} #post-sitemap ul li a:hover {color:#78033c; color:var(--oz-color-rouge);} #post-sitemap ul li a[target="_blank"] {background-image:url("images/arrow-r-rouge.svg"), url("images/ic-external-dark.svg"); background-position:left center, right center; padding-right:20px; background-size:10px 10px, 14px 14px;} #post-sitemap ul li a[target="_blank"]:hover {background-image:url("images/arrow-r-rouge.svg"), url("images/ic-external-rouge.svg");} #post-sitemap ul li ul {} .major-course ul { display:-webkit-flex; display:flex; flex-wrap:wrap; flex-direction:row; align-items:stretch; align-content:stretch; -webkit-justify-content:flex-start; justify-content:flex-start; text-align:center; } .major-course ul li { margin:0 0 2% 0; flex:0 1 auto; flex-grow:0; flex-shrink:1; flex-basis:32%; max-width:32%; border:1px solid var(--oz-color-light); } .major-course ul li:nth-child(3n) {margin-right:0;} .major-course ul li:nth-child(3n + 1) {margin-right:2%;} .major-course ul li:nth-child(3n + 2) {margin-right:2%;} .major-course ul li {border-color:#e6e6e6; border:4px solid var(--oz-color-light); display:block; padding:0 0 40px 0; position:relative;} .major-course ul li span {display:block;} .major-course ul li .thumbnail {line-height:1;} .major-course ul li .thumbnail img {max-width:100%; width:100%; height:auto;} .major-course ul li .title {text-align:center; font-weight:bold; padding:8px 0 6px;} .major-course ul li .text {font-size:10px; font-size:1.0rem; padding:2px 12px 12px;} .major-course ul li .more {text-align:center; margin:0 0 0; position:absolute; bottom:12px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); } .major-course ul li a {text-decoration:none; display:block; white-space:nowrap;} .major-course ul li a .text {color:#282828; color:var(--oz-color-dark);} .major-course ul li a:hover {border-color:#78033c; border-color:var(--oz-color-rouge);} /* .professor-table ul {text-align:center;} .professor-table ul:after {content:""; clear:both; display:block;} .professor-table ul li {background:#e6e6e6; background:var(--oz-color-light); padding:1.2%; margin:0 0 2% 0; width:32%;} .professor-table ul li:aftre {content:""; clear:both; display:block;} .professor-table ul li:nth-child(3n) {float:right; clear:none; margin-right:0;} .professor-table ul li:nth-child(3n + 1) {float:left; clear:both; margin-right:2%;} .professor-table ul li:nth-child(3n + 2) {float:left; clear:none; margin-right:0;} .professor-table ul li span {display:block; font-size:12px; font-size:1.2rem; text-align:left;} .professor-table ul li .professor-thumbnail {width:80px; float:left; margin:0 4% 1.2% 0; line-height:1;} .professor-table ul li .professor-thumbnail img {width:100%; height:auto;} .professor-table ul li .professor-name {} .professor-table ul li .professor-name b {font-size:16px; font-size:1.6rem; margin:0 0.2em 0 0;} .professor-table ul li .professor-theme {font-weight:bold; position:relative; margin:0 0 0;} .professor-table ul li .professor-message {text-align:left; position:relative; margin:20px 0 0 0;} .professor-table ul li .professor-message:before {content:""; width:80px; height:1px; display:block; position:absolute; left:50%; top:-8px; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); background-color:#be1e6e; background-color:var(--oz-color-pink); } */ #post-404 p i {display:block; color:#78033c; border-color:var(--oz-color-rouge);} /******************/ /******************/ /* single.php *****/ /* #post-ID {} */ .oz-custom-course img.right {max-width:40%;} .course-subject {position:relative; margin:0 0 60px 0;} .course-subject ul {padding:0; margin:0 0 2em 0; list-style:none; display:-webkit-flex; display:flex; flex-wrap:wrap; flex-direction:row; align-items:stretch; align-content:stretch; -webkit-justify-content:flex-start; justify-content:flex-start; text-align:center; font-size:12px; font-size:1.2rem; } .course-subject ul li { margin:0 0 0; padding:2% 0.4%; text-indent:0; flex:0 1 auto; flex-grow:0; flex-shrink:1; flex-basis:20%; max-width:20%; border-color:#e6e6e6; border:1px solid var(--oz-color-light); margin-left:-1px; margin-top:-1px; overflow:hidden; } .course-subject ul li:nth-child(even) {background-color:#f8f8f8; background-color:var(--oz-color-creme);} .course-subject ul li:before {display:none;} .course-subject ul li span {display:block; font-size:0.2em; white-space:normal;} .course-lesson dl dt {font-weight:bold; margin:0 0 8px 0;} /* .course-voice h5 b {display:block; color:#282828; color:var(--oz-color-dark); font-size:20px; font-size:2.0rem;} .course-voice h5 {font-size:12px; font-size:1.2rem; padding-left:2.4em;}*/ .course-voice .figure {max-width:180px;} .course-voice .figure.right {margin:0 0 1em 1em; max-width:180px;} .course-voice img {margin:0 0 1em 0; max-width:140px;} .course-voice p {font-size:12px; font-size:1.2rem;} /******************/ /******************/ /* archive.php ****/ .archives {width:100%; margin:0 auto; text-align:left;} .archives ul {list-style:none; padding:0; margin:0 0 40px 0; font-size:14px; font-size:1.4rem;} .archives ul li {clear:both; display:block; margin:0 0 6px 0; padding:0;} .archives ul li a {background:#e6e6e6; background:var(--oz-color-light); display:block; vertical-align:middle; padding:6px 12px; position:relative;} .archives ul li a:hover {background-color:#78033c; background-color:var(--oz-color-rouge); color:#fff;} .archives ul li a:hover .a-category {background-color:#fff;} .archives ul li a:hover .a-category b {color:#78033c; color:var(--oz-color-rouge);} .archives ul li:after {content:""; clear:both; display:block;} .archives ul li span {display:block; overflow:hidden;} .archives .a-category {font-size:12px; font-size:1.2rem; background-color:#78033c; background-color:var(--oz-color-rouge); color:#fff; text-align:center; white-space:nowrap; width:8em; float:left; margin-right:1em; padding:2px;} .archives .a-category b {color:#fff;} .archives .a-title {} .archives .a-summary {display:none;} .archives .a-more {margin-bottom:12px;} .archives .a-meta {font-size:11px; font-size:1.1rem;} .archives .a-date {float:left; width:12em; margin:4px 0 0 0; text-align:center; font-size:11px; font-size:1.1rem; display:block; position:relative; white-space:nowrap; /*top:50%; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%);*/ } .archives .a-author {display:none;} .archives .a-none {display:none;} .archives .a-category a {color:var(--oz-color-gray);} .archives .a-more a {} .archives .entry-meta a {font-size:14px; font-size:1.4rem;} .archives ul li.pickup {line-height:0;} .archives ul li.pickup a {padding:12px;} .archives ul li.pickup .pickup-title {position:absolute; display:block; left:0; bottom:36px; background:#e6e6e6; background:var(--oz-color-light); overflow:visible; line-height:1.6; padding:12px 24px 12px 12px; z-index:7;} .archives ul li.pickup a:hover .pickup-title {background-color:#78033c; background-color:var(--oz-color-rouge); color:#fff;} .archives-box {background-color:#78033c; background-color:var(--oz-color-rouge); color:#fff; margin:0 0 1em 0;} .archives-search ul {margin:0 0 4em 0; text-align:left;} .archives-search ul li {margin:0 0 4px 0;} .archives-search ul li a {display:block; background:url("images/arrow-r-rouge.svg") 12px center no-repeat; background-color:#e6e6e6; background-color:var(--oz-color-light); background-size:12px 12px; padding:4px 8px 4px 32px;} .archives-search ul li a:hover {background-color:#78033c; background-color:var(--oz-color-rouge); background-image:url("images/arrow-r-white.svg"); color:#fff;} .archives-search p {margin:0 0 4em 0;} /******************/ /******************/ /* CustomContents */ .archives-course ol {width:100%; text-align:center; list-style:none; vertical-align:middle; margin:0; padding:0; list-style:none; display:-webkit-flex; display:flex; flex-wrap:wrap; flex-direction:row; align-items:stretch; align-content:stretch; -webkit-justify-content:space-around; justify-content:space-around; -webkit-justify-content:center; justify-content:center; } .archives-course ol li {background-color:#e6e6e6; background-color:var(--oz-color-light); vertical-align:middle; position:relative; margin:0; padding:0; flex:0 1 auto; flex-grow:0; flex-shrink:1; flex-basis:25%; max-width:25%; } .archives-course ol li:not(:last-child) {border-right:1px solid #fff;} .archives-course ol li a {white-space:nowrap; background-color:#e6e6e6; background-color:var(--oz-color-light); padding:6px 6px; text-decoration:none; text-align:center; vertical-align:middle; display:block; height:100%; display:-webkit-flex; display:flex; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; } .archives-course ol li a:hover {background-color:#78033c; background-color:var(--oz-color-rouge); color:#fff;} .archives-course ol li span {display:block;} .archives-professor ol {display:table; table-layout:fixed; width:100%; text-align:center; vertical-align:middle;} .archives-professor ol li {display:table-cell; background-color:#78033c; background-color:var(--oz-color-rouge);} .archives-professor ol li:hover {background:var(--oz-color-pink); color:#fff;} .archives-professor ol li:not(:last-child) {border-right:1px solid #fff;} .archives-professor ol li a {background-color:#78033c; background-color:var(--oz-color-rouge); color:#fff; padding:4px; display:block; text-decoration:none; vertical-align:middle;} .archives-professor ol li a:hover {background:var(--oz-color-pink); color:#fff;} .archives-professor table {font-size:12px; font-size:1.2rem; margin:0 0 60px 0;} .archives-professor table thead th {text-align:center; background-color:var(--oz-color-light); border:1px solid #fff; color:#282828; color:var(--oz-color-dark); padding:4px;} .archives-professor table tr:nth-child(odd) {background-color:#f8f8f8; background-color:var(--oz-color-creme);} .archives-professor table tr:nth-child(even) {} .archives-professor table tbody th {width:80px; max-width:80px; padding:4px 12px; line-height:0;} .archives-professor table th img {line-height:0;} .archives-professor table td {vertical-align:middle; padding:12px 6px;} .archives-professor table td:nth-child(1), .archives-professor table td:nth-child(2), .archives-professor table td:nth-child(3), .archives-professor table td:nth-child(4) {text-align:center;} .archives-professor table td.professor-position {white-space:nowrap;} .archives-professor .pr-title {white-space:nowrap;} .archives-professor .pr-title i {font-size:0.8em; margin:0 0 0 0; display:block; color:#78033c; color:var(--oz-color-rouge);} .archives-professor .pr-message {text-align:left; display:block;} /******************/ /******************/ /* comments.php ***/ /******************/ /******************/ /* materials ******/ .adr span {margin:0 0.4em 0 0; display:inline-block;} .figure {background:#fff; padding:2% 2%; margin:0 0 1em 0; line-height:1;} .figure.left {max-width:32%; margin:0 2em 1em 0;} .figure.right {max-width:32%; margin:0 0 1em 2em;} .figure img {width:100%; height:auto;} .figure p {margin:0 auto 0; line-height:1.6; text-align:center;} .figure p.name span {display:block; margin:0 0 0.2em 0;} .figcaption {display:block; text-align:center; padding:6px 0 4px 0; line-height:1.2; font-size:10px; font-size:1.0rem;} @media screen and (max-width:520px) { .figure.left {max-width:50%;} .figure.right {max-width:50%;} } @media screen and (max-width:460px) { .figure.left, .figure.right {max-width:100%; float:none; margin:0 0 1em 0;} } .name {font-weight:bold;} .name span {background:#78033c; background-color:var(--oz-color-rouge); color:#fff; margin:0 4px 0 0; padding:2px 6px 1px; display:inline-block;} /******************/ /* button *********/ /* .article button */ /* .more a {display:inline-block; min-width:inherit; padding:0 24px 8px;text-align:center; background:transparent; border-bottom:2px solid #326794; border-bottom:2px solid var(--oz-color-dark); color:#326794; color:var(--oz-color-dark); position:relative; line-height:1.2;} .more a i {display:block; font-size:1.2em;} .more a:after {content:""; width:0; height:0; border-style:solid; border-width:8px 0 0 16px; border-color:transparent transparent transparent #326794; border-color:transparent transparent transparent var(--oz-color-dark); position:absolute; right:-6px; bottom:-2px;} .more a:hover {cursor:pointer; color:var(--oz-color-rouge); border-bottom:2px solid var(--oz-color-rouge);} .more a:hover:after {border-color:transparent transparent transparent var(--oz-color-rouge);} */ [type="submit"], .btn a, .btn a[target="_blank"] {display:inline-block; min-width:112px; padding:6px 32px 4px 20px; text-align:center; background:transparent url("images/arrow-r-white.svg") right 16px center no-repeat; background-size:12px 12px; border:1px solid #78033c; border-color:var(--oz-color-rouge); background-color:#78033c; background-color:var(--oz-color-rouge); color:#fff; position:relative; font-size:12px; font-size:1.2rem; text-decoration:none; } .btn i {padding:0 12px 0 0; display:block;} .btn i:after { position:absolute; top:50%; bottom:50%; right:0.5em; margin:-0.5em 0; font-family:'Material Icons'; font-size:20px; line-height:1; white-space:nowrap; content:"\E5CC"; } [type="submit"]:hover, .btn a:hover, .btn a[target="_blank"]:hover {background-color:#fff; background-image:url("images/arrow-r-rouge.svg"); color:#78033c; color:var(--oz-color-rouge); cursor:pointer;} .btn.btn-small a {padding:4px 12px; min-width:30px; font-size:0.8em;} .btn.btn-large a {padding:8px 36px; min-width:180px; font-size:1.2em;} .btn.btn-success a {border-color:var(--oz-color-rouge); color:blue;} .btn.btn-success a:hover {background-color:var(--oz-color-rouge); color:#fff;} .btn.btn-error a {border-color:red; color:red;} .btn.btn-error a:hover {background-color:red; color:#fff;} .btn.btn-warning a {border-color:yellow; color:yellow;} .btn.btn-warning a:hover {background-color:yellow; color:#fff;} /******************/ /******************/ .alert { clear:both; display:block;color: inherit; border:1px solid transparent; display:block; padding:1rem; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; color:red; border-color:red; background-color:transparent; margin:0 0 1em 0; } .alert-success {border-color:blue; color:blue;} .alert-error {border-color:red; color:red;} .alert-warning {border-color:yellow; color:yellow;} .alert > p {margin:0;} .alert em, .alert strong {font-weight:bold;} span.close {float:right; color:inherit; cursor:pointer;} /******************/ /* Column System **/ .col {width:100%;} .col:after {content:""; clear:both; display:block; height:0; visibility:hidden;} .col-2, .col-3, .col-4, .col-5, .col-6 {float:left; padding:0; margin:0 0 2% 0;} .col-2 {width:49%; /*47.5% - 49%*/} .col-3 {width:32%; /*30% - 32%*/} .col-4 {width:23.5%; /*20% - 23.5%*/} .col-5 {width:18.4%; /*15% - 18.4%*/} .col-6 {width:15%; /*12.5% - 15%*/} .col-2:nth-child(2n), .col-3:nth-child(3n), .col-4:nth-child(4n), .col-5:nth-child(5n), .col-6:nth-child(6n) {float:right; margin:0 0 2% 0;} .col-2:nth-child(2n + 1), .col-3:nth-child(3n + 1), .col-4:nth-child(4n + 1), .col-5:nth-child(5n + 1), .col-6:nth-child(6n + 1) {clear:both;} .col-3:nth-child(3n + 1), .col-4:nth-child(4n + 1), .col-5:nth-child(5n + 1), .col-6:nth-child(6n + 1) {margin:0 2% 2% 0;} .col-4:nth-child(4n + 2), .col-5:nth-child(5n + 2), .col-6:nth-child(6n + 2) {margin:0 2% 2% 0;} .col-5:nth-child(5n + 3), .col-6:nth-child(6n + 3) {margin:0 2% 2% 0;} .col-6:nth-child(6n + 4) {margin:0 2% 2% 0;} /******************/ /* Flexbox System & Table System */ .table {display:table; table-layout:fixed; border-collapse:collapse; width:100%; position:relative; margin:0; padding:0;} .table-cell {display:table-cell; vertical-align:top; position:relative; margin:0; padding:0; empty-cells:show;} .flex {margin:0; padding:0; list-style:none; display:-webkit-flex; display:flex; flex-wrap:wrap; flex-direction:row; align-items:stretch; align-content:stretch; -webkit-justify-content:space-around; justify-content:space-around; } .flex-cell {margin:0 0 4% 0; padding:0 2%; flex:0 1 auto; flex-grow:0; flex-shrink:1; flex-basis:32%; max-width:32%; } /******************/ /* responsive-table */ .r-table, .responsive-table {overflow:scroll; width:100%;} /******************/ /******************/ /* breadcrumbs ****/ .breadcrumbs {clear:both; display:block; margin:0 0 80px 0; padding:12px 0 0 0; line-height:1.6; color:#999; color:var(--oz-color-gray);} .breadcrumbs ul {padding:0; margin:0 auto; text-align:left; list-style:none; white-space:nowrap; overflow-x:scroll; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; font-size:10px; font-size:1.0rem; } .breadcrumbs li {display:inline-block;} .breadcrumbs li:after {content:"\00BB"; margin:0 6px;} .breadcrumbs li:first-child:before {} .breadcrumbs li:last-child:after {content:"";} .breadcrumbs li:first-child {background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGAAAABgCAQAAABIkb+zAAABNUlEQVR4AezBoQ2DUBCA4avA4NGs8O7+AZiCIdgFwRxswQSsgMZjMFdR06ZpgyF5L7nvkxBCCCGEcBebbJJSUTHjODOVlIfaFvzVFmopizas+NtVGymHtrbhn23TVsqQku34d9tTkvxpx4H/eGgneaPnxP886SVfDPiFg2TpwYhfPD7bq2MCAGEgCILYxb8BLFzBEIq9F5BsNf9Fa7gBt2NoDXcMtwGt4QBuAq31dtw8WsMB3ABawwHcAFrDAdwAWuvd/0XL48bR8rhptDxuHi2Pm0ZL4gbQorh5tChuHi2Im0dL4+bR8rh5tDxuHi2Pm0fL4+bR8rh5tDxuHi2Pm0fL4+bROo/b11+93l4BBRTgr4AChoePBhRQQAEFFFBAAQUUUEABBRRQQAEFFNBaa6211lprD5PMWSV1nyUyAAAAAElFTkSuQmCC") left center no-repeat; background-size:12px 12px; padding:0 0 0 16px; } .breadcrumbs li a {color:var(--oz-color-gray);} .breadcrumbs li a:hover {color:var(--oz-color-rouge);} /******************/ /******************/ /* navigation *****/ .navigation {margin:0 auto 40px; clear:both;} .navigation:after {content:""; clear:both; display:block; height:0; visibility:hidden;} .navigation span {} .navigation .navi-prev {text-align:left; float:left;} .navigation .navi-next {text-align:right; float:right;} .navigation .navi-prev a:before {content:"＜"; margin-right:4px;} .navigation .navi-next a:after {content:"＞"; margin-left:4px;} /******************/ /* pagination *****/ .pagination {margin:0 auto 40px; clear:both;} .pagination:after {content:""; clear:both; display:block; height:0; visibility:hidden;} .pagination ul {text-align:center;} .pagination ul li {display:inline-block; margin:0 4px;} .pagination span, .pagination ul li a {padding:8px 12px; background:#e6e6e6; background:var(--oz-color-light);} .pagination ul li a:hover {background:#78033c; background:var(--oz-color-rouge); color:#fff;} .pagination span.current {background:#78033c; background:var(--oz-color-rouge); color:#fff;} /******************/ /* page-links *****/ .page-links {clear:both; text-align:center; margin:0 auto 80px; max-width:320px; width:100%; display:table; table-layout:fixed;} .page-links span {display:table-cell; padding:8px 2px;} .page-links .navi-prev {text-align:center;} .page-links .navi-next {text-align:center;} .page-links a {border:1px solid var(--oz-color-rouge); background:var(--oz-color-rouge); color:#fff; display:block;} .page-links a:hover {background:transparent; color:var(--oz-color-rouge);} /******************/ /******************/ /* plugins ********/ body.is-modal {overflow:hidden;} .modal {display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(255,255,255,0.8); overflow-y:scroll; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; z-index:99999; } .modal-close {cursor:pointer; position:absolute; top:12px; right:12px; width:40px; height:40px; background:#fff center center no-repeat; -webkit-background-size:20px 20px; -moz-background-size:20px 20px; -ms-background-size:20px 20px; -o-background-size:20px 20px; background-size:20px 20px; border:1px solid #f578b9; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHN7ZmlsbDojZjU3OGI5O308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iY2xzIiBwb2ludHM9IjIwIDEuMjUgMTguNzUgMCAxMCA4Ljc1IDEuMjUgMCAwIDEuMjUgOC43NSAxMCAwIDE4Ljc1IDEuMjUgMjAgMTAgMTEuMjUgMTguNzUgMjAgMjAgMTguNzUgMTEuMjUgMTAgMjAgMS4yNSIvPjwvc3ZnPg=="); -webkit-border-radius:50%; -moz-border-radius:50; -ms-border-radius:50; -o-border-radius:50; border-radius:50; color:transparent; } .modal-close:hover { background-color:#f578b9; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHN7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iY2xzIiBwb2ludHM9IjIwIDEuMjUgMTguNzUgMCAxMCA4Ljc1IDEuMjUgMCAwIDEuMjUgOC43NSAxMCAwIDE4Ljc1IDEuMjUgMjAgMTAgMTEuMjUgMTguNzUgMjAgMjAgMTguNzUgMTEuMjUgMTAgMjAgMS4yNSIvPjwvc3ZnPg=="); } .modal-window { background:#fff; width:100%; max-width:640px; margin:0 auto; position:relative; -webkit-border-radius:12px; -moz-border-radius:12px; -ms-border-radius:12px; -o-border-radius:12px; border-radius:12px; padding:60px 40px 20px; text-align:left; z-index:999999; cursor:default; } /* WP Social Bookmarking Light */ /******************/ /* jquery-tabs ****/ #tabs {position:relative;} #tabs ol { display:table; table-layout:fixed; text-align:center; padding:0 20px; margin:0 auto; width:100%; position:relative; bottom:-1px; z-index:3; } #tabs ol li { display:table-cell; padding:12px 0; cursor:pointer; background:var(--oz-color-light); border:1px solid var(--oz-color-gray); white-space:nowrap; overflow:hidden; } #tabs ol li:not(:last-child) {border-right:0;} #tabs ol li:hover {background:var(--oz-color-rouge); color:#fff;} #tabs ol li:first-child {border-top-left-radius:4px;} #tabs ol li:last-child {border-top-right-radius:4px;} #tabs ol li.current {background:#fff; color:var(--oz-color-rouge); border-bottom:1px solid #ffffff;} #tabs ol li.current:hover {background:#fff; color:var(--oz-color-rouge);} #tab-content { background:#fff; border:1px solid var(--oz-color-gray); text-align:left; border-radius:4px; padding:60px 40px 40px; margin:0 0 40px; position:relative; z-index:2; } .util-lang ul {} /******************/ /* ContactForm7 ***/ form {} fieldset {} label {} ::-webkit-input-placeholder, ::-moz-placeholder, :-moz-placeholder, :-ms-input-placeholder {color:var(--oz-color-gray);} [type="search"] { /*-webkit-appearance:textfield; -moz-appearance:textfield; -ms-appearance:textfield; -o-appearance:textfield; appearance:textfield;*/ } input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="file"], select, textarea { width:auto; max-width:100%; -webkit-border-radius:4px; -moz-border-radius:4px; -ms-border-radius:4px; -o-border-radius:4px; border-radius:4px; display:block; position:relative; /*-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none;*/ padding:16px 8px; margin-bottom:16px; line-height:normal; border:1px solid #f5f5f5; background:#f5f5f5; } input[type="checkbox"], input[type="radio"] {} input[type="file"] {cursor:pointer; width:auto;} input[name="your-address"] {width:100%;} select {width:auto; padding:12px; border:1px solid #ccc;} textarea {width:100%;} input[type="submit"] { margin:0 auto; text-align:center; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; display:block; } input[type="submit"][disabled], input[type="submit"][disabled]:hover {color:var(--oz-color-gray); background:transparent; border:1px solid #ccc; cursor:not-allowed;} input[type="text"]:focus, input[type="password"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="time"]:focus, input[type="url"]:focus, select:focus, textarea:focus { border:1px solid var(--oz-color-rouge); } textarea {height:auto; min-height:100px;} select {} /******************/ /******************/ /* Media Query ****/ @media screen and (max-width:1600px) { } @media screen and (max-width:1200px) { } @media screen and (max-width:960px) { .pc {display:none;} .tb {display:block;} .sp {display:none;} .pc.tb {display:block;} .tb.sp {display:block;} .pc.sp {display:none;} /* .archives-gallery ul li {flex-basis:32%; max-width:32%;} input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"] {width:100%;} select {width:auto;} textarea {width:100%;} */ #post-sitemap .module {width:49%;} #post-sitemap .module:nth-child(odd) {clear:both; float:left; margin-right:0;} #post-sitemap .module:nth-child(even) {clear:none; float:right; margin-right:0;} } @media screen and (max-width:800px) { #branding {display:none;} #header {width:100%; height:60px; min-height:inherit; bottom:auto; position:fixed; background:#fff; box-shadow:4px 0 2px 2px rgba(0,0,0,0.2); z-index:9999;} #h-logo {height:60px; padding:0 0 0 76px; z-index:9999;} #h-logo h1 {float:left; margin:6px 6px 0 0; width:152px; height:52px} #h-logo h1 a {background-size:40px 40px, 102px 52px; background-position:left 6px, 40px 0;} #h-util {display:block; position:fixed; top:0; right:0; z-index:99991; height:60px; overflow:visible;} #h-util ul {display:none;} #h-util p {position:absolute; top:50%; width:auto; height:24px; line-height:1; overflow:hidden; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); white-space:nowrap; height:auto; line-height:normal; } #h-util p a {padding:6px 12px 4px 12px;} #h-util p a:hover {background-color:#78033c; background-color:var(--oz-color-rouge);} #h-util #h-search {position:fixed; display:none; opacity:0; top:60px; left:0; right:0; width:100%; height:auto; padding:12px 24px; background-color:#282828; /* -webkit-transition:0.8s ease-in-out; -moz-transition:0.8s ease-in-out; -ms-transition:0.8s ease-in-out; -o-transition:0.8s ease-in-out; transition:0.8s ease-in-out;*/ background-color:var(--oz-color-dark); z-index:99999;} #h-util #h-search.active {display:block; opacity:1; -webkit-animation:fade 0.6s forwards ease alternate; -moz-animation:fade 0.6s forwards ease alternate; -ms-animation:fade 0.6s forwards ease alternate; -o-animation:fade 0.6s forwards ease alternate; animation:fade 0.6s forwards ease alternate; } #h-util #h-search input {padding:14px; background:#fff; color:#282828; height:auto; font-size:18px; font-size:1.8rem;} .search-toggle {display:block;} #h-navi { display:block; height:auto; min-height:100vh; width:76%; padding:0 0 200px 0; position:fixed; top:60px; right:auto; left:-76%; bottom:0; background:#000 url("images/bg-dark.png") center center repeat; background-size:5px 5px; box-shadow:-2px 2px 6px rgba(120,120,120,0.6); overflow:scroll; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; cursor:pointer; z-index:9998; } #h-navi.active {left:0;} #h-navi::-webkit-scrollbar {display:none;} #h-navi ul {display:block; text-align:left; font-size:16px; font-size:1.6rem;} #h-navi ul li {display:block;} #h-navi ul li a {padding:12px 2px 10px 12px; background-color:#282828;} #h-navi ul li a:hover {} #h-navi ul li.menu-item-has-children > a {background-image:url("images/arrow-b-white.svg"); background-size:10px 10px;} #h-navi ul.sub-menu {position:relative; margin:0; display:block; left:0; top:auto; bottom:auto; height:auto; min-height:inherit; background:#282828; background-color:#333; padding:4px 12px 0.1em; font-size:12px; font-size:1.2rem;} #h-navi ul.sub-menu li {display:inline-block; margin:0 1em 4px 0;} #h-navi ul.sub-menu li a {padding:2px 4px; background:transparent; border:0;} .navi-toggle {display:block;} body.overlay #main:before {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:transparent url("images/bg-dark.png") center center repeat; background-size:5px 5px; opacity:0.8; z-index:6; } #h-navi-link {display:none;} #header-lang {display:none;} #main {padding:60px 0 0 0;} #main, #footer {margin:0;} .inner {padding:0 20px; padding-left:calc( 12px + constant(safe-area-inset-left) ); padding-right:calc( 12px + constant(safe-area-inset-right) ); } .page-title {padding:52px 0;} .page-title .inner {padding:0 20px;} .page-title h3 {font-size:30px; font-size:3.0rem;} #top-option .flex-cell {flex-basis:48%; max-width:48%;} #top-option a {} } /* ▲ iPhone 6+ 横（736px） ▼ */ @media screen and (max-width:740px) { #f-navi .table {border-top:1px solid #ccc;} #f-navi .module {display:block; border:0; border-bottom:1px solid #ccc; padding:12px 0 0 0;} #f-navi .module:not(:last-child) {border:0; border-bottom:1px solid #ccc;} #f-navi h4 {cursor:pointer; display:block; font-size:16px; font-size:1.6rem; background:url("images/arrow-b-dark.svg") right center no-repeat; background-size:12px 12px;} #f-navi h4.on {background-image:url("images/arrow-c-dark.svg");} #f-navi h4.on:hover {background-image:url("images/arrow-c-rouge.svg");} #f-navi h4:hover {color:#78033c; color:var(--oz-color-rouge); background-image:url("images/arrow-b-rouge.svg");} #f-navi div[class^="menu-f-navi"] {display:none; padding:0 0;} #f-navi ul {display:block; width:100%; font-size:14px; font-size:1.4rem;} #f-navi ul.menu {margin:0 0 20px 0;} #f-navi ul li {display:block; border:0; white-space:nowrap;} #f-navi ul li ul.sub-menu li {text-indent:0;} #f-navi ul li a {display:block;} #f-navi ul.sub-menu li a {display:block;} #top-slider {max-height:460px; min-height:400px;} .course-subject ul li {flex-basis:25%; max-width:25%;} .course-subject ul li:nth-child(8n) {background-color:#f8f8f8; background-color:var(--oz-color-creme);} .course-subject ul li:nth-child(8n + 1) {background-color:#f8f8f8; background-color:var(--oz-color-creme);} .course-subject ul li:nth-child(8n + 2) {background-color:#fff;} .course-subject ul li:nth-child(8n + 3) {background-color:#f8f8f8; background-color:var(--oz-color-creme);} .course-subject ul li:nth-child(8n + 4) {background-color:#fff;} .course-subject ul li:nth-child(8n + 5) {background-color:#fff;} .course-subject ul li:nth-child(8n + 6) {background-color:#f8f8f8; background-color:var(--oz-color-creme);} .course-subject ul li:nth-child(8n + 7) {background-color:#fff;} } @media screen and (max-width:680px) { .pc {display:none;} .tb {display:none;} .sp {display:block;} .pc.tb {display:none;} .tb.sp {display:block;} .pc.sp {display:block;} .col-2, .col-3, .col-4, .col-5, .col-6 {float:none; clear:both; width:100%; margin:0 0 1.2em 0;} /* .inner {width:100%; max-width:100%; min-width:320px; padding:0 8px; padding-left:calc( 8px + constant(safe-area-inset-left) ); padding-right:calc( 8px + constant(safe-area-inset-right) ); } */ .article h4 {font-size:24px; font-size:2.4rem;} .article h5 {font-size:20px; font-size:2.0rem;} #post-about ul {display:block; margin:0 0 60px 0;} #post-about ul li {display:block; flex-basis:100%; max-width:100%;} #post-about .figure {max-width:60%;} #post-class ul li {flex-basis:100%; max-width:100%;} #post-career ul li {flex-basis:100%; max-width:100%;} #post-admission ul li {flex-basis:48%; max-width:48%;} #post-admission-policy ul li {flex-basis:49%; max-width:49%;} #post-curriculum ul li {flex-basis:48%; max-width:48%;} .archives ul li {margin:0 0 8px 0;} .archives ul li a {padding:12px;} .archives ul li .a-category {position:absolute; top:12px; left:12px; bottom:12px; vertical-align:middle; padding:16px 0 14px 0;} .archives ul li .a-date {display:block; float:none; margin:0 0 0 112px; text-align:left;} .archives ul li .a-title {display:block; float:none; margin:0 0 0 112px; text-align:left; font-size:12px; font-size:1.2rem;} .archives ul li .a-category b {position:absolute; top:50%; width:100%; display:block; padding:0 12px; -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); transform:translateY(-50%); } .page-menu {position:absolute; left:0; top:300px;} .page-menu .inner {padding:0;} .page-menu ul {width:60px; display:block;} .page-menu ul li {display:block; border:0; border-bottom:1px solid #fff; width:60px; height:60px; overflow:hidden;} .page-menu ul li a {padding:80px 0 0; display:block; background:0 0 no-repeat; background-size:60px 60px;} .page-menu ul li:nth-child(1) a {background-image:url("images/page-menu-01.png");} .page-menu ul li:nth-child(2) a {background-image:url("images/page-menu-02.png");} .page-menu ul li:nth-child(3) a {background-image:url("images/page-menu-03.png");} .page-menu ul li:nth-child(4) a {background-image:url("images/page-menu-04.png");} .page-menu ul li:nth-child(5) a {background-image:url("images/page-menu-05.png");} .page-menu ul li:nth-child(6) a {background-image:url("images/page-menu-06.png");} .page-menu ul li:nth-child(1):hover a {background-image:url("images/page-menu-01-on.png");} .page-menu ul li:nth-child(2):hover a {background-image:url("images/page-menu-02-on.png");} .page-menu ul li:nth-child(3):hover a {background-image:url("images/page-menu-03-on.png");} .page-menu ul li:nth-child(4):hover a {background-image:url("images/page-menu-04-on.png");} .page-menu ul li:nth-child(5):hover a {background-image:url("images/page-menu-05-on.png");} .page-menu ul li:nth-child(6):hover a {background-image:url("images/page-menu-06-on.png");} .page-menu ul li.active:nth-child(1) a {background-image:url("images/page-menu-01-on.png");} .page-menu ul li.active:nth-child(2) a {background-image:url("images/page-menu-02-on.png");} .page-menu ul li.active:nth-child(3) a {background-image:url("images/page-menu-03-on.png");} .page-menu ul li.active:nth-child(4) a {background-image:url("images/page-menu-04-on.png");} .page-menu ul li.active:nth-child(5) a {background-image:url("images/page-menu-05-on.png");} .page-menu ul li.active:nth-child(6) a {background-image:url("images/page-menu-06-on.png");} .page-menu ul li span {display:none;} .page-menu ul li img {display:none; width:100%; height:auto;} .page-menu.fixed {position:fixed; top:60px;} .page-menu.fixed.bottom {position:absolute; top:auto; bottom:0;} .page-menu ~ .type-page .page-content, .page-menu ~ #archives-course .page-content, .page-menu ~ .type-oz-custom-course .page-content {margin:0 0 0 60px;} .major-course ul li {flex-basis:49%; max-width:49%;} .major-course ul li:nth-child(odd) {margin-right:2%;} .major-course ul li:nth-child(even) {margin-right:0;} .professor-table ul li {width:48%; float:left; margin:0 0 4% 0;} .professor-table ul li:nth-child(odd) {clear:both;} .professor-table ul li:nth-child(even) {float:right;} .course-subject ul li {flex-basis:33.3333%; max-width:33.3333%;} .course-subject ul li:nth-child(4n) {background-color:#fff;} .course-subject ul li:nth-child(4n + 1) {background-color:#f8f8f8; background-color:var(--oz-color-creme);} .course-subject ul li:nth-child(4n + 2) {background-color:#fff;} .course-subject ul li:nth-child(4n + 3) {background-color:#f8f8f8; background-color:var(--oz-color-creme);} .widget ul li {padding:46px 4px;} .widget ul li i {font-size:12px; font-size:1.2rem;} .widget ul li span:before {font-size:24px; font-size:2.4rem;} #post-theses ul {font-size:12px; font-size:1.2rem;} #post-sitemap .module {width:100%;} #post-sitemap .module:nth-child(odd), #post-sitemap .module:nth-child(even) {clear:both; float:none; margin-right:0;} } /* ▲ Mac OS Safari - Minimum(504px) ▼ */ @media screen and (max-width:520px) { #h-navi ul li#menu-item-646 a, #h-navi ul li#menu-item-258 a, #h-navi ul li#menu-item-524 a {background-image:url("images/arrow-r-white.svg");} #h-navi ul li#menu-item-646 .sub-menu, #h-navi ul li#menu-item-258 .sub-menu, #h-navi ul li#menu-item-524 .sub-menu {display:none;} #top-slider ul {position:relative; display:block;} #top-slider ul li {position:absolute; display:block; width:50%; height:50%; border:0;} #top-slider ul li:nth-child(1) {top:0; left:0; border:0; border-right:1px solid #fff; border-bottom:1px solid #fff;} #top-slider ul li:nth-child(2) {top:0; left:50%; border:0; border-bottom:1px solid #fff;} #top-slider ul li:nth-child(3) {top:50%; left:0; border:0; border-right:1px solid #fff;} #top-slider ul li:nth-child(4) {top:50%; left:50%; border:0;} #post-admission ul {display:block;} #post-admission ul li {display:block; flex-basis:100%; max-width:100%;} #post-admission-policy ul li {flex-basis:100%; max-width:100%;} .major-course ul li {width:100%; margin:0 0 4% 0; flex-basis:100%; max-width:100%; clear:both; display:block;} .major-course ul li:nth-child(odd), .major-course ul li:nth-child(even) {margin-right:0;} .course-subject ul li {flex-basis:50%; max-width:50%;} .course-subject ul li:nth-child(4n) {background-color:#fff;} .course-subject ul li:nth-child(4n + 1) {background-color:#fff;} .course-subject ul li:nth-child(4n + 2) {background-color:#f8f8f8; background-color:var(--oz-color-creme);} .course-subject ul li:nth-child(4n + 3) {background-color:#f8f8f8; background-color:var(--oz-color-creme);} .course-voice .figure.right {max-width:120px;} .archives-professor table {font-size:12px; font-size:1.2rem;} .archives-professor table thead {display:none;} .archives-professor table tr {display:block; position:relative; border-bottom:1px solid var(--oz-color-light); padding:12px; clear:both;} .archives-professor table tr:after {content:""; clear:both; display:block;} .archives-professor table tbody th, .archives-professor table tbody td {position:relative; display:block; border:0; text-align:left; padding:0;} .archives-professor table tbody th {float:left;} .archives-professor table td {margin:0 0 0 92px;} .archives-professor table td:nth-child(1), .archives-professor table td:nth-child(2), .archives-professor table td:nth-child(3), .archives-professor table td:nth-child(4) {text-align:left;} } /* ▲ iPhone 6+ - iPhone 6 ▼ */ @media screen and (max-width:380px) { } @media screen and (max-width:360px) { #h-logo {padding:0 0 0 68px;} #h-util p {width:24px; height:24px; overflow:hidden;} #h-util p i {display:none;} #h-util p a {padding:40px 0 0 0; display:block; background-position:center 4px; background-image:url("images/ic-english.png"); background-size:20px 20px; background-repeat:no-repeat;} .search-toggle {right:40px;} .page-menu {display:none;} .page-menu ~ .type-page .page-content, .page-menu ~ #archives-course .page-content, .page-menu ~ .type-oz-custom-course .page-content {margin:0;} } /* ▲ iPhone SE 320px ▼ */ /******************/ /******************/ /* fonts **********/ /* メインサイト： 見出し：筑紫ゴシック 学生サイト：モリサワ UD新丸ゴ */ /* vietnamese */ /* @font-face { font-family:'Josefin Sans'; font-style:normal; font-weight:600; src:local('Josefin Sans SemiBold'), local('JosefinSans-SemiBold'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3FZQNVED7rKGKxtqIqX5Ec0lhtdF0hoJky_MiS.woff2) format('woff2'); unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB; } */ /* latin-ext */ /* @font-face { font-family:'Josefin Sans'; font-style:normal; font-weight:600; src:local('Josefin Sans SemiBold'), local('JosefinSans-SemiBold'), url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3FZQNVED7rKGKxtqIqX5Ec0lhtdV0hoJky_MiS.woff2) format('woff2'); unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; } */ /* latin */ @font-face { font-family:'ONZE Josefin Sans'; font-style:normal; font-weight:600; src:/*local('Josefin Sans SemiBold'), local('JosefinSans-SemiBold'),*/ url(https://fonts.gstatic.com/s/josefinsans/v12/Qw3FZQNVED7rKGKxtqIqX5Ec0lhte10hoJky_A.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } /* @font-face { font-family:'Axis-ExtraLight'; src:url("fonts/AxisStd-ExtraLight.eot"); src:url("fonts/AxisStd-ExtraLight.eot?#iefix") format("eot"), url("fonts/AxisStd-ExtraLight.woff") format("woff"), url("fonts/AxisStd-ExtraLight.ttf") format("truetype"), url("fonts/AxisStd-ExtraLight.svg") format("svg"); } */ /* Material Icons */ @font-face { font-family:'Material Icons'; font-style:normal; font-weight:400; src:url("https://fonts.gstatic.com/s/materialicons/v36/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2") format('woff2'); } .material-icons { font-family:'Material Icons'; font-weight:normal; font-style:normal; font-size:24px; line-height:1; letter-spacing:normal; text-transform:none; display:inline-block; white-space:nowrap; word-wrap:normal; direction:ltr; text-rendering:optimizeLegibility; -webkit-font-smoothing:antialiased; } .font-gothic {font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;} .font-mincho {font-family:'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', 'Meiryo', 'メイリオ', 'Times New Roman', serif;} .font-mono {font-family:"Osaka-mono", "MS Gothic", monospace;} .bold {font-weight:bold;} i {font-family:"Poppins", sans-serif; font-weight:300;} i {font-family:'ONZE Josefin Sans', sans-serif; letter-spacing:0.1em; text-transform:uppercase;} /******************/ /******************/ /* Keyframes ******/ @-webkit-keyframes fade { from {opacity:0;} to {opacity:1;} } @-moz-keyframes fade { from {opacity:0;} to {opacity:1;} } @-ms-keyframes fade { from {opacity:0;} to {opacity:1;} } @-o-keyframes fade { from {opacity:0;} to {opacity:1;} } @keyframes fade { from {opacity:0;} to {opacity:1;} } /* -webkit-animation:flash 1s infinite ease alternate; -moz-animation:flash 1s infinite ease alternate; -ms-animation:flash 1s infinite ease alternate; -o-animation:flash 1s infinite ease alternate; animation:flash 1s infinite ease alternate; */ /* end ************/ /******************/ /******************/