/*!
Theme Name: keio-chem
Theme URI: http://underscores.me/
Author: Department of Chemistry, Faculty of Science and Technology, Keio University
Author URI: http://www.chem.keio.ac.jp/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: keio-chem
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

keio-chem is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
#Header
	##Header
	##Footer
#Home
#Pages
#Staff
	##Staff-post
	##Staff-archive
#Research
#Student
#Category
	##Topics
#Add
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-weight: 500;
}
body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

a:active,
a:hover {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 12px;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 1em 40px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
html {
    font-family: -apple-system, BlinkMacSystemFont, 'Open Sans', 'Helvetica Neue', Helvetica, 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	font-weight: 500;
}

body,
button,
input,
select,
optgroup,
textarea {
	color: #333;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1, h2, h3, h4, h5, h6 {
	clear: both;
    font-family: -apple-system, BlinkMacSystemFont, 'Open Sans', 'Helvetica Neue', Helvetica, 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
	font-weight: 500;
}

p {
	margin: 0 0 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see https://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	border-top: solid 3px #001E62;
	background: #fff;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul, ol {
	margin: 0 0 1.5em 3em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 1.5em;
}
/*
dt {
	font-weight: bold;
}
*/
dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	/* Adhere to container width. */
}

figure {
	margin: 1em 0;
	/* Extra wide images within figure tags don't overflow the content area. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: 1px solid;
	border-color: #ccc #ccc #bbb;
	border-radius: 3px;
	background: #e6e6e6;
	color: rgba(0, 0, 0, 0.8);
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1;
	padding: .6em 1em .4em;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: #ccc #bbb #aaa;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #aaa #bbb #bbb;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #666;
	border: 1px solid #ccc;
	border-radius: 3px;
	padding: 3px;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #111;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #000;
}

a:visited {
	color: #000;
}

a:hover, a:focus, a:active {
	color: #404040;
	text-decoration: none;
}

a:hover, a:active {
	outline: 0;
}


/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.sub-navigation {
	clear: both;
	display: block;
/*	float: left;
	width: 100%;*/
}
.sub-navigation ul {
/*	display: none;*/
	list-style: none;
	margin: 0 auto;
	padding-left: 0;
/*	font-size: 0;*/
	text-align: center;
}
.sub-navigation ul > li {
	display: inline-block;
	font-size: 16px;
	padding-top: 10px;
	padding-right: 15px;
	padding-bottom: 7px;
}
.sub-navigation ul > li > a {
	color: #fff;
}
.sub-navigation ul > li > a:hover {
	color: #ccc;
}
.sub-navigation ul > li a:before {
	content: "｜";
	color: #fff;
	padding-right: 15px;
}
.sub-navigation ul > li:first-child a:before {
	content: none;
	padding-right: 0;
}

.sub-navigation ul ul.sub-menu {
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
/*	background-color: #fff;*/
	width: 180px;
	padding-left: 15px;
}
.sub-navigation ul ul.sub-menu a {
	color: #001E62;
}

.sub-navigation ul ul.sub-menu a:hover {
	color: #fff;
}
.sub-navigation ul ul.sub-menu a:before {
	content: none;
	color: #fff;
	padding-right: 0;
}

.sub-navigation ul ul.sub-menu li {
	border-left : 1px solid #001E62;
	border-right : 1px solid #001E62;
	border-bottom : 1px solid #001E62;
	background-color: #fff;
	text-align: left;
	padding-top: 5px;
	padding-right: 0;
	padding-left: 15px;
	padding-bottom: 4px;
	margin: 0;
	width: 180px;
}
.sub-navigation ul ul.sub-menu li:hover {
	background-color: #001E62;
}
.sub-navigation ul ul.sub-menu li:first-child {
	border-top : 1px solid #001E62;
}
.sub-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.sub-navigation ul ul li:hover > ul,
.sub-navigation ul ul li.focus > ul {
	left: 100%;
}

.sub-navigation ul li:hover > ul,
.sub-navigation ul li.focus > ul {
	left: auto;
}
.sub-navigation li {
/*	float: left;*/
	display: inline-block;
	position: relative;
}
.sub-navigation a {
	display: block;
	text-decoration: none;
}


/* Small menu. */
@media screen and (min-width: 768px) {
	.menu-toggle {
		display: none;
	}
	.sub-navigation ul#primary-menu {
		display: block;
	}
	#site-navigation {
		display: none;
	}	
}
@media screen and (max-width: 767px) {
	#masthead {
		position: relative;
		z-index: 5000;
	}
	#site-navigation {
		position: absolute;
		top: 0;
	}
	.main-navigation li {
	float: none;
	position: relative;
	}
}
/* Toggle Button */
.menu-toggle {
    width: 40px;
    height: 40px;
	border: none;
	border-radius: 0;
	background: #001E62;
	float: right;
	position: relative;
	padding: 0;
}

#nav-toggle {
    position: absolute;
    right: 7px;
    top: 10px;
    width: 26px;
    height: 26px;
    cursor: pointer;
    z-index: 1000;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 3px;
    width: 100%;
    background: #fff;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 8px;
}
#nav-toggle span:nth-child(3) {
    top: 16px;
}

[aria-expanded="true"] #nav-toggle span:nth-child(1) {
        top: 8px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
[aria-expanded="true"] #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
[aria-expanded="true"] #nav-toggle span:nth-child(3) {
        top: 8px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }

#primary-menu,
#primary-menu-en {
	position: absolute;
	top: 40px;
	z-index: 99999;
}

