@charset "UTF-8"; /* Theme Name: Tsukuba SCS 2020 Theme URI: https://scs.tsukuba.ac.jp/ Author: ONZE Author URI: http:/on-ze.com Description: Design by ONZE. Version: 0.9 Text Domain: tsukuba-scs-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; } 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 ****/ html {font-size:62.5%;} body { background-color:#fff; background-color:var(--oz-color-white); color:#353535; color:var(--oz-color-dark); /*font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif; font-family:'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', 'Meiryo', 'メイリオ', 'Times New Roman', serif;*/ font-family:'Noto Sans Japanese', 'Meiryo', 'メイリオ', 'YuGothic', 'Yu Gothic', '游ゴシック', Arial, Verdana, sans-serif; font-size:18px; font-size:1.8rem; 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-tap-highlight-color:transparent; width:100%; height:auto; } 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:#582480; color:var(--oz-color-purple);} h1, h2, h3, h4, h5, h6 {display:block;} b {color:#582480; color:var(--oz-color-purple); font-weight:bold;} i {font-style:normal;} u {text-decoration:underline;} em {font-weight:bold; font-size:1.2em; background:linear-gradient(transparent 60%, #c2b4d6 60%);} strong {font-weight:bold; font-size:1.4em;} 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 #e5e5e5; border-color: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;} table th, table td {padding:16px 4px; vertical-align:top; border-top:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; border-color:var(--oz-color-light);} table tfoot td {border:0; text-align:right; font-size:12px; font-size:1.2rem;} table caption {text-align:left; padding:8px;} ::-moz-selection {background-color:#582480; background-color:var(--oz-color-purple); color:#ffffff;} ::selection {background-color:#582480; background-color:var(--oz-color-purple); color:#ffffff;} /******************/ /******************/ /* 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 2em 1em; float:right;} img.full {width:100%; max-width:100%; height:auto;} table.table-border, table.table-border th, table.table-border td {border:1px solid #e5e5e5; border-color:var(--oz-color-light);} table.table-hover tbody tr:hover, table.table-hover tbody tr:nth-child(odd):hover, table.table-hover tbody tr:nth-child(even):hover {background-color:#582480; background-color:var(--oz-color-purple); color:#ffffff; cursor:text;} table.table-stripe tbody tr:nth-child(odd) {background-color:#e5e5e5; background-color:var(--oz-color-light);} table thead th {vertical-align:bottom;} :root { --oz-color-white:#ffffff; --oz-color-black:#353535; --oz-color-dark:#353535; --oz-color-purple:#582480; --oz-color-mauve:#c2b4d6; --oz-color-gray:#999999; --oz-color-light:#e5e5e5; --oz-color-bg:#f2f2f2; } .color-black {color:#353535; color:var(--oz-color-black);} .color-gray {color:#999999; color:var(--oz-color-gray);} .color-light {color:#e5e5e5; color:var(--oz-color-light);} .color-green {color:#582480; color:var(--oz-color-purple);} .color-white {color:#ffffff; color:var(--oz-color-white);} .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:1600px; width:100%; padding:0 32px; padding-left:calc( 32px + constant(safe-area-inset-left) ); padding-right:calc( 32px + constant(safe-area-inset-right) ); } .inner[data-width="min"] {max-width:1200px;} .inner[data-width="mid"] {max-width:1600px;} .inner[data-width="max"] {max-width:2400px;} .inner:after {content:""; display:block; clear:both; height:0; visibility:hidden; overflow:hidden;} /******************/ /******************/ /* header *********/ #bg {position:fixed; top:0; left:0; right:0; bottom:0; width:100%; width:100vw; height:100%; height:100vh; background:right center no-repeat; background-image:url("images/bg-01.png"); background-size:cover; /* -webkit-transition:0.7s ease-in-out; -moz-transition:0.7s ease-in-out; -ms-transition:0.7s ease-in-out; -o-transition:0.7s ease-in-out; transition:0.7s ease-in-out;*/ -webkit-animation:blur-off 0.4s linear forwards; -moz-animation:blur-off 0.4s linear forwards; -ms-animation:blur-off 0.4s linear forwards; -o-animation:blur-off 0.4s linear forwards; animation:blur-off 0.4s linear forwards; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; z-index:-1; } #bg:after {content:""; display:block; position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; background:rgba(255,255,255,0.1); } #bg.blur { -webkit-animation:blur 0.4s linear forwards; -moz-animation:blur 0.4s linear forwards; -ms-animation:blur 0.4s linear forwards; -o-animation:blur 0.4s linear forwards; animation:blur 0.4s linear forwards; } #branding { backface-visibility:hidden; width:220px; height:100%; min-height:100vh; position:fixed; top:0; left:0; bottom:0; border-left:12px solid #582480; box-shadow:4px 0 2px 2px rgba(0,0,0,0.2); background:#fff; z-index:9998; } #header { backface-visibility:hidden; width:220px; height:auto; padding:0 0 20px 0; display:block; position:absolute; top:0; left:0; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; z-index:9999; } #header.is-fixed {position:fixed;} #header.fixed-bottom {position:fixed; bottom:0; top:auto;} #header.is-ie, #header.is-ie.is-fixed, #header.is-ie.fixed-bottom {position:absolute; top:0; bottom:auto;} #header-logo {position:relative; width:100%; margin:0 auto; padding:40px 0 0 12px;} #header-logo h1 {display:block; margin:0 auto 16px; white-space:nowrap; overflow:hidden; position:relative; width:160px; height:180px; overflow:hidden;} #header-logo h1 a {display:block; background:no-repeat; background-image:url("images/logo-color.png"), url("images/logo-title-dark.png"); background-size:120px 120px, 160px 48px; background-position:center top, 0 132px; padding:240px 0 0 0; /*background-image:url("images/logo.png"), url("images/logo-description.png"); background-size:150px 90px, 150px 10px; background-position:0 0, 0 100px; */ } #header-logo h1 a:hover {opacity:0.7;} #header-logo h2 {display:none;} #header-logo p {margin:0 auto 32px;} #header-navi {margin:0 0 20px 0;} #header-navi ul {font-size:14px; font-size:1.4rem; line-height:1.6; margin:0 0 0 12px; border-top:1px solid; border-color:#e5e5e5; border-color:var(--oz-color-light);} #header-navi ul li {display:block; text-align:left; border-bottom:1px solid; border-color:#e5e5e5; border-color:var(--oz-color-light); position:relative;} #header-navi ul li a {color:#582480; color:var(--oz-color-purple); color:#353535; color:var(--oz-color-dark); background:left 12px center no-repeat; background-size:36px 36px; display:block; padding:8px 0 8px 56px;} #header-navi ul li a i {display:block; font-size:16px; font-size:1.6rem; color:#582480; color:var(--oz-color-purple);} #header-navi ul li:nth-child(1) a {background-image:url("images/ic-home.svg");} #header-navi ul li:nth-child(2) a {background-image:url("images/ic-about.svg");} #header-navi ul li:nth-child(3) a {background-image:url("images/ic-admission.svg");} #header-navi ul li:nth-child(4) a {background-image:url("images/ic-support.svg");} #header-navi ul li:nth-child(5) a {background-image:url("images/ic-news.svg");} #header-navi ul li:nth-child(6) a {background-image:url("images/ic-faq.svg");} #header-navi ul li:nth-child(7) a {background-image:url("images/ic-home.svg");} #header-navi ul li a:hover {background-color:#582480; background-color:var(--oz-color-purple); color:#fff;} #header-navi ul li a:hover i {color:#fff;} #header-navi ul li:nth-child(1) a:hover {background-image:url("images/ic-home-white.svg");} #header-navi ul li:nth-child(2) a:hover {background-image:url("images/ic-about-white.svg");} #header-navi ul li:nth-child(3) a:hover {background-image:url("images/ic-admission-white.svg");} #header-navi ul li:nth-child(4) a:hover {background-image:url("images/ic-support-white.svg");} #header-navi ul li:nth-child(5) a:hover {background-image:url("images/ic-news-white.svg");} #header-navi ul li:nth-child(6) a:hover {background-image:url("images/ic-faq-white.svg");} #header-navi ul li:nth-child(7) a:hover {background-image:url("images/ic-home-white.svg");} #header-navi ul li ul.sub-menu {display:none; position:absolute; left:196px; top:0; bottom:inherit; width:220px; min-height:100vh; background-color:rgba(50,50,50,0.9); background-size:5px 5px; border:0;} #header-navi ul li ul.sub-menu li {border-bottom:1px solid; border-color:#353535; border-color:var(--oz-color-black);} #header-navi ul li ul.sub-menu a {background:none; color:#fff; padding:16px 12px;} #header-navi ul li ul.sub-menu a:hover {background-image:none; background-color:#582480; background-color:var(--oz-color-purple); color:#fff;} #header-navi ul li ul.sub-menu li i {display:none;} #header-navi ul li.menu-item-has-children:hover ul.sub-menu {display:block;} #header-navi-link {padding:0 0 0 24px;} #header-navi-link ul {text-align:left; font-size:12px; font-size:1.2rem; line-height:2.0; margin:0 0 32px 0;} #header-navi-link ul li {} #header-navi-link ul li a {background:left center no-repeat; background-image:url("images/arrow-r-purple.svg"); background-size:12px 12px; padding:0 0 0 16px;} #header-navi-link ul li a i {display:none;} #header-util {padding:0 12px 0 24px; margin:0 0 20px 0;} #header-util input[type="search"] { border:1px solid #ddd; font-size:16px; font-size:1.6rem; padding:4px 4px 4px 20px; -webkit-appearance:none; -moz-appearance:none; -ms-appearance:none; -o-appearance:none; appearance:none; line-height:2; display:block; border-radius:4px; background:#ffffff url("images/ic-search.svg") left 6px center no-repeat; background-size:16px 16px; } #header-util input[type="search"]:focus {border-color:#582480; border-color:var(--oz-color-purple);} /******************/ /******************/ /******************/ /* navi ***********/ #footer-navi {line-height:1.6; position:relative; padding:60px 0 40px 0; background-color:#fff;} #footer-navi h4 {font-size:16px; font-size:1.6rem; font-weight:bold; margin:0 0 16px 0;} #footer-navi h4 span {color:#582480; color:var(--oz-color-purple); padding:0 0.2em 0 0;} #footer-navi .flex {width: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; } #footer-navi .module {text-align:left; padding:12px 16px 12px 0; position: relative; clear:both; display: block; margin: 0 0 2% 0; text-align: left; flex: 0 1 auto; flex-grow: 0; flex-shrink: 1; flex-basis:19%; max-width:19%; } #footer-navi .module:not(:last-child) {border-right:1px solid #e5e5e5; border-color:var(--oz-color-light);} #footer-navi ul {clear:both; text-align:left; margin:0; font-size:14px; font-size:1.4rem; border-collapse:collapse;} #footer-navi ul li {display:block; padding:0 0 0 1.2em; margin:0 0 12px 0; word-break:break-all; text-indent:-1em;} #footer-navi ul li a {background:url("images/arrow-r-purple.svg") left center no-repeat; background-size:12px 12px; padding:0 0 0 16px;} #footer-navi ul li a:hover {} #footer-navi ul li i {display:none;} #footer-navi ul li a[target="_blank"] { background:no-repeat; background-image:url("images/arrow-r-purple.svg"), url("images/ic-external-black.svg"); background-position:left center, right center; background-size:12px 12px, 12px 12px; padding-right:20px;} #footer-navi ul li a[target="_blank"]:hover {background-image:url("images/arrow-r-purple.svg"), url("images/ic-external-purple.svg");} #footer-navi ul li a span {padding:0 0 0 1em;} .navi-toggle {display:none; position:absolute; top:0; right:0; color:transparent; width:60px; height:60px; background:#582480 url("images/navi-toggle.svg") center center no-repeat; background-color:var(--oz-color-purple); background-size:40px 40px; -webkit-transition:0.3s ease-in-out; -moz-transition:0.3s ease-in-out; -ms-transition:0.3s ease-in-out; -o-transition:0.3s ease-in-out; transition:0.3s ease-in-out; cursor:pointer; z-index:9999; } .navi-toggle:hover {opacity:0.8;} .navi-toggle i {display:none;} .navi-toggle.on {background-image:url("images/navi-close.svg");} /******************/ /******************/ /* widget *********/ #footer-widget {width:100%; clear:both;} #footer-widget {padding:0; position:relative; clear:both; background-color:#e5e5e5; background-color:var(--oz-color-light); line-height:1.2;} #footer-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;} #footer-widget ul li {display:table-cell; margin:0; padding:0;} #footer-widget ul li span {text-align:left; vertical-align:middle; display:inline-block; margin:0 auto; position:relative; padding-left:62px; min-height:60px;} #footer-widget ul li:nth-child(2) {border-left:1px solid #ffffff;} #footer-widget ul li i {display:block; color:#fff; font-size:15px; font-size:1.5rem; transform:translateY(50%); margin-bottom:1em;} #footer-widget ul li a {display:block; padding:40px 12px 40px; background:url("images/bg-stripe.svg") center center repeat; background-size:5px 5px; background-color:#595757; background-color:var(--oz-color-dark); color:#ffffff;} #footer-widget ul li:nth-child(2) a {background-color:#582480; background-color:var(--oz-color-purple); } #footer-widget ul li a:hover {background-color:#582480; background-color:var(--oz-color-purple); color:#ffffff;} #footer-widget ul li:nth-child(2) a:hover {background-color:#555555; background-color:var(--oz-color-dark); color:#ffffff;} #footer-widget ul li a:hover i {color:#ffffff;} #footer-widget ul li span:before {content:""; position:absolute; left:0; top:0; margin:0; line-height:1; white-space:nowrap; color:#fff; width:60px; height:60px; background:url("images/ic-pamphlet.svg") left center no-repeat; background-size:60px 60px;} #footer-widget ul li:nth-child(1) span:before {background-image:url("images/ic-pamphlet.svg");} #footer-widget ul li:nth-child(2) span:before {background-image:url("images/ic-opencampus.svg");} @media screen and (max-width:520px) { #footer-widget ul li a {padding:12px 0 20px;} #footer-widget ul li span {text-align:center; padding-left:0; min-height:inherit; display:block;} #footer-widget ul li span:before {position:relative; margin:0 auto; display:block;} } /******************/ /******************/ /* footer *********/ #footer {text-align:center; padding:0 0 0; line-height:1.6; margin:0 0 0 220px;} #footer-logo {background:#353535 url("images/bg-stripe.svg") center center repeat; background-color:var(--oz-color-dark); background-size:5px 5px; color:#fff; padding:80px 0 80px; position:relative;} #footer-logo:after {content:""; } #footer-logo h2 {margin:0 auto 16px; width:100px; height:110px; overflow:hidden;} #footer-logo h2 a {background:center center no-repeat; background-image:url("images/tsukuba-icon-white.png"), url("images/tsukuba-icon-title-white.svg"); background-position:center 0, center 60px; background-size:50px 50px, 100px 40px; padding:140px 0 0 0; display:block; } #footer-logo h2 a:hover {opacity:0.8;} #footer-logo dl {margin:0 auto 24px;} #footer-logo dl dt {font-size:16px; font-size:1.6rem; font-weight:bold; margin:0 auto;} #footer-logo dl dd {font-size:12px; font-size:1.2rem; margin:0 auto;} small#site-info {clear:both; font-size:10px; font-size:1.0rem;} small#site-info a {color:#582480; color:var(--oz-color-purple);} small#site-info a:hover {color:#582480; color:var(--oz-color-purple);} /******************/ /******************/ /* main ***********/ #main {line-height:2.0; letter-spacing:0.12vw; overflow:hidden; padding:0; margin:0 0 0 220px; overflow:hidden; clear:both; position:relative; -webkit-hyphens:auto; -moz-hyphens:auto; -ms-hyphens:auto; hyphens:auto; } body.is-navi {overflow:hidden;} body.is-navi #main:before {content:""; position:absolute; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.8) url("images/bg-stripe.svg") center center repeat; background-size:5px 5px; opacity:0.8; z-index:6;} /******************/ /* util ***********/ #main-util {position:relative; float:right; text-align:center; padding:30px 20px 0 0; max-width:460px;} #main-util ul {margin:0; white-space:nowrap; font-weight:bold; display:table; table-layout:fixed; min-width:400px; width:100%; border-spacing:12px 0;} #main-util ul li {display:table-cell;} #main-util ul li i {display:block;} #main-util ul li a {display:block; padding:0 20px 0 12px; min-width:120px; min-height:52px; line-height:52px; border:2px solid #fff;} #main-util ul li:nth-child(1) a {background-color:#582480; color:#fff; border:2px solid #582480;} #main-util ul li:nth-child(2) a {background-color:#fff; color:#582480; border:2px solid #fff;} #main-util ul li:nth-child(1) a:hover {background-color:#fff; color:#582480; border:2px solid #582480;} #main-util ul li:nth-child(2) a:hover {background:#582480; color:#fff; border:2px solid #582480;} /******************/ #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;} #sidebar a {} #sidebar a:hover {} #sidebar h4 {font-size:18px; font-size:1.8rem; margin:0 0 4px 0; display:block;} #sidebar p {margin:0 0 12px 0; clear:both;} #sidebar ul {padding:0; margin:0; clear:both;} #sidebar ul li {padding:0; margin:0;} #sidebar label {display:block;} #sidebar select {margin:0 0 1em 0; width:99%; border:1px solid #999999; border-color:var(--oz-color-gray);} #sidebar label.screen-reader-text {display:none;} #sidebar .search-submit {display:none;} /******************/ /******************/ /* article ********/ .article {margin:0; padding:0; vertical-align:top; clear:both; /*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 1.6em auto; line-height:1.2; -ms-overflow-style:none; /* IE, Edge 対応 */ scrollbar-width:none; /* Firefox 対応 */ } .article h1 {font-size:38px; font-size:3.8rem;} .article h2 {font-size:34px; font-size:3.4rem;} .article h3 {font-size:40px; font-size:4.0rem;} .article h4 {font-size:30px; font-size:3.0rem; overflow:auto; line-height:1.6;} .article h5 {font-size:24px; font-size:2.4rem; overflow:auto; line-height:1.6;} .article h6 {font-size:16px; font-size:1.6rem; overflow:auto; line-height:1.6;} @media screen and (max-width:900px) { .article h4 {font-size:24px; font-size:2.4rem;} .article h5 {font-size:20px; font-size:2.0rem;} .article h6 {font-size:16px; font-size:1.6rem;} } .article h1::-webkit-scrollbar, .article h2::-webkit-scrollbar, .article h3::-webkit-scrollbar, .article h4::-webkit-scrollbar, .article h5::-webkit-scrollbar, .article h6::-webkit-scrollbar {display:none;} .article h1 i, .article h2 i, .article h3 i, .article h4 i, .article h5 i, .article h6 i {display:block;} .article h3 i {font-size:40px; font-size:4.0rem;} .article h3 {font-size:16px; font-size:1.6rem;} .article h5 span {color:#353535; background:linear-gradient(transparent 60%, #c2b4d6 60%); padding:0 4px 6px;} .article p {margin:0 0 2.4em 0;} .article ul, .article ol {margin:0 0 2.4em 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 2em 0; padding:0;} .article img {max-width:100%; height:auto;} .article blockquote { padding:1em; margin:0 1em 2em 1em; border:1px solid #e5e5e5; background-color:#f2f2f2; } .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-color:#555555; background-color: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-color:#e5e5e5;background-color:var(--oz-color-light);} */ /******************/ /* post-type ******/ .type-page, .type-post {text-align:left;} .type-page, .type-post, .type-archives, .type-404 {padding-top:50vh;} .page-title {} .page-title h3 {} .page-title h3 i {} .post-left {width:100px; float:left; text-align:center;} .post-right {float:right; max-width:calc(100% - 120px);} .type-post h1, .type-post h2, .type-post h3, .type-post h4, .type-post h5, .type-post h6 {text-align:left; line-height:1.2;} .type-post ul, .type-post ol {padding:0 0 0 2em;} .type-post ul li {/*background:left 0 top 4px no-repeat; background-image:url("images/arrow-r-purple.svg"); background-size:8px 8px;*/ list-style:circle;} .type-post ol li {list-style:decimal;} .type-post strong {font-size:1em; font-weight:bold;} .type-post em {font-style:italic; background:none; font-size:1em; font-weight:normal;} .type-post b {color:#582480; color:var(--oz-color-purple); font-weight:bold;} .post-date {line-height:1.2; background-color:#f2f2f2; color:#582480; color:var(--oz-color-purple); padding:4px 12px; margin:0 0 12px 0; display:inline-block; font-size:16px; font-size:1.6rem;} .post-title {clear:both; display:block; border-bottom:1px solid; border-color:#e5e5e5; border-color:var(--oz-color-light); margin:0 0 2em 0;} .post-title h3 {font-size:24px; font-size:2.4rem; font-weight:bold; color:#582480; color:var(--oz-color-purple); } .box-title, .page-title, .post-category {display:block; line-height:1.2; text-align:left;} .box-title h3, .page-title h3, .post-category p {background:#582480; color:#fff; padding:24px 60px 0.2em 24px; margin:0; margin-bottom:0; display:inline-block; white-space:nowrap; line-height:1; border-top-right-radius:72px;} .box-title h3 i, .page-title h3 i, .post-category p i {font-size:46px; font-size:4.6rem; margin:0 0.6em 0 0; font-weight:bold; display:inline;} .box-title a, .page-title a {color:#fff;} .box-title a:hover, .page-title a:hover {text-decoration:underline;} @media screen and (max-width:800px) { .box-title h3, .page-title h3, .post-category p {font-size:14px; font-size:1.4rem; line-height:1.2;} .box-title h3 i, .page-title h3 i, .post-category p i {font-size:40px; font-size:4.0rem;} } @media screen and (max-width:600px) { .box-title h3 i, .page-title h3 i, .post-category p i {display:block; margin:0 0 2px 0;} } .box-content {background-color:#582480; background-color:var(--oz-color-purple); padding:0; width:calc(100% - 20px); position:relative;} .box-content .box {top:20px; left:20px; background-color:#fff; background-color:var(--oz-color-white); border:3px solid #582480; border-color:var(--oz-color-purple); position:relative; padding:60px 60px 0.1em; margin:0 0 120px 0;} .box-content .box:after {content:""; clear:both; display:block;} .page-content {background-color:#582480; background-color:var(--oz-color-purple); padding:0; width:calc(100% - 20px); position:relative;} .page-content .box {top:20px; left:20px; background-color:#fff; background-color:var(--oz-color-white); border:3px solid #582480; border-color:var(--oz-color-purple); position:relative; padding:60px 60px 0.1em; margin:0 0 120px 0;} .page-content .box:after {content:""; clear:both; display:block;} .post-content {background-color:#582480; background-color:var(--oz-color-purple); padding:0; width:calc(100% - 20px); position:relative;} .post-content .box {top:20px; left:20px; background-color:#fff; background-color:var(--oz-color-white); border:3px solid #582480; border-color:var(--oz-color-purple); position:relative; padding:60px 60px 0.1em; margin:0 0 120px 0;} .post-content .box:after {content:""; clear:both; display:block;} @media screen and (max-width:1300px) { .box-content .box, .page-content .box, .post-content .box {padding:40px 40px 0.1em;} } @media screen and (max-width:1000px) { .box-title h3 i, .page-title h3 i, .post-category p i {font-size:40px; font-size:4.0rem;} .box-content .box, .page-content .box, .post-content .box {padding:20px 20px 0.1em;} } @media screen and (max-width:900px) { .box-content .box, .page-content .box, .post-content .box {padding:40px 40px 0.1em;} } @media screen and (max-width:600px) { .box-title h3 i, .page-title h3 i, .post-category p i {font-size:32px; font-size:3.2rem;} .box-content .box, .page-content .box, .post-content .box {padding:20px 20px 0.1em;} } .article h4 span {background-color:#582480; background-color:var(--oz-color-purple); color:#fff; font-weight:bold; padding:12px 20px 10px 32px; display:inline-block; border-radius:60px;} .article h5 {color:#582480; color:var(--oz-color-purple); font-weight:bold; margin:0 0 1em 0;} .article .box .box {top:auto; left:auto; padding:40px 40px 0.1em;} /******************/ /******************/ /* front-page.php */ #post-top {padding:0;} #top-catchphrase {height:calc(100vh - 400px); min-height:400px; position:relative; z-index:99;} #top-catchphrase .svg-animation {position:absolute; top:0; right:5%; max-width:35%; width:100%; height:100%; z-index:99;} #top-catchphrase #svg-animation {max-width:100%; width:100%; padding:40px 0 0 0;} #top-catchphrase #svg-animation path { fill:none; stroke:#FFFFFF; stroke-width:18; stroke-linecap:round; stroke-linejoin:round; stroke-miterlimit:10; stroke-dasharray:0; stroke-dashoffset:1500; } @media screen and (max-width:900px) { #top-catchphrase {height:auto; min-height:auto} #top-catchphrase .svg-animation {position:relative; width:40%; height:auto; margin:0 auto; float:right; max-width:40%; top:0; right:auto; padding:100px 0 20px;} #top-catchphrase #svg-animation {padding:0; height:auto;} } @media screen and (max-width:640px) { #top-catchphrase .svg-animation {width:60%; max-width:60%; left:50%; margin:0; float:none; right:auto; transform:translateX(-50%);} } .tg-box {position:fixed; right:0; bottom:0; background:#582480; padding:12px 40px 16px; -webkit-transition:0.4s ease-in-out; -moz-transition:0.4s ease-in-out; -ms-transition:0.4s ease-in-out; -o-transition:0.4s ease-in-out; transition:0.4s ease-in-out; line-height:1.6; -webkit-backface-visibility:hidden; -moz-backface-visibility:hidden; backface-visibility:hidden; z-index:99; } .tg-box dl {margin:0; padding:0; color:#fff; text-align:center;} .tg-box dl dt, .tg-box dl dd {margin:0; padding:0;} .tg-box dl dt {white-space:nowrap; font-weight:bold; font-size:12px; font-size:1.2rem;} .tg-box dl dt i {font-size:24px; font-size:2.4rem; display:block;} .tg-box dl dd {margin:0 0 12px 0;} .tg-box dl dd {font-size:14px; font-size:1.4rem;} .tg-box dl dd span {margin-right:0; display:block; font-weight:bold; font-size:20px; font-size:2.0rem;} .tg-box dl dd a {background:#fff; display:block; color:#582480; border:2px solid #fff;} .tg-box dl dd a:hover {background:#582480; color:#fff;} .tg-box dl dd i {display:block;} .tg-box.scroll { bottom:0; -webkit-transform:translateX(120%); -moz-transform:translateX(120%); -ms-transform:translateX(120%); -o-transform:translateX(120%); transform:translateX(120%); } #modal-top-movie .modal-window {padding:0; background-color:transparent;} #modal-top-movie .wp-video, #modal-top-movie video {width:100%; max-width:100%; height:auto;} #top-pickup {max-width:60%;} #top-pickup p {margin:0 0 3.2em 0;} #top-pickup p.btn {right:20px; transform:translateY(-50%);} @media screen and (max-width:1360px) { #top-pickup {max-width:70%;} } @media screen and (max-width:1200px) { #top-pickup {max-width:76%;} } @media screen and (max-width:1000px) { #top-pickup {max-width:80%;} } @media screen and (max-width:900px) { #top-pickup {max-width:100%;} } #top-news {max-width:80%;} #top-news p.btn {right:20px; transform:translateY(-50%);} @media screen and (max-width:1000px) { #top-news {max-width:100%;} } #top-about img.right {width:100%; max-width:50%;} @media screen and (max-width:700px) { #top-about img.right {float:none; max-width:100%; margin:0 0 1em 0;} } #top-about .top-about-point {padding:90px 0; clear:both;} #top-about .top-about-point h5 {text-align:center; color:#353535; color:var(--oz-color-black); font-size:20px; font-size:2.0rem;} #top-about .top-about-point h5 i {display:block; color:#582480; color:var(--oz-color-purple); font-size:36px; font-size:3.6rem;} #top-about .top-about-point ol { -webkit-justify-content:space-between; justify-content:space-between; } #top-about .top-about-point ol li { margin:0 0 0; padding:0; position:relative; line-height:1.6; flex:0 1 auto; flex-grow:0; flex-shrink:1; flex-basis:26%; max-width:26%; } #top-about .top-about-point ol li:nth-child(1) {} #top-about .top-about-point ol li:nth-child(2) {margin-top:30px;} #top-about .top-about-point ol li:nth-child(3) {margin-top:60px;} #top-about .top-about-point ol li span {display:block;} #top-about .top-about-point ol li .title {text-align:center; color:#582480; color:var(--oz-color-purple); font-size:22px; font-size:2.2rem; margin:0 0 12px 0; font-weight:bold;} #top-about .top-about-point ol li .title i {display:block; font-size:52px; font-size:5.2rem;} #top-about .top-about-point ol li .description {text-align:left; font-size:14px; font-size:1.4rem; line-height:2;} #top-about .top-about-point ol li img {border:2px solid; border-color:#e5e5e5; border-color:var(--oz-color-light);} @media screen and (max-width:560px) { #top-about .top-about-point ol {display:block;} #top-about .top-about-point ol li {flex-basis:100%; max-width:100%;} #top-about .top-about-point ol li:nth-child(1), #top-about .top-about-point ol li:nth-child(2). #top-about .top-about-point ol li:nth-child(3) {margin:0 0 40px 0;} #top-about .top-about-point ol li .thumbnail {max-width:80%; margin:0 auto;} } .list-course {clear:both;} .list-course h6 {text-align:center; margin:0 auto 4px;} .list-course h6 span {display:inline-block; padding:12px 40px; min-width:320px; background-color:#582480; background-color:var(--oz-color-purple); color:#fff; font-weight:bold; font-size:18px; font-size:1.8rem;} .list-course h6:after {content:""; clear:both; display:block; width:100%; height:0; padding-top:9.65%; background:url("images-page/course-arrow.png") 0 0 no-repeat; background-size:100% auto;} .list-course ul {margin:0 auto 24px; padding:0; list-style:none; color:#fff; font-weight:bold; text-align:center; 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; } .list-course ul li {margin:0 0 0 0; padding:0; display:block; line-height:0; position:relative; flex:0 1 auto; flex-grow:0; flex-shrink:1; flex-basis:auto; flex-basis:11%; max-width:11%; } .list-course ul li:nth-child(1) {background-color:#e67d7d;} .list-course ul li:nth-child(2) {background-color:#eca97e;} .list-course ul li:nth-child(3) {background-color:#f0be5e;} .list-course ul li:nth-child(4) {background-color:#c5d37b;} .list-course ul li:nth-child(5) {background-color:#8ac68e;} .list-course ul li:nth-child(6) {background-color:#51b4ad;} .list-course ul li:nth-child(7) {background-color:#669dd8;} .list-course ul li:nth-child(8) {background-color:#d5798a;} .list-course ul li img {width:100%; height:auto;} .list-course ul li b {position:absolute; left:0; right:0; top:50%; line-height:1.2; padding:0 12px; transform:translateY(-50%); color:#fff;} .list-course ul li b span {display:inline-block;} .list-course ul li wbr {display:block;} .list-course p {font-size:14px; font-size:1.4rem;} @media screen and (max-width:1100px) { .list-course ul {font-size:16px; font-size:1.6rem;} .list-course ul li b {position:relative; left:50%; right:auto; top:auto; width:1em; display:block; line-height:1.2; transform:translate(-50%, 0); padding:12px 0;} .list-course ul li b span {display:inherit;} .list-course ul li img {display:none;} } @media screen and (max-width:900px) { .list-course ul {font-size:14px; font-size:1.4rem;} .list-course ul li b {position:absolute; left:0; right:0; top:50%; width:auto; display:block; line-height:1.2; transform:translate(0, -50%); padding:0;} .list-course ul li b span {display:inline-block;} .list-course ul li img {display:block;} } @media screen and (max-width:800px) { .list-course ul li b {position:relative; left:50%; right:auto; top:auto; width:1em; display:block; line-height:1.2; transform:translate(-50%, 0); padding:12px 0;} .list-course ul li b span {display:inherit;} .list-course ul li img {display:none;} } @media screen and (max-width:600px) { .list-course h6 span {min-width:inherit} } #top-option {margin:0 0 40px 0;} #top-option .flex { -webkit-justify-content:space-between; justify-content:space-between; } #top-option ul li { margin:0 0 40px 0; padding:0; border:4px solid #582480; border-color:var(--oz-color-purple); background-color:#ffffff; position:relative; flex:0 1 auto; flex-grow:0; flex-shrink:1; flex-basis:23.5%; max-width:23.5%; } #top-option dl {padding:0 0 20px; margin:0;} #top-option dl dt {text-align:center; font-size:12px; font-size:1.2rem; margin:0 0 6px 0; padding:12px 12px 0;} #top-option dl dt img {border:1px solid; border-color:#e5e5e5; border-color:var(--oz-color-light); width:100%; max-width:100%;} #top-option dl dd {text-align:center; font-size:12px; font-size:1.2rem; line-height:1.6;} #top-option dl dd:nth-of-type(2) {display:none;} #top-option dl dd i {font-size:18px; font-size:1.8rem; display:block; color:#582480; color:var(--oz-color-purple);} #top-option .btn {position:absolute; right:12px; bottom:0; transform:translateY(50%);} #top-option .btn a {background-color:#fff; border-width:4px; padding:8px 24px 6px;} #top-option .btn a:hover {background-color:#582480; background-color:var(--oz-color-purple); color:#fff;} @media screen and (max-width:1000px) { #top-option ul li {flex-basis:48%; max-width:49%;} } @media screen and (max-width:900px) { #top-option ul li {flex-basis:23.5%; max-width:23.5%;} } @media screen and (max-width:860px) { #top-option ul li {flex-basis:48%; max-width:49%;} } /****************** /******************/ /* page.php *******/ #post-comprehensive {} #post-comprehensive img.right {max-width:40%; margin:0 0 1em 1em;} @media screen and (max-width:800px) { #post-comprehensive img.right {max-width:100%; clear:both; float:none; margin:0 0 1em 0;} } .about-selector ul, .admission-selector ol {display:flex; -webkit-justify-content:space-between; justify-content:space-between; width:100%; font-size:14px; font-size:1.4rem; margin:0 0 90px 0; text-align:center; } .about-selector ul li, .admission-selector ol li { display:flex; -webkit-align-items:center; align-items:center; flex-basis:25%; max-width:25%;} .admission-selector ol li {flex-basis:33.3333%; max-width:33.3333%;} .about-selector ul li a, .admission-selector ol li a {position:relative; display:block; display:-webkit-flex; display:flex; vertical-align:middle; text-align:center; -webkit-align-items:center; align-items:center; -webkit-justify-content:center; justify-content:center; width:100%; height:100%; padding:12px 12px; border-right:1px solid; border-color:#fff; background-color:#f2f2f2; background-color:var(--oz-color-light); } .about-selector ul li:nth-child(1) a, .admission-selector ol li:nth-child(1) a {border-left:1px solid; border-color:#fff;} .about-selector ul li[class*="current"] a, .admission-selector ol li[class*="current"] a {background-color:#582480; background-color:var(--oz-color-purple); color:#fff;} .about-selector ul li a i, .admission-selector ol li a i {display:none;} .about-selector ul li a:hover, .admission-selector ol li a:hover {background-color:#582480; background-color:var(--oz-color-purple); color:#fff;} .about-selector ul li[class*="current"] a:after, .admission-selector ol li[class*="current"] a:after { content: ""; position: absolute; width: 20px; height: 20px; bottom: 0; left: 50%; transform: translate(-50%,50%) rotate(-45deg); background-color: #582480; background-color: var(--oz-color-purple); } #post-message .figure.right {max-width:40%; margin:0 0 2em 2em;} #post-message .figcaption {text-align:center; font-weight:bold; line-height:1.6; font-size:14px; font-size:1.4rem;} #post-message .figcaption b {font-size:18px; font-size:1.8rem; display:block;} #post-message img.left {max-width:50%; margin:0 2em 2em 0;} @media screen and (max-width:600px) { #post-message img.left {max-width:100%; margin:0 0 1em 0; float:none;} } #post-feature .flex { -webkit-justify-content:space-between; justify-content:space-between;} #post-feature .flex-cell { flex-basis:48%; max-width:48%; background-color:#f2f2f2; background-color:var(--oz-color-bg); padding:20px; } #post-feature .flex-cell h5 {text-align:center;} #post-feature .flex-cell img {max-width:80%; margin:0 auto; text-align:center;} #post-feature table th, #post-feature table td {padding:12px;} #post-feature table th {white-space:nowrap; vertical-align:middle; text-align:center; color:#fff; font-weight:bold;} #post-feature table tr:nth-child(1) th {background-color:#e67d7d;} #post-feature table tr:nth-child(2) th {background-color:#eca97e;} #post-feature table tr:nth-child(3) th {background-color:#f0be5e;} #post-feature table tr:nth-child(4) th {background-color:#c5d37b;} #post-feature table tr:nth-child(5) th {background-color:#8ac68e;} #post-feature table tr:nth-child(6) th {background-color:#51b4ad;} #post-feature table td {font-size:14px; font-size:1.4rem;} #post-feature .flex p {font-size:14px; font-size:1.4rem;} @media screen and (max-width:800px) { #post-feature .flex {display:block;} #post-feature .flex-cell {flex-basis:100%; max-width:100%;} } #post-support ol { -webkit-justify-content:space-between; justify-content:space-between; } #post-support ol li { margin:0 0 40px 0; padding:32px 24px 20px; display:block; position:relative; border:0; background-color:#f2f2f2; background-color:var(--oz-color-bg); flex:0 1 auto; flex-grow:0; flex-shrink:1; flex-basis:auto; flex-basis:32%; max-width:32%; } #post-support ol li span {display:block;} #post-support ol li .label {text-align:center;} #post-support ol li .label i {display:inline-block; color:#fff; padding:4px 12px;} #post-support ol li:nth-child(1) .label i {background-color:#e67d7d;} #post-support ol li:nth-child(2) .label i {background-color:#f0be5e;} #post-support ol li:nth-child(3) .label i {background-color:#8ac68e;} #post-support ol li .title {text-align:center; color:#582480; color:var(--oz-color-purple); font-weight:bold; margin:0 0 12px 0; font-size:20px; font-size:2.0rem;} #post-support ol li:nth-child(1) .title {color:#e67d7d;} #post-support ol li:nth-child(2) .title {color:#f0be5e;} #post-support ol li:nth-child(3) .title {color:#8ac68e;} #post-support ol li .text {font-size:14px; font-size:1.4rem; padding:0 0 20px 0;} #post-support ol li .text b {border:1px solid #353535; background-color:#fff; display:block; padding:12px; margin:0 0 6px 0; color:#353535; color:var(--oz-color-black);} #post-support ol li .more {font-size:14px; font-size:1.4rem; float:right; display:none;} @media screen and (max-width:1100px) { #post-support ol {display:block;} #post-support ol li {flex-basis:100%; max-width:100%;} } @media screen and (max-width:900px) { #post-support ol {display:-webkit-flex; display:flex;} #post-support ol li {flex-basis:32%; max-width:32%;} } @media screen and (max-width:800px) { #post-support ol {display:block;} #post-support ol li {flex-basis:100%; max-width:100%;} } #post-admission-policy .flex { -webkit-justify-content:space-between; justify-content:space-between; } #post-admission-policy .flex .box { margin:0 0 40px 0; padding:20px 24px 0.1em; display:block; position:relative; border:0; background-color:#f2f2f2; background-color:var(--oz-color-bg); flex:0 1 auto; flex-grow:0; flex-shrink:1; flex-basis:auto; flex-basis:46%; max-width:46%; } #post-admission-policy dl dt {text-align:center; font-weight:bold; color:#582480; color:var(--oz-color-purple); margin:0 auto 12px;} #post-admission-policy dl dd {margin:0 0 20px 0;} @media screen and (max-width:800px) { #post-admission-policy .flex {display:block;} #post-admission-policy .flex .box {flex-basis:100%; max-width:100%;} } #post-selection-method table {} #post-selection-method table th, #post-selection-method table td {border-color:#fff; padding:16px; vertical-align:middle;} #post-selection-method table th {text-align:center; color:#fff; font-weight:bold;} #post-selection-method table td {background-color:#f2f2f2; background-color:var(--oz-color-bg);} #post-selection-method table tr:nth-child(1) th {background-color:#e67d7d;} #post-selection-method table tr:nth-child(2) th {background-color:#eca97e;} #post-selection-method table tr:nth-child(3) th {background-color:#f0be5e;} #post-selection-method table tr:nth-child(4) th {background-color:#c5d37b;} #post-selection-method table tr:nth-child(5) th {background-color:#8ac68e;} #post-examination-subject table {line-height:1.6;} #post-examination-subject div > table caption {background-color:#e67d7d; color:#fff; font-weight:bold; font-size:24px; font-size:2.4rem;} #post-examination-subject div > table caption span {display:inline-block; margin:0 0 0 1em; font-size:14px; font-size:1.4rem;} #post-examination-subject .r-table {margin:0 0 60px 0;} #post-examination-subject div > table {table-layout:fixed; width:100%; min-width:700px; margin:0 0 20px 0;} #post-examination-subject div > table th, #post-examination-subject div > table td {vertical-align:top; padding:12px;} #post-examination-subject div > table th {text-align:center; font-weight:bold;} #post-examination-subject div > table td {padding:0;} #post-examination-subject table dl {padding:0; margin:0 0 6px 0; padding-right:3em; position:relative;} #post-examination-subject table dl:after {content:""; clear:both; display:block;} #post-examination-subject table dl dt, #post-examination-subject table dl dd {padding:0; margin:0; font-size:12px; font-size:1.2rem;} #post-examination-subject table dl dt {clear:both; float:left; min-width:36px;} #post-examination-subject table dl dd {overflow:hidden; display:block; float:left; max-width:calc(100% - 4em);} #post-examination-subject table dl dt b, #post-examination-subject table dl dd b {display:inline-block; margin:0 0.2em 0.2em 0; padding:2px 4px; text-align:center; border-radius:2px; letter-spacing:0; float:left; color:#353535; color:var(--oz-color-black);} #post-examination-subject table dl dt b {border:1px solid; border-color:#353535; border-color:var(--oz-color-black); background-color:#353535; background-color:var(--oz-color-black); color:#fff;} #post-examination-subject table dl dd b {border:1px solid; border-color:#353535; border-color:var(--oz-color-black);} #post-examination-subject table dl dd b span {font-size:0.6em; margin:0 0 0 0.6em; font-weight:normal;} #post-examination-subject table dl dt.empty {border-color:transparent; background-color:transparent; color:transparent;} #post-examination-subject table dl dt.empty:before {content:"　　";} #post-examination-subject table dl dd.no-border {border-color:transparent; text-align:left; overflow:auto; padding:3px 0;} #post-examination-subject table dl dd.note {border:0; position:absolute; top:50%; right:0; transform:translateY(-50%);} #post-examination-subject .subject {position:relative; display:block; clear:both; padding:12px;} #post-examination-subject .subject:not(:last-child) {border-bottom:1px dashed; border-color:#353535; border-color:var(--oz-color-black);} #post-examination-subject .subject:after {content:""; clear:both; display:block;} #post-examination-subject .subject p {font-size:12px; font-size:1.2rem; margin:12px 0 0 0; float:none; text-align:center; clear:both; padding:2px 2px; background-color:#f2f2f2; background-color:var(--oz-color-bg);} #post-examination-subject .subject.is-delete {} #post-examination-subject .subject.is-delete dl dd.text {text-decoration:line-through; color:red;} #post-examination-subject .subject.is-delete p {text-decoration:line-through; color:red;} #post-examination-subject table tfoot td p del {text-decoration:line-through; color:red; margin:0 1em 0 0;} #post-examination-subject table tfoot td {padding:12px;} #post-examination-subject table tfoot td p {margin:0;} #post-examination-subject div > table.bunkei caption {background-color:#e67d7d;} #post-examination-subject div > table.bunkei th, #post-examination-subject div > table.bunkei td {border:2px solid; border-color:#e67d7d;} #post-examination-subject div > table.bunkei th {background-color:#f2bebe;} #post-examination-subject div > table.bunkei tfoot td {background-color:#f2bebe;} #post-examination-subject table.rikei-1 caption {background-color:#f0be5e;} #post-examination-subject table.rikei-1 th, #post-examination-subject table.rikei-1 td {border:2px solid; border-color:#f0be5e;} #post-examination-subject table.rikei-1 th {background-color:#f7deae;} #post-examination-subject table.rikei-1 tfoot td {background-color:#f7deae;} #post-examination-subject table.rikei-2 caption {background-color:#8ac68e;} #post-examination-subject table.rikei-2 th, #post-examination-subject table.rikei-2 td {border:2px solid; border-color:#8ac68e;} #post-examination-subject table.rikei-2 th {background-color:#c4e2c6;} #post-examination-subject table.rikei-2 tfoot td {background-color:#c4e2c6;} #post-examination-subject table.rikei-3 caption {background-color:#669dd8;} #post-examination-subject table.rikei-3 th, #post-examination-subject table.rikei-3 td {border:2px solid; border-color:#669dd8;} #post-examination-subject table.rikei-3 th {background-color:#b2ceeb;} #post-examination-subject table.rikei-3 tfoot td {background-color:#b2ceeb;} .attention dl {} .attention dl dt {font-weight:bold; font-size:14px; font-size:1.4rem;} .attention dl dd {margin:0; padding:0 0 0 1em; text-indent:-1em; font-size:12px; font-size:1.2rem;} #post-course {} #post-course .course-select {background-color:#f2f2f2; background-color:var(--oz-color-bg); padding:20px 40px 0.1em; margin:0 0 4em 0;} #post-course .course-select ul {font-size:14px; font-size:1.4rem;} #post-course .course-select ul li {padding:0 0 0 1em; text-indent:-1em;} #post-course .course-select ul li:before {content:"■";} #post-course .course-select ul li span {display:block; font-size:12px; font-size:1.2rem; padding:0 0 0 1em;} #post-course .flex { -webkit-justify-content:space-between; justify-content:space-between; } #post-course .flex-cell { flex-basis:46%; max-width:46%; border:1px solid; border-color:#582480; border-color:var(--oz-color-purple); padding:20px; } #post-course .flex-cell h5 {text-align:center;} #post-course .flex-cell p {font-size:14px; font-size:1.4rem;} #post-course .flex-cell p.small {font-size:12px; font-size:1.2rem;} #post-course .flex-cell dl {font-size:14px; font-size:1.4rem; text-align:center;} #post-course .flex-cell dl dt {font-size:16px; font-size:1.6rem; font-weight:bold;} #post-course p img.size-full {max-width:960px; margin:0 auto;} #post-professors-message {} #post-professors-message dl dt .thumbnail img {max-width:300px; width:100%; height:auto; border:2px solid; border-color:#e5e5e5; border-color:var(--oz-color-light);} #post-professors-message dl dd:not(:last-child) {border-bottom:1px solid; border-color:#e5e5e5; border-color:var(--oz-color-light);} .list-professors { margin:0 auto; 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-between; justify-content:space-between; } .list-professors dl { margin:0 0 40px 0; padding:20px 0 0 0; display:block; position:relative; flex:0 1 auto; flex-grow:0; flex-shrink:1; flex-basis:auto; flex-basis:50%; max-width:50%; /*border-bottom:1px solid; border-color:#e5e5e5; border-color:var(--oz-color-light);*/ } .list-professors dl:nth-child(odd) {border-right:1px solid; border-color:#e5e5e5; border-color:var(--oz-color-light); padding-right:32px;} .list-professors dl:nth-child(even) {padding-left:32px;} .list-professors dl dt {font-size:22px; font-size:2.2rem; font-weight:bold; color:#582480; color:var(--oz-color-purple); line-height:1.6; text-align:center;} .list-professors dl dt span {display:block;} .list-professors dl dt .poste {margin:0 0 12px 0;} .list-professors dl dt .poste b {display:inline-block; color:#fff; background-color:#582480; background-color:var(--oz-color-purple); font-size:60%; padding:6px 12px;} .list-professors dl dd {font-size:14px; font-size:1.4rem; padding:0; margin:0 0 40px 0;} @media screen and (max-width:560px) { .list-professors {display:block;} .list-professors dl {flex-basis:100%; max-width:100%;} .list-professors dl:nth-child(odd), .list-professors dl:nth-child(even) {border:0; padding:0;} .list-professors dl dt {text-align:center; margin:0 auto;} } #post-faq {} #post-faq dl {padding:0 12px; margin:0 0 4.6em 0;} #post-faq dl dt, #post-faq dl dd {position:relative;} #post-faq dl dt {font-weight:bold; color:#582480; color:var(--oz-color-purple); background-color:#f2f2f2; background-color:var(--oz-color-bg); padding:8px; padding-left:calc(2em + 8px); margin:0 0 12px 0; cursor:pointer;} #post-faq dl dd {padding:0 0 0 2em; padding:8px; padding-left:calc(2em + 8px); margin:0 0 3em 0;} #post-faq dl dt:before, #post-faq dl dd:before {content:""; display:block; position:absolute; float:left; width:30px; height:30px; left:12px; top:12px;} #post-faq dl dt:before {content:url("images-page/ic-faq-q.svg");} #post-faq dl dd:before {content:url("images-page/ic-faq-a.svg"); top:10px;} #post-faq dl dt:hover {color:#fff; background-color:#582480; background-color:var(--oz-color-purple);} #post-faq dl dt:hover:before {content:url("images-page/ic-faq-q-white.svg");} /* .admission-selector {margin:0 0 90px 0;} .admission-selector ol {display:table; table-layout:fixed; width:100%; text-align:center; border-spacing:12px 0; padding:0; margin:0 auto;} .admission-selector ol li {display:table-cell;} .admission-selector ol li a {display:block; padding:4px 12px; border:1px solid; border-color:#e5e5e5; border-color:var(--oz-color-light); background-color:#e5e5e5; background-color:var(--oz-color-light); color:#ffffff; border-radius:40px; position:relative;} .admission-selector ol li a:hover {background-color:#582480; background-color:var(--oz-color-purple); border-color:#582480; border-color:var(--oz-color-purple); color:#fff;} .admission-selector ol li.is-active a {background-color:#582480; background-color:var(--oz-color-purple); border-color:#582480; border-color:var(--oz-color-purple); color:#fff;} .admission-selector ol li.is-active a:after {content:""; position:absolute; width:20px; height:20px; bottom:0; left:50%; transform:translate(-50%,50%) rotate(-45deg); background-color:#582480; background-color:var(--oz-color-purple);} @media screen and (max-width:800px) { .admission-selector ol {font-size:14px; font-size:1.4rem; border-spacing:4px 0;} } */ .table-admissions {} .table-admissions table {font-size:14px; font-size:1.4rem;} .table-admissions table th {vertical-align:middle; text-align:center; font-weight:bold; border-color:#fff; white-space:nowrap;} .table-admissions table td {text-align:center; white-space:nowrap; padding-left:12px; padding-right:12px;} .table-admissions table thead th {border-left:1px solid; border-right:1px solid; border-color:#fff;} .table-admissions table thead td {white-space:nowrap;} .table-admissions table thead th span {display:block;} .table-admissions table tfoot td {text-align:right;} .table-admissions table thead td {border:0;} .table-admissions table thead th {background-color:#595757;} .table-admissions table thead th:nth-of-type(1) {color:#fff;} .table-admissions table thead th:nth-of-type(2) {background-color:#dddddd;} .table-admissions table thead th:nth-of-type(3) {background-color:#dddddd;} .table-admissions table thead th:nth-of-type(4) {background-color:#dddddd;} .table-admissions table thead th:nth-of-type(5) {background-color:#dddddd;} .table-admissions table .cell-title th {background-color:#dddddd;} .table-admissions table .cell-jinbun th {background-color:#f2bebe;} .table-admissions table .cell-shakai th {background-color:#f5d4be;} .table-admissions table .cell-ningen th {background-color:#f7deae;} .table-admissions table .cell-seimei th {background-color:#e2e9bd;} .table-admissions table .cell-rikou th {background-color:#c4e2c6;} .table-admissions table .cell-jyohou th {background-color:#a8d9d6;} .table-admissions table .cell-igaku th {background-color:#b2ceeb;} .table-admissions table .cell-geijyutsu th {background-color:#eabcc4;} .table-admissions table .cell-taiiku th {background-color:#c2b4d6;} .table-admissions table th.title {color:#fff; border-right:1px solid #fff; white-space:nowrap; padding:0 12px;} .table-admissions table .cell-title th.title {background-color:#595757;} .table-admissions table .cell-jinbun th.title {background-color:#e67d7d;} .table-admissions table .cell-shakai th.title {background-color:#eca97e;} .table-admissions table .cell-ningen th.title {background-color:#f0be5e;} .table-admissions table .cell-seimei th.title {background-color:#c5d37b;} .table-admissions table .cell-rikou th.title {background-color:#8ac68e;} .table-admissions table .cell-jyohou th.title {background-color:#51b4ad;} .table-admissions table .cell-igaku th.title {background-color:#669dd8;} .table-admissions table .cell-geijyutsu th.title {background-color:#d5798a;} .table-admissions table .cell-taiiku th.title {background-color:#856aad;} .table-admissions table .cell-total th.title {background-color:#595757;} .table-admissions table th:not() {} .table-admissions table th + td {border-right:1px solid; border-color:#e5e5e5; border-color:var(--oz-color-light);} .table-admissions table td {border-right:1px solid; border-color:#e5e5e5; border-color:var(--oz-color-light);} .table-admissions table td.is-empty {border:0;} #post-contact .flex { -webkit-justify-content:space-between; justify-content:space-between; } #post-contact .flex-cell { flex-basis:48%; max-width:48%; background-color:#f2f2f2; background-color:var(--oz-color-bg); padding:36px 36px 20px; } #post-contact dl {text-align:center;} #post-contact dl dt {color:#fff; font-weight:bold; font-size:24px; font-size:2.4rem; background-color:#582480; background-color:var(--oz-color-purple); border-radius:40px;} #post-contact dl dd.tel {font-size:30px; font-size:3.0rem; margin:0 auto;} #post-contact dl dd.tel a {font-size:50px; font-size:5.0rem; white-space:nowrap;} #post-contact dl dd.mail {font-size:22px; font-size:2.2rem;} #post-contact dl dd.description {font-size:14px; font-size:1.4rem;} #post-contact p {font-size:14px; font-size:1.4rem;} @media screen and (max-width:1600px) { #post-contact dl dd.tel a {font-size:40px; font-size:4.0rem;} } @media screen and (max-width:1500px) { #post-contact dl dd.tel {font-size:24px; font-size:2.4rem;} #post-contact dl dd.tel a {font-size:40px; font-size:4.0rem;} #post-contact dl dd.mail {font-size:12px; font-size:1.2rem;} } @media screen and (max-width:1460px) { #post-contact dl dd.tel {font-size:1.6vw;} #post-contact dl dd.tel a {font-size:2.8vw;} } @media screen and (max-width:1400px) { #post-contact dl dd.tel {font-size:1.5vw;} #post-contact dl dd.tel a {font-size:2.6vw;} } @media screen and (max-width:1200px) { #post-contact .flex {display:block;} #post-contact .flex-cell {flex-basis:100%; max-width:100%;} #post-contact dl dd.tel {font-size:24px; font-size:2.4rem;} #post-contact dl dd.tel a {font-size:40px; font-size:4.0rem;} } @media screen and (max-width:680px) { #post-contact .flex-cell {padding:20px 20px 20px;} } @media screen and (max-width:600px) { #post-contact dl dt {font-size:22px; font-size:2.2rem;} #post-contact dl dd.tel {font-size:3.6vw;} #post-contact dl dd.tel a {font-size:7.2vw;} } @media screen and (max-width:600px) { #post-contact dl dd.tel {font-size:3.2vw;} #post-contact dl dd.tel a {font-size:6.4vw;} } #post-access dl {margin:0 auto 3.2em;} #post-access dl dt {margin:0 auto 20px;} #post-access dl dt span {color:#fff; font-weight:bold; padding:12px 24px; font-size:24px; font-size:2.4rem; background-color:#582480; background-color:var(--oz-color-purple); border-radius:40px;} .maps {position:relative; width:100%; height:460px; overflow:hidden; padding-top:0; margin:0 0 40px 0; border:4px solid; border-color:#582480; border-color:var(--oz-color-purple); line-height:1;} .maps iframe {position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;} /******************/ /******************/ /* single.php *****/ /* #post-ID {} */ /******************/ /******************/ /* archive.php ****/ #post-archives p {margin:0 auto 2em;} #post-archives .box {margin:0 0 60px 0;} .archives {width:100%; margin:0 auto; text-align:left;} .archives ul {list-style:none; padding:0; margin:0 0 3.2em 0; border-top:1px solid #dddddd;} .archives ul li {clear:both; display:block; margin:0; padding:0; border-bottom:1px solid #dddddd;} .archives ul li a {display:block; padding:12px 12px;} .archives ul li a:hover {background-color:#582480; background-color:var(--oz-color-purple); color:#fff;} .archives ul li a:hover .a-date span {background-color:#fff;} .archives ul li:after {content:""; clear:both; display:block;} .archives .a-date {margin:0 12px 0 0; display:block; font-size:14px; font-size:1.4rem; float:left; width:11em; text-align:center;} .archives .a-date span {background-color:#f2f2f2; color:#582480; color:var(--oz-color-purple); padding:2px 12px; display:block;} .archives .a-title {display:block; margin-top:-1px;} .archives .a-title i {display:none;} .archives .a-summary {} .archives .a-author {display:none;} .archives .a-none {display:none;} .archives .a-category a {color:#999999; color:var(--oz-color-gray);} .archives .a-more a {} .archives .entry-meta a {font-size:14px; font-size:1.4rem;} @media screen and (max-width:520px) { .archives ul li a {padding:16px 16px 8px;} .archives .a-date {float:none;} } /******************/ /******************/ /* CustomContents */ /******************/ /******************/ /* comments.php ***/ .form {clear:both; display:block; background-color:#ffffff;background-color:var(--oz-color-white); padding:40px 40px 0.1em; margin:0 auto 40px;} .form table {line-height:1.2; border-top:1px solid #e5e5e5; border-color:var(--oz-color-light);} .form table th, .form table td {border-bottom:1px solid #e5e5e5; border-color:var(--oz-color-light); padding:16px 4px 0.1em; vertical-align:middle;} .form table th {text-align:center; color:#582480; color:var(--oz-color-purple); font-size:12px; font-size:1.2rem; padding:16px 4px;} .form table td {} .form table th i {display:block; font-size:20px; font-size:2.0rem;} /******************/ /******************/ /* materials ******/ .figure {} .adr span {margin:0 0.4em 0 0; 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 #555555; border-color:var(--oz-color-dark); color:#555555; 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 #555555; border-color:transparent transparent transparent var(--oz-color-dark); position:absolute; right:-6px; bottom:-2px;} .more a:hover {cursor:pointer; color:#582480; color:var(--oz-color-purple); border-bottom:2px solid #582480; border-color:var(--oz-color-purple);} .more a:hover:after {border-color:transparent transparent transparent var(--oz-color-purple);} .btn {font-size:14px; font-size:1.4rem;} [type="submit"], .btn a {display:inline-block; min-width:120px; padding:12px 40px 12px 32px; line-height:1.2; font-weight:bold; text-align:center; background:#ffffff right 20px center no-repeat; background-image:url("images/arrow-r-purple.svg"); background-size:14px 14px; border:4px solid #582480; border-color:var(--oz-color-purple); color:#582480; color:var(--oz-color-purple); position:relative; } .btn a:after {content:"";} .btn i {padding:0 12px 0 0; display:block;} ul.btn li {display:inline-block; margin:0 6px 12px 6px;} [type="submit"]:hover, .btn a:hover {background-color:#582480; background-color:var(--oz-color-purple); background-image:url("images/arrow-r-white.svg"); color:#ffffff; 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:#582480; border-color:var(--oz-color-purple); color:blue;} .btn.btn-success a:hover {background-color:#582480; background-color:var(--oz-color-purple); color:#ffffff;} .btn.btn-error a {border-color:red; color:red;} .btn.btn-error a:hover {background-color:red; color:#ffffff;} .btn.btn-warning a {border-color:yellow; color:yellow;} .btn.btn-warning a:hover {background-color:yellow; color:#ffffff;} /******************/ /* 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 12px 0; padding:0; line-height:1.6; text-align:left; font-size:12px; font-size:1.2rem;} .breadcrumbs p {} .breadcrumbs ul {padding:0; margin:0 auto; list-style:none; white-space:nowrap; letter-spacing:0; overflow-x:scroll; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; } .breadcrumbs ul li {display:inline-block;} .breadcrumbs ul li:after {content:"\00BB"; margin:0 12px;} .breadcrumbs ul li:first-child:before {} .breadcrumbs ul li:last-child:after {content:"";} .breadcrumbs ul li a {} .breadcrumbs ul li a:hover {} /******************/ /******************/ /* 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 60px; 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:12px 12px; background-color:#fff; border:2px solid; border-color:#582480; border-color:var(--oz-color-purple); color:#582480; color:var(--oz-color-purple);} .pagination ul li a:hover {background-color:#582480; background-color:var(--oz-color-purple); color:#fff;} .pagination span.current {background-color:#582480; background-color:var(--oz-color-purple); 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 #582480; border-color:var(--oz-color-purple); background:#fff; color:#582480; color:var(--oz-color-purple); display:block;} .page-links a:hover {background-color:#582480; background-color:var(--oz-color-purple); color:#ffffff; } /******************/ /******************/ /* plugins ********/ body.is-modal {overflow:hidden;} .modal {display:none; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.82); padding:120px 60px; overflow-y:scroll; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; z-index:99999; } .modal-close {cursor:pointer; position:fixed; top:20px; right:20px; width:60px; height:60px; background:center center no-repeat; -webkit-background-size:60px 60px; -moz-background-size:60px 60px; -ms-background-size:60px 60px; -o-background-size:60px 60px; background-size:60px 60px; background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHN7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iY2xzIiBwb2ludHM9IjIwIDEuMjUgMTguNzUgMCAxMCA4Ljc1IDEuMjUgMCAwIDEuMjUgOC43NSAxMCAwIDE4Ljc1IDEuMjUgMjAgMTAgMTEuMjUgMTguNzUgMjAgMjAgMTguNzUgMTEuMjUgMTAgMjAgMS4yNSIvPjwvc3ZnPg=="); color:transparent; } .modal-close:hover { background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHN7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48cG9seWdvbiBjbGFzcz0iY2xzIiBwb2ludHM9IjIwIDEuMjUgMTguNzUgMCAxMCA4Ljc1IDEuMjUgMCAwIDEuMjUgOC43NSAxMCAwIDE4Ljc1IDEuMjUgMjAgMTAgMTEuMjUgMTguNzUgMjAgMjAgMTguNzUgMTEuMjUgMTAgMjAgMS4yNSIvPjwvc3ZnPg=="); } .modal-window { background-color:#fff; width:100%; max-width:900px; margin:0 auto; padding:40px; text-align:left; position:relative; z-index:999999; cursor:default; } /******************/ /* 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-color:#e5e5e5; background-color:var(--oz-color-light); border:1px solid #999999; border-color:var(--oz-color-gray); white-space:nowrap; overflow:hidden; } #tabs ol li:not(:last-child) {border-right:0;} #tabs ol li:hover {background-color:#582480; background-color:var(--oz-color-purple); color:#ffffff;} #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-color:#ffffff; background-color:var(--oz-color-white); color:#582480; color:var(--oz-color-purple); border-bottom:1px solid #ffffff;} #tabs ol li.current:hover {background-color:#ffffff; background-color:var(--oz-color-white); color:#582480; color:var(--oz-color-purple);} #tab-content { background-color:#ffffff; background-color:var(--oz-color-white); border:1px solid #999999; border-color:var(--oz-color-gray); text-align:left; border-radius:4px; padding:60px 40px 40px; margin:0 0 40px; position:relative; z-index:2; } /******************/ /* ContactForm7 ***/ form {} fieldset {} label {} ::-webkit-input-placeholder, ::-moz-placeholder, :-moz-placeholder, :-ms-input-placeholder {color:#999999; 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; background-color:var(--oz-color-bg); } 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 #e5e5e5;} 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:#999999; color:var(--oz-color-gray); background:transparent; border:1px solid #e5e5e5; 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 #582480; border-color:var(--oz-color-purple); } textarea {height:auto; min-height:100px;} select {} /******************/ /* facebook *******/ /******************/ /* twitter ********/ /******************/ /******************/ /* Media Query ****/ @media screen and (max-width:1600px) { } @media screen and (max-width:1000px) { body {font-size:16px; font-size:1.6rem;} } @media screen and (max-width:900px) { .pc {display:none;} .tb {display:block;} .sp {display:none;} .pc.tb {display:block;} .tb.sp {display:block;} .pc.sp {display:none;} #branding {display:none;} #header {width:100%; height:60px; min-height:inherit; bottom:auto; position:fixed;} #footer {margin:0;} #main {margin:0;} #header-logo {width:auto; width:100%; height:60px; min-height:inherit; padding:6px 0 0 12px; margin:0; background:#fff; box-shadow:4px 0 2px 2px rgba(0,0,0,0.2); z-index:9999;} #header-logo h1 {float:left; width:240px; height:60px;} #header-logo h1 a { background-image:url("images/icon-left.png"), url("images/logo-title-left.png"); background-size:120px 40px, 110px 30px; background-position:left 6px, 130px 10px; } #header-logo p {float:left; margin-top:10px; display:none;} #header-sidebar {display:block; padding:0 0 240px 0; position:fixed; width:36%; min-width:220px; height:100%; top:60px; left:auto; right:calc(-36% - 220px); bottom:0; background-color:#fff; overflow:scroll; -webkit-overflow-scrolling:touch; overflow-scrolling:touch; -ms-overflow-style:none; /* IE, Edge 対応 */ scrollbar-width:none; /* Firefox 対応 */ transition:all 0.4s; box-shadow:-4px 0 2px 2px rgba(0,0,0,0.2); cursor:pointer;z-index:9998; } #header-sidebar.is-active {right:0;} #header-sidebar::-webkit-scrollbar { display:none;/* Chrome, Safari 対応 */ } #header-navi ul {display:block; margin:0;} #header-navi ul li {} #header-navi ul li.menu-item-has-children:hover ul.sub-menu, #header-navi ul li ul.sub-menu {display:none;} .navi-toggle {display:block;} #header-navi-link {padding:0 12px;} #header-util {padding:0 12px;} #main-util {display:none;} .tg-box {display:none; position:relative; left:10px; right:10px; bottom:inherit; margin:0 0 32px 0; } .tg-box.scroll {bottom:inherit; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } 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%;} } /* ▲ iPhone 6+ 横（736px） ▼ */ @media screen and (max-width:740px) { .inner { min-width:280px; padding:0 8px; padding-left:calc( 8px + constant(safe-area-inset-left) ); padding-right:calc( 8px + constant(safe-area-inset-right) ); } #footer-navi {padding:40px 0;} #footer-navi .flex {border-top:1px solid #e5e5e5; border-color:var(--oz-color-light); display:block;} #footer-navi .module {display:block; width:100%; max-width:100%; border:0; border-bottom:1px solid #e5e5e5; border-color:var(--oz-color-light); padding:12px 12px 0 12px; margin:0;} #footer-navi .module:not(:last-child) {border:0; border-bottom:1px solid #e5e5e5; border-color:var(--oz-color-light);} #footer-navi h4 {cursor:pointer; display:block; font-size:18px; font-size:1.8rem; margin:0 0 12px 0; background:url("images/arrow-b-dark.svg") right center no-repeat; background-size:12px 12px;} #footer-navi h4.on {background-image:url("images/arrow-c-dark.svg");} #footer-navi h4.on:hover {background-image:url("images/arrow-c-purple.svg");} #footer-navi h4:hover {color:#582480; color:var(--oz-color-purple); background-image:url("images/arrow-b-purple.svg");} #footer-navi div[class^="menu-footer-navi"] {display:none; padding:0 0;} #footer-navi ul {display:block; width:100%; font-size:16px; font-size:1.6rem;} #footer-navi ul.menu {margin:0 0 20px 0;} #footer-navi ul li {display:block; border:0; white-space:nowrap; text-indent:0;} } @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;} .form {padding:20px 20px 0.1em;} .form table th, .form table td {display:block; text-align:left; padding:0;} .form table th {border:0; padding:32px 0 0 0; margin:0 0 12px 0;} .form table th i {display:inline-block; margin: 0 1em 0 0;} .form table td {padding:0 0 16px 0;} } /* ▲ Mac OS Safari - Minimum(504px) ▼ */ @media screen and (max-width:520px) { } /* ▲ iPhone 6+ - iPhone 6 ▼ */ @media screen and (max-width:380px) { } /******************/ /******************/ /* fonts **********/ @font-face { font-family:'Reem Kufi'; font-style: normal; font-weight: 400; src: local('Reem Kufi Regular'), local('ReemKufi-Regular'), url(https://fonts.gstatic.com/s/reemkufi/v3/UaqTAKa4Uv2-zsuS8_b9kYX0hVgzZQUfRDuZrPvH3D8.woff2) format('woff2'); unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+FB50-FDFF, U+FE80-FEFC; } @font-face { font-family:'Reem Kufi'; font-style: normal; font-weight: 400; src: local('Reem Kufi Regular'), local('ReemKufi-Regular'), url(https://fonts.gstatic.com/s/reemkufi/v3/FTp4cbXHs33vRJgqopuR4pBw1xU1rKptJj_0jans920.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } .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:'Reem Kufi', sans-serif; text-transform:uppercase;} /******************/ /******************/ /* Keyframes ******/ @-webkit-keyframes blur { 0% {-webkit-filter:blur(0);} 100% {-webkit-filter:blur(8px);} } @-moz-keyframes blur { 0% {-moz-filter:blur(0);} 100% {-moz-filter:blur(8px);} } @-ms-keyframes blur { 0% {-ms-filter:blur(0);} 100% {-ms-filter:blur(8px);} } @-o-keyframes blur { 0% {-o-filter:blur(0);} 100% {-o-filter:blur(8px);} } @keyframes blur { 0% {filter:blur(0);} 100% {filter:blur(8px);} } @-webkit-keyframes blur-off { 0% {-webkit-filter:blur(8px);} 100% {-webkit-filter:blur(0);} } @-moz-keyframes blur-off { 0% {-moz-filter:blur(8px);} 100% {-moz-filter:blur(0);} } @-ms-keyframes blur-off { 0% {-ms-filter:blur(8px);} 100% {-ms-filter:blur(0);} } @-o-keyframes blur-off { 0% {-o-filter:blur(8px);} 100% {-o-filter:blur(0);} } @keyframes blur-off { 0% {filter:blur(8px);} 100% {filter:blur(0);} } /******************/ /******************/ /* ▲ プリント用CSS ▼ */ @media print { body {zoom:0.46; -webkit-print-color-adjust:exact;} #branding, #header, #main-util, #bg {display:none;} #header {display:block; position:relative; background-color:#fff; width:100%; height:60px; min-height:inherit; top:auto; left:auto; bottom:auto;} #header-logo {width:auto; width:100%; height:60px; min-height:inherit; padding:6px 0 0 12px; margin:0; background:#fff; box-shadow:4px 0 2px 2px rgba(0,0,0,0.2); z-index:9999;} #header-logo h1 {float:left; width:240px; height:60px;} #header-logo h1 a { background-image:url("images/icon-left.png"), url("images/logo-title-left.png"); background-size:120px 40px, 110px 30px; background-position:left 6px, 130px 10px; } #header-logo p {float:left; margin-top:10px; display:none;} #header-sidebar {display:none;} #main, #footer {margin:0;} #main {padding:90px 0 0 0;} #top-catchphrase {display:none;} #top-pickup, #top-news {max-width:100%;} .tg-box {display:none;} .type-page, .type-post, .type-archives, .type-404 {padding-top:0;} } @media print and screen\0 { body {zoom:1.8;} } /* IE10以上 */ @media print and (-ms-high-contrast: none) { body { zoom: 1.8; width: 1200px; transform: scale(0.5); transform-origin: 0 0; } } /* end ************/ /******************/ /******************/