.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}
.main-navigation ul {
		display: none;
}
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}
.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation ul {
	list-style: none;
	margin: 0;
	padding-left: 0;
	width: 100%;
	border-top: solid 2px #001E62;
}
.main-navigation ul a {
	color: #001E62;
	font-size: 18px;
	font-weight: bold;
	padding: 7px 0 5px 20px;
}
.main-navigation ul a:hover {
	color: #fff;
}
.main-navigation ul li {
	background-color: #fff;
	border-bottom: solid 2px #001E62;
}
.main-navigation ul#primary-menu li.menu-item-has-children > a:after {
	content: "";
	display: inline-block;
	margin-left: 7px;
	margin-top: 5px;
	width: 18px;
	height: 18px;
	background-image: url("images/icon_arrow_under.svg");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.main-navigation ul li a:hover {
	background-color: #001E62;
}
.main-navigation ul#primary-menu ul {
	display: none;
}
.main-navigation ul#primary-menu ul li {
	background-color: #eee;
}
.main-navigation ul#primary-menu ul li:last-child {
	border-bottom: none;
}
.main-navigation ul#primary-menu ul li a {
	font-size: 16px;
	padding: 8px 0 7px 40px;
}
/*
.main-navigation ul ul a {
	width: 100%;
}
*/
.main-navigation ul#primary-menu li:hover > ul,
.main-navigation ul#primary-menu li.focus > ul {
/*	left: auto;*/
	display: block;
	background-color: #eee;
}
.main-navigation ul ul ul {
	left: -999em;
	top: 0;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}


.main-navigation li {
/*	float: left;
	position: relative;*/
}


.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 50%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 50%;
}

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers. */
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; /* Many screen reader and browser combinations announce broken words as they would appear visually. */
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
	/* Above WP toolbar. */
}

/* Do not show the outline on the skip link target. */
#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
	/* Make sure select elements fit in widgets. */
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
#content {
	padding-bottom: 30px;
}
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 25px 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	/* Theme Footer (when set to scrolling) */
	display: none;
}

/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

/* Make sure embeds and iframes fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}

/*--------------------------------------------------------------
#Header
--------------------------------------------------------------*/
.container {
	max-width: 1060px;
}

#head_access_area {
	display: none;
}
@media screen and (min-width: 768px) {
#head_access_area {
	margin-top: 10px;
	margin-bottom: 0;
	display: block;
	float: right;
	font-size: 13px;
	list-style-type: none;
}
#head_access_area:after {
    content:" ";
    display:block;
    clear:both;
}
#head_access_area li {
	display: inline-block;
	padding-right: 5px;
}
#head_access_area li a {
	text-decoration: none;
}
#head_access_area li:last-child {
	padding-right: 0;
}
#head_access_area li:last-child:before {
	content: "｜";
	padding-right: 7px;
}
}

/*en*/

#head_access_area_en {
	display: none;
}
@media screen and (min-width: 768px) {
#head_access_area_en {
	margin-top: 10px;
	margin-bottom: 0;
	display: block;
	float: right;
	font-size: 13px;
	list-style-type: none;
}
#head_access_area_en:after {
    content:" ";
    display:block;
    clear:both;
}
#head_access_area_en li {
	display: inline-block;
	padding-right: 5px;
}
#head_access_area_en li a {
	text-decoration: none;
}
#head_access_area_en li:after {
	content: "｜";
	padding-left: 7px;
}
#head_access_area_en li:last-child {
	padding-right: 0;
}
#head_access_area_en li:last-child:after {
	content: "";
	padding-left: 0;
}
}
/* Google検索窓 */
#cse-search-box img.img_search {
	width: 14px;
	height: 14px;
}
#cse-search-box input[type="text"] {
    border: 1px solid #ccc !important;
	font-size: 14px;
	width: 180px;
	height: 18px;
	padding: 0;
	margin: 3px 0 0 3px;
}
#cse-search-box input[type="text"]:focus {
	outline: 0;
}
#cse-search-box input[type="image"] {
    display: none;
}
/* タイトルロゴ */
h1.site-title {
	text-align: left;
	padding-left: 0;
	padding-right: 50px;
	margin: 10px 0;
}
@media screen and (min-width: 768px) {
h1.site-title {
	margin: 14px 0 20px;
	padding: 0;
	text-align: center;
}
}

h1.site-title-en {
	text-align: left;
	padding-left: 0;
	padding-right: 50px;
	margin: 10px 0;
}
h1.site-title-en img {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 768px) {
h1.site-title-en {
	margin: 14px 0 20px;
	padding: 0;
	text-align: center;
}
h1.site-title-en img {
	width: 629px;
	height: 68px;
}
}

/*--------------------------------------------------------------
#Nav
--------------------------------------------------------------*/
/*--------------------------------------------------------------
##Header
--------------------------------------------------------------*/
nav.sub-navigation {
	display: none;
}
@media screen and (min-width: 768px) {
nav.sub-navigation {
	display: block;
	background-color: #001E62;
	height: 43px;
	text-align: center;
}
.menu-head_navi-container {
	max-width: 1060px;
	margin: 0 auto;
	text-align: center;
}
}

/*--------------------------------------------------------------
##Footer
--------------------------------------------------------------*/
#univ_area {
	width: 100%;
	background-color: #f0f0f0;
}
ul#footer_link_area {
	list-style-type: none;
	margin: 20px 0 20px;
	padding-left: 0;
}
ul#footer_link_area li {
	margin-bottom: 10px;
}
ul#footer_link_area li:last-child {
	margin-bottom: 0;
}
ul#footer_link_area li img:hover {
	opacity: 0.9;
}

@media screen and (min-width: 359px) {
ul#footer_link_area li {
	display: inline-block;
}
ul#footer_link_area li {
	margin-bottom: 0;
	margin-right: 10px;
}
ul#footer_link_area li:last-child {
	margin-bottom: 0;
	margin-right: 0px;
}
}

/*footer_nav area*/
.site-info {
	width: 100%;
	background-color: #001E62;
}
.menu-foot_navi-container:after,
.menu-en-foot-container:after {
    content:" ";
    display:block;
    clear:both;
}
#footer-menu,
#footer-menu-en {
	float: left;
	margin: 15px 0 20px;
	list-style-type: none;
	padding-left: 0;
}
#footer-menu li,
#footer-menu-en li {
	display: inline-block;
	padding-right: 3px;
	font-size: 14px;
}
#footer-menu li:last-child,
#footer-menu-en li:last-child {
	padding-right: 0;
}
#footer-menu li a:before,
#footer-menu-en li a:before {
	content: "｜";
	padding-right: 4px;
	color: #fff;
}
#footer-menu li:first-child a:before,
#footer-menu-en li:first-child a:before {
	content: none;
	padding-right: 0;
}
#footer-menu li a,
#footer-menu-en li a {
	color: #fff;
}
#footer-menu li a:hover,
#footer-menu-en li a:hover {
	color: #ddd;
	text-decoration: none;
}
@media screen and (min-width: 768px) {
#footer-menu,
#footer-menu-en {
	float: right;
	margin: 15px 0 15px;
}
#footer-menu li,
#footer-menu-en li {
	display: inline-block;
	padding-right: 15px;
	font-size: 14px;
}
#footer-menu li a:before,
#footer-menu-en li a:before {
	content: "｜";
	padding-right: 15px;
	color: #fff;
}
}

#footer_logo_area {

}
#footer1,
#footer2 {
	margin-top: 10px;
}
#footer1 p,
#footer2 p {
	color: #fff;
	line-height: 1.4;
	font-size: 13px;
}
.footer_copy {
	color: #fff;
	margin: 0 0 12px;
	line-height: 1.1;
}
@media screen and (min-width: 768px) {
#footer1 p {
	font-size: 14px;
}
#footer2 p {
	font-size: 16px;
}
.footer_copy {
	text-align: right;
}
}
/*--------------------------------------------------------------
##Breadcrumbs
--------------------------------------------------------------*/
@media screen and (max-width: 767px) {
#breadcrumbs {
	display: none;
}
}
@media screen and (min-width: 768px) {
#breadcrumbs {
	display: block;
}
}
#breadcrumbs ul {
	width: 100%;
	font-size: 14px;
	padding: 0;
	margin: 15px 0;
}
#breadcrumbs ul li {
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
	line-height: 1;
}
#breadcrumbs li img {
	width: auto;
	height: 14px;
	vertical-align: middle;
}
#breadcrumbs li.breadcrumb-top img {
	width: auto;
	height: 14px;
	vertical-align: middle;
}

/*--------------------------------------------------------------
#Home
--------------------------------------------------------------*/
.home .site-content {
/*	padding-bottom: 80px;*/
}
h2#home_news {
	margin-top: 40px;
	margin-bottom: 0;
	position: relative;
}
.home #category_list_area li:first-child {
	border-top: none;
}
.btn_topics_front_area {
	display: none;
}
.front_topics_bottom_area {
	display: block;
	margin: 0 auto;
	text-align: center;
}
@media screen and (min-width: 768px) {
.btn_topics_front_area {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
}
.btn_topics_front_area .btn {
	letter-spacing: 0em;
	font-size: 13px;
}
.front_topics_bottom_area {
	display: none;
}
}
/*english*/
.metaslider {
	z-index: -300;
}
/*--------------------------------------------------------------
#Pages
--------------------------------------------------------------*/

/*トピックス関連*/
.category-topics h1.page-title,
.category-news h1.page-title,
.category-press h1.page-title,
.category-media h1.page-title,
.category-award h1.page-title,
.category-report h1.page-title,
.archive h1.page-title,
.single-class h1.page-title,
.post-template-default h1.page-title,
.page-template-page-topicslist h1.page-title,
.page-template-google-search h1.page-title {
    position: absolute;
	margin: 0;
	padding: 0;
	top: 40%;
	left: 5%;
	font-size: 24px;
	letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
.category-topics h1.page-title,
.category-news h1.page-title,
.category-press h1.page-title,
.category-media h1.page-title,
.category-award h1.page-title,
.category-report h1.page-title,
.archive h1.page-title,
.single-class h1.page-title,
.post-template-default h1.page-title,
.page-template-page-topicslist h1.page-title,
.page-template-google-search h1.page-title {
	top: 40%;
	left: 5%;
	font-size: 30px;
}
}
/*トピックス*/
.category-topics .page-header,
.category-news .page-header,
.category-press .page-header,
.category-media .page-header,
.category-award .page-header,
.category-report .page-header,
.archive .page-header,
.single-class .page-header,
.post-template-default .page-header,
.page-template-page-topicslist .page-header,
.page-template-google-search .entry-header {
	background:  url("images/title_topics.jpg") 0 0 no-repeat;
    height: 0;
    padding-top: 21.6%;
    background-size: contain;
    position: relative;
/*   	z-index: -10;*/
}
.category-topics h1.page-title,
.category-news h1.page-title,
.category-press .page-header,
.category-media .page-header,
.category-award .page-header,
.category-report .page-header,
.archive .page-header,
.single-class .page-header,
.post-template-default .page-header,
.page-template-page-topicslist .page-header,
.page-template-google-search .entry-header {
	color: #fff;
}


/*ページ関連*/
.page h1.entry-title,
.post-type-archive-staff h1.page-title,
.post-type-archive-research h1.page-title,
.post-type-archive-alumnis_voice h1.page-title,
.single-alumnis_voice h1.entry-title {
    position: absolute;
	margin: 0;
	padding: 0;
	top: 40.56%;
	left: 5%;
	font-size: 24px;
	letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
.page h1.entry-title,
.post-type-archive-staff h1.page-title,
.post-type-archive-research h1.page-title,
.post-type-archive-alumnis_voice h1.page-title,
.single-alumnis_voice h1.entry-title {
	top: 46%;
	left: 5%;
	font-size: 30px;
}
}

.page-header {
    padding-bottom: 0;
    margin: 0 auto; 
    border-bottom: none;
   }

/*化学科について*/
.page-id-2152 .entry-header {
	background:  url("images/title_about.jpg") 0 0 no-repeat;
    height: 0;
    padding-top: 40.56%;
    background-size: contain;
    position: relative;
   	z-index: -10;
}
.page-id-2152 h1.entry-title {
	color: #000;
}
/**メッセージ**/
.page-id-2217 .entry-header {
	background:  url("images/title_about_message.jpg") 0 0 no-repeat;
    height: 0;
    padding-top: 40.56%;
    background-size: contain;
    position: relative;
   	z-index: -10;
}
.page-id-2217 h1.entry-title {
	color: #fff;
}
/**スタッフ / アーカイブ**/
.post-type-archive-staff .page-header {
	background:  url("images/title_about_staff.jpg") 0 0 no-repeat;
    height: 0;
    padding-top: 40.56%;
    background-size: contain;
    position: relative;
   	z-index: -10;
}
.post-type-archive-staff h1.page-title {
	color: #fff;
}

/**研究室 / アーカイブ**/
.post-type-archive-research .page-header {
	background:  url("images/title_research.jpg") 0 0 no-repeat;
    height: 0;
    padding-top: 40.56%;
    background-size: contain;
    position: relative;
   	z-index: -10;
}
.post-type-archive-research h1.page-title {
	color: #000;
}


/*化学科を目指す皆さんへ*/
.page-id-2156 .entry-header {
	background:  url("images/title_student.jpg") 0 0 no-repeat;
    height: 0;
    padding-top: 40.56%;
    background-size: contain;
    position: relative;
   	z-index: -10;
}
.page-id-2156 h1.entry-title {
	color: #000;
}
/**教育プログラム**/
.page-id-2268 .entry-header {
	background:  url("images/title_student_programs.jpg") 0 0 no-repeat;
    height: 0;
    padding-top: 40.56%;
    background-size: contain;
    position: relative;
   	z-index: -10;
}
.page-id-2268 h1.entry-title {
	color: #fff;
}

/**カリキュラム**/
.page-id-2270 .entry-header {
	background:  url("images/title_student_curriculum.jpg") 0 0 no-repeat;
    height: 0;
    padding-top: 40.56%;
    background-size: contain;
    position: relative;
   	z-index: -10;
}
.page-id-2270 h1.entry-title {
	color: #fff;
}
/**授業関連**/
.page-id-2365 .page-header {
	background:  url("images/title_student_class.jpg") 0 0 no-repeat;
    height: 0;
    padding-top: 40.56%;
    background-size: contain;
    position: relative;
   	z-index: -10;
}
.page-id-2365 h1.entry-title {
	color: #fff;
}
/**化学科の一年**/
.page-id-2272 .entry-header {
	background:  url("images/title_student_oneyear.jpg") 0 0 no-repeat;
    height: 0;
    padding-top: 40.56%;
    background-size: contain;
    position: relative;
   	z-index: -10;
}
.page-id-2272 h1.entry-title {
	color: #fff;
}
/**進路**/
.page-id-2274 .entry-header {
	background:  url("images/title_student_career_new.jpg") 0 0 no-repeat;
    height: 0;
    padding-top: 40.56%;
    background-size: contain;
    position: relative;
   	z-index: -10;
}
.page-id-2274 h1.entry-title {
	color: #fff;
}
/**先輩訪問**/
.page-id-2367 .entry-header,
.single-alumnis_voice .entry-header,
.post-type-archive-alumnis_voice .page-header {
 	background:  url("images/title_student_alumnis.jpg") 0 0 no-repeat;
    height: 0;
    padding-top: 40.56%;
    background-size: contain;
    position: relative;
   	z-index: -10;
}
.page-id-2367 h1.entry-title,
.single-alumnis_voice h1.entry-title,
.post-type-archive-alumnis_voice h1.page-title {
	color: #000;
}


/*--------------------------------------------------------------
##Page-Detail
--------------------------------------------------------------*/
/*page subtitle*/
h2 {
	margin-top: 0;
	padding-bottom: 17px;
	color: #001E62;
	border-bottom: solid 2px #001E62;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 0.2em;
}
/*page subtitle-line center*/
h2.page_subtitle_line {
	margin-top: 0;
	padding-top: 17px;
	padding-bottom: 17px;
	color: #001E62;
	border-top: solid 2px #001E62;
	border-bottom: solid 2px #001E62;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 0.2em;
	text-align: center;
}

/*content-text*/
.entry-content p {
	line-height: 1.7;
	letter-spacing: 0.05em;
}

/*下部リンクエリア*/
.page_link_area {
	margin-top: 50px;
}
.page_link_area img {
	width: 100%;
	height: auto;
}
.page_link_img {
	position: relative;
	margin-bottom: 20px;
}
.page_link_img p {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 15px;
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	font-size: 22px;
	line-height: 1;
	padding: 25px 15px;
}
.page_link_img a:hover {
	opacity: 0.9;
}
@media screen and (min-width: 768px) {

}

/*--------------------------------------------------------------
#Staff
--------------------------------------------------------------*/
/*--------------------------------------------------------------
##Staff-post
--------------------------------------------------------------*/
h2.staff_header {
	padding-top: 10px;
	padding-bottom: 15px;
	color: #001E62;
	border-bottom: solid 2px #001E62;
	font-weight: bold;
	font-size: 20px;
	letter-spacing: 0;
 /*  	z-index: -100;*/
}
h2.staff_header span {
	margin-right: 15px;
}
h2.staff_header span.staff_header_sub {
	font-size: 17px;
}
h2.staff_header span.staff_header_sub02 {
	font-size: 17px;
	margin-right: 0;
}
h2.staff_header span.staff_header_sub02:after {
    content:" ";
    display:block;
    clear:both;
}
@media screen and (min-width: 768px) {
h2.staff_header {
	font-size: 22px;
}
h2.staff_header span.staff_header_sub {
	font-size: 18px;
}
h2.staff_header span.staff_header_sub02 {
	font-size: 18px;
	margin-right: 0;
}
}

/*プロフィール欄*/
.staff_prof_area {

}
.staff_prof_area img {
	width: 100%;
	height: auto;
}
ul.staff_photo_area01 {
	padding-left: 0;
	margin: 5px 0 0 0;
	font-size: 16px;
	list-style-type: none;
}
ul.staff_photo_area01 li {
	margin-bottom: 3px;
}
.staff_mail span:before {
	content: "";
	display: inline-block;
	margin-right: 3px;
	margin-top: 1px;
	width: 16px;
	height: 16px;
	background-image: url("images/icon_mail.svg");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.staff_hp a {
	text-decoration: underline;
}
.staff_hp a:hover {
	text-decoration: none;
}
.staff_hp a:after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	margin-top: -2px;
	width: 14px;
	height: 14px;
	background-image: url("images/icon_link_window.svg");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
@media screen and (min-width: 768px) {
ul.staff_photo_area01 {
	font-size: 15px;
}
.staff_mail span:before {
	width: 13px;
	height: 13px;
}
.staff_hp a:after {
	width: 12px;
	height: 12px;
}
}


.staff_prof_list {
	margin-top: 20px;
	margin-bottom: 0;
	border-bottom: 1px solid #001E62;
}
.staff_prof_list dt {
	width: 100%;
	padding-top: 10px;
	border-top: 1px solid #001E62;
}
.staff_prof_list dd {
	margin-left: 0;
	margin-bottom: 0;
	padding-bottom: 10px;
}
@media screen and (min-width: 768px) {
.staff_prof_list {
	margin-top: 0;
	width: 100%;
}
}

h3 {
	font-size: 18px;
	font-weight: bold;
}
.staff_reserch_area img {
	width: 100%;
	height: auto;
}


/*職歴*/
dl.prof_history_list dt {
	font-weight: normal;
}
dl.prof_history_list dd {
	margin: 0 0 10px 0;
}
dl.prof_history_list dd:last-child {
	margin: 0;
}
@media screen and (min-width: 992px) {
dl.prof_history_list dt {
  clear: left;
  float: left;
  width: 7em;
  margin-bottom: 10px;
}
dl.prof_history_list dd { 
  margin: 0 0 10px 7em;
}
dl.prof_history_list dd:last-child {
  margin: 0 0 0 7em;
}
}

dl.prof_history_list02 dt {
	font-weight: normal;
}
dl.prof_history_list02 dd {
	margin: 0 0 10px 0;
}
@media screen and (min-width: 992px) {
dl.prof_history_list02 dt {
  clear: left;
  float: left;
  width: 13em;
  margin-bottom: 10px;
}
dl.prof_history_list02 dd { 
  margin: 0 0 10px 13em;
}
}

.prof_history_txt {
	margin: -10px 0 0;
	padding: 0 0 10px;
	line-height: 1;
}



/*業績*/
dl.prof_award_list dt {
	font-weight: normal;
}
dl.prof_award_list dd {
	margin: 0 0 10px 0;
}
@media screen and (min-width: 992px) {
dl.prof_award_list dt {
  clear: left;
  float: left;
  width: 7em;
  margin-bottom: 10px;
}
dl.prof_award_list dd { 
  margin: 0 0 10px 7em;
}
}


.prof_paper_txt {
	margin: 0;
	padding: 15px 0;
}
.prof_paper_txt a {
	text-decoration: underline;
}
.prof_paper_txt a:hover {
	text-decoration: none;
}
.prof_paper_txt a:after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	margin-top: -2px;
	width: 14px;
	height: 14px;
	background-image: url("images/icon_link_window.svg");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

/*プロフィール内　ol*/
.staff_reserch_area ol {
	margin: -1em 0 5px;
	padding:0;
	list-style-type: none;
}
.staff_reserch_area ol li {
	margin-top: 5px;
}
.staff_reserch_area ol li:first-child {
	margin-top: 0;
}

body.single-staff nav.post-navigation {
	display: none;
}
/*--------------------------------------------------------------
##Staff-archive
--------------------------------------------------------------*/
/*staff-page*/
.page_staff_link_area {
	padding-bottom: 40px;
}
.page_staff_link_area h4 {
	font-size: 19px;
	font-weight: bold;
	margin-bottom: 5px;
}
.page_staff_link_area h4 span {
	margin-right: 0;
}
.page_staff_link_area h4 span:after {
    content:" ";
    display:block;
    clear:both;
}
.page_staff_link_area img {
	width: 100%;
	height: auto;
}
.page_staff_link_area a img:hover {
	opacity: 0.9;
}
.page_staff_link_lab {
	margin: 5px 0 0;
}
.staff_mail span:before {
	content: "";
	display: inline-block;
	margin-right: 3px;
	margin-top: 1px;
	width: 16px;
	height: 16px;
	background-image: url("images/icon_mail.svg");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

.staff_prof_list dt {

}

@media screen and (min-width: 768px) {
.page_staff_link_img {
	margin-bottom: 20px;
}
.page_staff_link_area h4 {
	font-size: 18px;
}
p.page_staff_link_lab {
	margin: 3px 0 0;
	font-size: 15px;
	line-height: 1.4;
}
p.staff_mail {
	margin: 0;
	font-size: 15px;
	line-height: 1.4;
}
p.staff_mail span {
	letter-spacing: 0;
	line-height: 1.4;
}
.staff_mail span:before {
	width: 14px;
	height: 14px;
}
}
@media screen and (min-width: 992px) {
.page_staff_link_area h4 span {
	margin-right: 10px;
}
.page_staff_link_area h4 span:after {
    content: none;
    display: inline;
    clear: none;
}
}


/*--------------------------------------------------------------
#Research
--------------------------------------------------------------*/
.page_lab_link_area {
	padding-bottom: 40px;
}
.page_lab_link_area h4 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 5px;
}
.page_lab_link_img img {
	width: 100%;
	height: auto;
}
.page_lab_link_img {
	position: relative;
	margin-bottom: 30px;
}
.page_lab_link_img p.page_lab_link_copy {
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0;
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	font-size: 22px;
	line-height: 1;
	padding: 20px 15px;
}
p.page_lab_link_copy span {
	font-size: 16px;
}
img.page_lab_link_icon {
	position: absolute;
	bottom: 10px;
	right: 10px;
	width: 16px;
	height: auto;
}
.page_lab_link_img a:hover {
	opacity: 0.9;
}


@media screen and (min-width: 768px) {
.page_lab_link_area h4 {
	font-size: 16px;
}
.page_lab_link_img p.page_lab_link_copy {
	font-size: 18px;
	padding: 15px 10px;
}
p.page_lab_link_copy span {
	font-size: 14px;
}
}
@media screen and (min-width: 992px) {
.page_lab_link_area h4 {
	font-size: 18px;
}
}

/*--------------------------------------------------------------
#Student
--------------------------------------------------------------*/
/*教育プログラム*/

/*page subtitle*/
.page_subtitle_number {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 20px;
	padding-bottom: 13px;
	color: #001E62;
	border-bottom: solid 2px #001E62;
	font-weight: bold;
	font-size: 24px;
	letter-spacing: 0.2em;
	line-height: 2;
}
.page_subtitle_number:nth-of-type(1) {
	padding-top: 0;
}
.page_subtitle_number span {
	border: solid 2px #001E62;
	padding: 5px 11px 5px 12px;
	text-align: center;
	margin-right: 10px;
}
@media screen and (min-width: 768px) {
.page_subtitle_number {
	margin-top: 0;
	padding-bottom: 17px;
}
}

h3.page_subtitle_sub {
	font-size: 21px;
	font-weight: bold;
	margin-top: 15px;
	padding: 7px 10px 6px;
	border: solid 2px #001E62;
	background-color: #F1C400;
	color: #000;
}

/*化学科の一年*/
#table_oneyear {
	border-top: 2px solid #001E62;
	border-left: 2px solid #001E62;
	border-right: 2px solid #001E62;
}
#table_oneyear dt{
	border-bottom: 2px solid #001E62;
	background-color: #F1C400;
	color: #000;
	padding: 10px;
	font-size: 20px;
}
#table_oneyear dd {
	border-bottom: 2px solid #001E62;
	margin: 0;
	padding: 10px;
}
#table_oneyear dd h5 {
	font-size: 18px;
	font-weight: bold;
	color: #001E62;
}

/*進路*/
.student_course_area:after {
    content:" ";
    display:block;
    clear:both;
}
.student_course_area {
	overflow: hidden;
}

.student_course_img_area {
	margin-bottom: 20px;
}
.student_course_img_area img {
	width: 100%;
	height: auto;
}

h5.student_course_title span {
	font-weight: bold;
	border: 1px solid #000;
	color: #000;
	padding: 5px;
}
.student_course_area p {
	line-height: 1.2;
	margin-bottom: 1em;
}
.text_att {
	text-align: right;
	margin-bottom: 5px;
	font-size: 14px;
}
.div_second_area {
	margin-top: -10px;
}
@media screen and (min-width: 359px) {
}



/*先輩訪問*/
/*一覧*/
.entry-vol_area {
	font-weight: bold;
	color: #C63527;
}
/*個別ページ*/
h2.alumnis_cat_title {
	margin-top:25px;
	position:relative;
	padding:10px 20px;
	color:#000;
	background:#F1C400;
	border:#001E62 solid 3px;
	letter-spacing: 0.1em;
}
h2.alumnis_cat_title:before{
	content:" ";
	position:absolute;
	top:100%;
	left:24px;
	width:0;
	height:0;
	border-width:12px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#001E62;
}
h2.alumnis_cat_title:after{
	content:" ";
	position:absolute;
	top:100%;
	left:28px;
	width:0;
	height:0;
	border-width:8px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#F1C400;
	z-index:1;
}

.alumnis_name_area {
	font-size: 20px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 0px;
}
.alumnis_name_area span:after {
	content:"さん";
}

.alumnis_workplace_area {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

/*サイドバー*/
.alumnis_side_area ul {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
	padding-top: 5px;
}
.alumnis_side_area ul li {
	line-height: 1.2;
	margin-bottom: 10px;
}
.alumnis_side_area ul li:last-child {
	line-height: 1.2;
	margin-bottom: 0;
}
.alumnis_side_area ul li span {
	margin-right: 7px;
}


/*アクセス*/
.access_text_area {
	margin-bottom: 20px;
}
.access_text_area ul {
    list-style: none;
	padding-left: 0;
	margin: 0;
}
.list_tel span:before {
 	content: "";
	display: inline-block;
	margin-right: 5px;
	margin-top: -3px;
	width: 16px;
	height: 16px;
	background-image: url("images/icon_tel.svg");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.access_text_area h5 span {
	font-weight: bold;
	padding: 3px 5px;
	margin-top: 10px;
	border: solid 1px #000;
	color: #000;
}
.access_text_area p {
	margin-bottom: 0;
}
.access_text_area p.access_sub {
	font-weight: bold;
	margin-bottom: 5px;
}
.access_text_area ul.access_min {
	padding-left: 1em;
	margin-left: 1em;
	list-style-type: disc;
}
/*関連リンク*/
.link_page_area {

}
.link_page_area dt a {
	font-weight: bold;
	color: #001E62;
}
.link_page_area dt ahover {
	opacyty: 0.9;
}
.link_page_area dt a:after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	margin-top: -3px;
	width: 16px;
	height: 16px;
	background-image: url("images/icon_link_window_blue.svg");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
.link_page_area dt {
	padding: 10px 0 0 0;
}
.link_page_area dd {
	margin: 0;
	padding: 7px 0 10px 0;
	border-bottom: solid 1px #001E62;
}
.att_text_red {
	color: #C63527;
	margin: 0;
}

/*お問い合わせ*/
.contact_text_area {

}
.contact_text_area ul {
    list-style: none;
	padding-left: 0;
	margin: 0;
}
.contact_text_area ul li {
	margin_bottom: 5px;
} 
.list_tel_sub span {
	margin-left: 20px;
}
.list_mail span:before {
	content: "";
	display: inline-block;
	margin-right: 5px;
	margin-top: 1px;
	width: 16px;
	height: 16px;
	background-image: url("images/icon_mail.svg");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
/*サイトポリシー*/
.policy_text_area h5 {
	font-weight: bold;
}
.policy_text_area ol {
	padding-left: 0;
	margin-left: 1.5em;
}
.policy_text_area ol li {
	margin-bottom: 5px;
}
.policy_text_area ol li:last-child {
	margin-bottom: 0;
}
/*--------------------------------------------------------------
#Category
--------------------------------------------------------------*/
.category_content #main {
	margin-top: 25px;
}
#secondary {
	margin-top: 25px;
	margin-bottom: 50px;
}
@media screen and (min-width: 992px) {
#secondary {
	margin-top: 25px;
	margin-bottom: 0;
}
}
/*記事内リンクエリア*/
#post_custum_link_area {

}
#post_custum_link_area ul {
	padding-left: 0;
	margin: 0 0 1.5em 0;
	list-style-type: none;
}
#post_custum_link_area ul li:empty {
	display: none;
}

/*ウィジェットタイトル*/
h2.widget-title {
	font-size: 14px;
	font-weight: normal;
	background-color: #C63527;
	border-bottom: none;
	padding: 10px 15px;
	width: 100%;
	color: #fff;
}
/*カテゴリメニュー*/
.widget-area #menu-side_nav {
	padding-left: 0;
	margin: 0 0 1.5em 1em;
	list-style-type: none;
}
.widget-area #menu-side_nav li {
	font-size: 16px;
	margin-bottom: 5px;
}
/*アーカイブメニュー*/
/*ドロップダウン*/
#archives-dropdown-2 {
	width: 100%;
	padding: 2px 5px 5px;
	border-radius: 2px;
}
#archives-dropdown-2 option {
	padding: 3px;
}
/*通常リスト*/
.widget-area #archives-2 ul {
	padding-left: 0;
	margin: 0 0 1.5em 1em;
	list-style-type: none;
}
.widget-area #archives-2 li {
	font-size: 16px;
	margin-bottom: 5px;
}
.widget-area #archives-2 li a:after {
	content: "年";
}

/*トピックスリスト*/
#archives-2.widget {
	margin: 0 0 0 0;
}
.widget-area #archives-2 ul {
	margin: 0 0 0 1em;
}
.widget-area ul.topicslist {
    padding: 0;
    margin: 0 0 0 1em;
    list-style-type: none;
}

/*一覧内content*/
#category_list_area {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}
#category_list_area article {
	padding-bottom: 0;
	margin-bottom: 0;
}
#category_list_area > li {
	border-bottom: 1px solid #001E62;
	padding: 15px 0;
}
#category_list_area > li:first-child {
	border-top: 1px solid #001E62;
}
#category_list_area .entry-title {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: none;
	font-size: 16px;
}
#category_list_area ul.post-categories {
	margin-bottom:10px;
}
#category_list_area .entry-date {
	font-size: 14px;
}
@media screen and (min-width: 768px) {
.entry-date_area {
	float: left;
	margin-right: 15px;
}
}

/*ページャー*/
.pagination{
    text-align: center;
    width: 100%;
}
a.page-numbers,
.pagination .current{
    background: #fff;
    border: solid 1px #ccc;
    padding:5px 8px;
    margin:0 2px;
    text-decoration: none;
}
.pagination .current{
    background: #001E62;
    border: solid 1px #001E62;
    color: #fff;
}

/*--------------------------------------------------------------
##Topics
--------------------------------------------------------------*/
.post-template-default .entry-header h1.entry-title,
.type-class h1.entry-title {
	font-size: 22px;
	font-weight: bold;
}

.category-class .entry-header .entry-title {
	font-size: 22px;
	font-weight: bold;
}

/*tag_area*/
ul.post-categories {
	padding-left: 0;
	margin: 0 0 15px 0;
	list-style-type: none;
}
ul.post-categories li {
	display: inline-block;
	margin-left: 5px;
}
ul.post-categories li:first-child {
	margin-left: 0;
}
ul.post-categories li a {
	text-decoration: none;
}
/*tag*/
.category-news ul.post-categories li a {
	background-color: #001E62;
	color: #fff;
	padding: 2px 15px 2px 15px;
	font-size: 13px;
}
.category-press ul.post-categories li a {
	background-color: #F1C400;
	color: #000;
	padding: 2px 15px 2px 15px;
	font-size: 13px;
}
.category-award ul.post-categories li a {
	background-color: #C63527;
	color: #fff;
	padding: 2px 15px 2px 15px;
	font-size: 13px;
}
.category-media ul.post-categories li a {
	background-color: #097c25;
	color: #fff;
	padding: 2px 15px 2px 15px;
	font-size: 13px;
}
.category-report ul.post-categories li a {
	background-color: #fff;
	border: 1px solid #001E62;
	color: #001E62;
	padding: 2px 15px 2px 15px;
	font-size: 13px;
}
.category-class ul.post-categories li a {
	background-color: #8fc31f;
	border: 1px solid #8fc31f;
	color: #fff;
	padding: 2px 15px 2px 15px;
	font-size: 13px;
}
/*本文カラーエラー*/
article.post h1.entry-title,
article.post .entry-content {
	color: #333;
}

/*--------------------------------------------------------------
#Add button
--------------------------------------------------------------*/
/*一覧リンクボタン*/
.link_btn_area {
	text-align: center;
}
/*スタッフ一覧用*/
.link_btn_staff_area {
	padding-top:50px;
}
/*カリキュラムPDF*/
.link_btn_curriculum_area {

}

/*青ボタン*/
.btn_blue {
	display: inline-block;
	color: #fff;
	background-color: #001E62;
	padding: 10px 20px;
	margin: 0 auto 0;
	text-align: center;
}
a:hover.btn_blue {
  color: #fff;
  text-decoration: none;
  opacity: 0.9;
}
a:visited.btn_blue {
  color: #fff;
  text-decoration: none;
}
.btn_blue span:after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	margin-top: -2px;
	width: 14px;
	height: 14px;
	background: url("images/icon_arrow_right_white.svg") no-repeat;
	background-size: contain;
	vertical-align: middle;
}
/*青ライン*/
.btn_blue_line {
	display: inline-block;
	color: #001E62;
	background-color: #fff;
	border: 2px solid #001E62;
	padding: 10px 20px;
	margin: 0 auto 0;
	text-align: center;
	font-weight: bold;
}
a:hover.btn_blue_line {
  color: #001E62;
  text-decoration: none;
  opacity: 0.8;
}
.btn_blue_line span:after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	margin-top: -2px;
	width: 14px;
	height: 14px;
	background-image: url("images/icon_arrow_right.svg");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
/*先輩訪問　サイドボタン*/
a.btn_blue_line_s {
	display: inline-block;
	color: #001E62;
	background-color: #fff;
	border: 2px solid #001E62;
	padding: 10px 20px;
	margin: 0 auto 0;
	text-align: center;
	font-size: 14px;
}
.btn_blue_line_s span:after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	margin-top: -2px;
	width: 14px;
	height: 14px;
	background-image: url("images/icon_arrow_right.svg");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
@media screen and (min-width: 768px) {
a.btn_blue_line_s {
	width: 100%;
}
}

/*カリキュラムPDF*/
.btn_blue_printer {
	display: inline-block;
	color: #001E62;
	background-color: #fff;
	border: 2px solid #001E62;
	padding: 8px 15px 7px;
	margin: 0 auto 0;
	text-align: center;
	font-weight: bold;
}
a:hover.btn_blue_printer {
  color: #001E62;
  text-decoration: none;
  opacity: 0.8;
}
a:visited.btn_blue_printer {
  color: #001E62;
  text-decoration: none;
}
.btn_blue_printer span:after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	margin-top: -2px;
	width: 20px;
	height: 20px;
	background-image: url("images/icon_printer.svg");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

/*list*/
.list_line {
	padding-left: 0;
	margin-left: 0;
	list-style-type: none;
}
.list_line li {
	border-bottom: 1px solid #000;
	padding: 10px 0;
}
.list_line li:first-child {
	border-top: 1px solid #000;
}


/*--------------------------------------------------------------
#Add
--------------------------------------------------------------*/
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}
.textalign_center {
	text-align: center;
}
.textalign_right {
	text-align: right;
}
.textalign_left {
	text-align: left;
}

.fontweight_bold {
	font-weight: bold;
}
/*テキスト折り返し*/
.word_break {
  word-wrap: break-word;
  white-space: normal;
	width: 100%;
}

.margin_0_auto {
	margin: 0 auto;
}
.margin_t_10 {
	margin-top: 10px;
}
.margin_t_20 {
	margin-top: 20px;
}
.margin_b_10 {
	margin-bottom: 10px;
}
.margin_b_20 {
	margin-bottom: 20px;
}

.padding_b_10 {
	padding-bottom:10px;
}
.padding_t_10 {
	padding-top:10px;
}
.padding_t_20 {
	padding-top:20px;
}
.padding_t_50 {
	padding-top:50px;
}

.img_link {
	opacity: 0.9;
}

/*別サイトリンク*/
.link_other_site {
	margin: 0;
	padding: 0;
}
.link_other_site a {
	text-decoration: underline;
}
.link_other_site a:hover {
	text-decoration: none;
}
.link_other_site a:after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	margin-top: -2px;
	width: 14px;
	height: 14px;
	background-image: url("images/icon_link_window.svg");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
/*PDFリンク*/
.link_pdf_file {
	margin: 0;
	padding: 0;
}
.link_pdf_file  a {
	text-decoration: underline;
}
.link_pdf_file  a:hover {
	text-decoration: none;
}
.link_pdf_file  a:after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	margin-top: -2px;
	width: 14px;
	height: 14px;
	background-image: url("images/icon_link_pdf.svg");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

/* ----- link_info / old-site post内リンク調整 ----------------------------------------------*/
.link_info {
margin-top: 10px;
}

.link_info li {
margin-bottom: 5px;
}

.link_info li a {
font-weight: bold;
}

/*PDFリンク*/
a.link_pdf {
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
a.link_pdf:hover {
	text-decoration: none;
}
a.link_pdf:after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	margin-top: -3px;
	width: 16px;
	height: 16px;
	background-image: url("images/icon_link_pdf.svg");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
/*PDFリンク*/
a.link_a01 {
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
a.link_a01:hover {
	text-decoration: none;
}
a.link_a01:after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	margin-top: -2px;
	width: 14px;
	height: 14px;
	background-image: url("images/icon_link_window.svg");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}

a.link_a02 {
	margin: 0;
	padding: 0;
	text-decoration: underline;
}
a.link_a02:hover {
	text-decoration: none;
}
a.link_a02:after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	margin-top: -2px;
	width: 14px;
	height: 14px;
	background-image: url("images/icon_link_window.svg");
	background-repeat: no-repeat;
	background-size: contain;
	vertical-align: middle;
}
/*別窓*/
/*
a.link_a01 { 
background: url(images/icon_link_window.svg) no-repeat left;
padding-left: 22px;
}
*/
/*01のグレー版*/
/*
.link_a02 { 
background: url(images/icon_link_window.svg) no-repeat left;
padding-left: 22px;
}*/