/*
	Theme Name: Outreach Pro
	Theme URI: http://my.studiopress.com/themes/outreach/
	Description: A mobile responsive and HTML5 theme built for the Genesis Framework.
	Author: StudioPress
	Author URI: http://www.studiopress.com/
	Version: 3.1

	Tags: black, green, white, one-column, two-columns, three-columns, left-sidebar, right-sidebar, responsive-layout, custom-menu, full-width-template, rtl-language-support, sticky-post, theme-options, threaded-comments, translation-ready, premise-landing-page

	Template: genesis
	Template Version: 2.1

	License: GPL-2.0+
	License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Table of Contents

	- Theme Colors
		- 代ゼミ: #E60012
		- Y-SAPIX: #004098 rgba(0, 64, 152, 1), #0064ed, #003276 (0, +5, -2) <= デフォルト
	- HTML5 Reset
		- Baseline Normalize
		- Box Sizing
		- Float Clearing
	- Defaults
		- Typographical Elements
		- Headings
		- Objects
		- Gallery
		- Forms
		- Tables
	- Structure and Layout
		- Site Containers
		- Column Widths and Positions
		- Column Classes
	- Common Classes
		- Avatar
		- Genesis
		- Search Form
		- Titles
		- WordPress
	- Widgets
		- Featured Content
	- Plugins
		- FlexSlider
	- Site Header
		- Title Area
		- Widget Area
	- Site Navigation
		- Header Navigation
		- Primary Navigation
		- Secondary Navigation
		- Responsive Menu
	- Content Area
		- Home Page
		- Entries
		- Entry Meta
		- After Entry
		- Pagination
	- Comments
	- Sidebars
	- Footer Widgets
	- Site Footer
	- EG Custom Class
		- EG Notification
		- Backnumber
		- EG Buttons
		- EG Interview
		- EG Menu
		- EG Boxed
		- EG Labels
		- EG PNG Viewer, EG Overflow Auto
		- EG tab
	- Theme Colors
		- Outreach Pro Blue
		- Outreach Pro Orange
		- Outreach Pro Purple
		- Outreach Pro Red
	- Media Queries
	- Retina Display
		- Retina
		- Max-width: 1139px
		- Max-width: 1023px
		- Max-width: 767px

*/


/*
HTML5 Reset
---------------------------------------------------------------------------------------------------- */

/* Baseline Normalize
	normalize.css v2.1.3 | MIT License | git.io/normalize
--------------------------------------------- */

article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}audio,canvas,video{display:inline-block}audio:not([controls]){display:none;height:0}[hidden],template{display:none}html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}a{background:transparent}a:focus{outline:thin dotted}a:active,a:hover{outline:0}abbr[title]{border-bottom:1px dotted}b,strong{font-weight:700}dfn{font-style:italic}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}mark{background:#ff0;color:#000}code,kbd,pre,samp{font-family:monospace,serif;font-size:1em}pre{white-space:pre-wrap}q{quotes:"\201C" "\201D" "\2018" "\2019"}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sup{top:-.5em}sub{bottom:-.25em}img{border:0}svg:not(:root){overflow:hidden}figure{margin:0}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{border:0;padding:0}button,input,select,textarea{font-family:inherit;font-size:100%;margin:0}button,input{line-height:normal}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}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}textarea{overflow:auto;vertical-align:top}table{border-collapse:collapse;border-spacing:0}

/* Box Sizing
--------------------------------------------- */

input[type="search"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
}

/* Float Clearing
--------------------------------------------- */

.author-box:before,
.clearfix:before,
.eg-clear-fix:before,
.entry-content:before,
.entry:before,
.footer-widgets:before,
.home-top .widget:before,
.nav-primary:before,
.nav-secondary:before,
.pagination:before,
.site-container:before,
.site-footer:before,
.site-header:before,
.site-inner:before,
.wrap:before {
	content: " ";
	display: table;
}

.author-box:after,
.clearfix:after,
.eg-clear-fix:after,
.entry-content:after,
.entry:after,
.footer-widgets:after,
.home-top .widget:after,
.nav-primary:after,
.nav-secondary:after,
.pagination:after,
.site-container:after,
.site-footer:after,
.site-header:after,
.site-inner:after,
.wrap:after {
	clear: both;
	content: " ";
	display: table;
}


/*
Defaults
---------------------------------------------------------------------------------------------------- */

/* Typographical Elements
--------------------------------------------- */

body {
	background-color: #fff;
	color: #000;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 15px;
	font-weight: 400;
	line-height: 1.46;
}

a {
	color: #004098;
}

a:hover {
	color: #e60012;
}

p {
	line-height: 1.8;
	margin-bottom: 14px;
}

.post-info,
.time {
	color: #888;
}

.time-icon,
.content .entry-header .entry-meta .entry-time {
	background: url(images/icon-time.png) no-repeat left center;
	padding: 2px 0 2px 21px;
}

.after-right-arrow:after {
	content: ' \27A1';
}

.fl:first-letter {
	padding-right: 1em;
}

.font-palt { font-feature-settings : "palt"; }

.browser-safari .font-palt,
.font-pkna { font-feature-settings : "pkna"; }

/* Headings
--------------------------------------------- */

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
}

.singular .entry-title,
.kanban-title {
	background-color: #004098;
	-webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow:    0 0 4px 4px rgba(0, 0, 0, 0.2) inset;
	box-shadow:         0 0 4px 4px rgba(0, 0, 0, 0.2) inset;
	color: #fff;
	font-size: 24px;
	margin-bottom: 20px;
	padding: 18px;
}






/* モバイルでタイトル背景に画像を使用 */
/* カスタムbodyクラスで分類 */
.event_others .singular .entry-title, .event_others .kanban-title
{
  background-image: url(/wp-content/themes/outreach-pro/images/mobile_title_bg-others-v2.jpg);
    background-size: cover;
	background-position: center;
    color: #fff;
    font-size: 24px;
    box-shadow: none;
    margin: 20px 5px;
    padding: 18px;
}

.event_ap .singular .entry-title, .event_ap .kanban-title
{
  background-image: url(/wp-content/themes/outreach-pro/images/mobile_title_bg-ap_d.jpg);
    background-size: cover;
	background-position: center;
    color: #fff;
    font-size: 24px;
    box-shadow: none;
    margin: 20px 5px;
    padding: 18px;
}

.event_oc .singular .entry-title, .event_oc .kanban-title
{
  background-image: url(/wp-content/themes/outreach-pro/images/mobile_title_bg-oc-v2.jpg);
    background-size: cover;
	background-position: right;
    color: #004098;
    font-size: 24px;
    box-shadow: none;
    margin: 20px 5px;
    padding: 18px;
}

.event_st .singular .entry-title, .event_st .kanban-title
{
  background-image: url(/wp-content/themes/outreach-pro/images/mobile_title_bg-st.jpg);
    background-size: cover;
	background-position: center;
    color: #004098;
    font-size: 24px;
    box-shadow: none;
    margin: 20px 5px;
    padding: 18px;
}

.entrance_exam .singular .entry-title, .entrance_exam .kanban-title
{
  background-image: url(/wp-content/themes/outreach-pro/images/mobile_title_bg-exam-v2.jpg);
    background-size: cover;
	background-position: center;
    color: #004098;
    font-size: 24px;
    box-shadow: none;
    margin: 20px 5px;
    padding: 18px;
}









.over980 .kanban-title {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
	height: 410px;
	margin: 0 auto 20px auto;
	overflow: hidden;
	padding: 0;
	text-indent: 100%;
	white-space: nowrap;
}

.over980 .kanban-title {
	width: 950px;
}

.over600 .kanban-title {
	height: 290px;
	width: 640px;
}

.entry-content h2,
.sidebar .widget-title {
	background-color: #fafafa;
	border-bottom: 1px solid #ccc;
	border-top: 3px solid #004098;
	-webkit-box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.15);
	-moz-box-shadow:    0 1px 1px 0 rgba(0, 0, 0, 0.15);
	box-shadow:         0 1px 1px 0 rgba(0, 0, 0, 0.15);
	font-size: 18px;
	margin: 2em 0 1em 0;
	padding: 12px;
}

.sidebar .widget-title {
	font-size: 16px;
}

.entry-content h3,
.entry-content h4,
.entry-content h5,
.content .widget-title {
	border-style: solid;
	border-width: 0 0 3px 0;
	margin-bottom: 12px;
	padding: 3px;
}

.entry-content h3 {
	border-color: #004098;
	margin-top: 24px;
}

.entry-content h4,
.content .widget-title {
	border-color: rgba(0, 64, 152, 0.4);
	margin-top: 24px;
	position: relative;
}

.entry-content h4:before,
.content .widget-title:before {
	border-bottom: 3px solid #004098;
	bottom: -3px;
	content: ' ';
	display: block;
	left: 0;
	position: absolute;
	width: 200px;
}

.entry-content h5 {
	border-color: rgba(0, 64, 152, 0.4);
	margin-top: 24px;
}

.entry-content h6 {
	margin-bottom: 4px;
	margin-top: 24px;
}

h1.first,
h2.first,
h3.first,
h4.first,
h5.first,
h6.first,
h1 + h2,
h2 + h3,
h3 + h4,
h4 + h5,
h5 + h6,
.sidebar .widget:first-child .widget-title {
	margin-top: 0 !important;
}

/* UL / OL / DL / Table
--------------------------------------------- */

ul, ol, dl, table {
	margin-bottom: 1em;
}

li {
	margin-left: 0.5em;
	margin-bottom: 0.25em;
}

ol li {
	margin-left: 2em;
}

.border li {
	border-bottom: 1px dashed #ccc;
	padding: 8px;
}

.border li:first-child {
	padding-top: 0;
}

dt {
	border-bottom: 1px solid #ccc;
	font-weight: bold;
	line-height: 1.1;
	padding: 8px;
}

dt:nth-child(n+1) {
	margin-top: 10px;
}

dd {
	padding: 8px;
}

dd *:last-child {
	margin-bottom: 0;
}

th,
td {
	border-color: #ccc;
	font-size: 93%;
	padding: 10px;
	vertical-align: middle;
}

th {
	background-color: #f4f4f4;
	text-align: center;
}

th a {
	display: block;
}

thead th {
	border-bottom: 2px solid #bbb;
}

th .label {
	padding-bottom: 1.5em;
	padding-top: 1.5em;
	width: 80%;
}

td ul {
	margin-left: -10px;
}

.eg-simple th,
.eg-simple td {
	background-color: #fff;
	border-width: 0 0 1px;
}

.eg-simple thead th {
	border-width: 0 0 2px;
}

.eg-text-align-center th,
.eg-text-align-center td { text-align: center; }

.jsMobileRebuildTable th {
	width: 30%;
}

.eg-table-style {
	border-collapse: collapse;
	display: tabale;
	margin: 0 0 24px;
	margin: 0 0 2.4rem;
	padding: 0;
	width: auto;
}

.eg-table-style dt,
.eg-table-style dd {
	display: table-cell;
	border-bottom: 1px solid #ccc;
	font-size: 93%;
	padding: 8px 10px;
	vertical-align: middle;
}

.table-row,
.eg-table-style .table-row { display: table-row; }

/*
Post Pagination
--------------------------------------------- */

.pagination,
.pages {
	clear: both;
	overflow: hidden;
	padding: 32px 0 16px 0;
	width: 100%;
}

.pagination ul {
	margin-bottom: 0;
}

.pagination li {
	display: inline;
	margin: 0;
}

.pagination li a,
.pagination li.disabled,
.pagination li a:hover,
.pagination li.active a,
.pages a,
.pages span {
	border: 1px solid #ddd;
	display: inline-block;
	padding: 4px 10px;
	text-decoration: none;
}

.pagination li a:hover,
.pagination li.active a,
.pages a:hover,
.pages .active {
	background-color: #e6f2ff;
}

.pages span.prev,
.pages span.next {
	color: #aaa;
	background-color: #fafafa;
}

.preview-nextpage {
	clear: both;
	border-top: 1px dashed #aaa;
	position: relative;
	margin-top: 4em;
	margin-bottom: 4em;
}

.preview-nextpage span {
	color: #bbb;
	display: inline-block;
	padding: 0 0.5em;
	background-color: #fff;
	position: absolute;
	text-align: center;
	left: 2em;
	top: -13px;
}

/*
Structure and Layout
---------------------------------------------------------------------------------------------------- */

/* Site Containers
--------------------------------------------- */

.wrap {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	margin: 0 auto;
	width: 990px;}

.site-inner {
	background: #fafafa url(images/bg-body.png) repeat 0 0;
	clear: both;
	overflow: hidden;
}

.site-inner .wrap {
	background-color: #fff;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 15px 14px 60px;
}

/* Column Widths and Positions
--------------------------------------------- */

.content-sidebar .content {
	float: left;
	width: 640px;
}

/* Primary Sidebar */
.sidebar-primary {
	float: right;
	font-size: 14px;
	width: 300px;
}

/* Column Classes
	Link: http://twitter.github.io/bootstrap/assets/css/bootstrap-responsive.css
--------------------------------------------- */

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
	margin-bottom: 20px;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}


/*
Common Classes
---------------------------------------------------------------------------------------------------- */

/*
Genesis
--------------------------------------------- */

.breadcrumb {
	background-color: #f5f5f5;
	font-size: 14px;
	margin-bottom: 15px;
	padding: 10px 16px;
}

.new-icon:after {
	background: transparent url(images/icon-new-w26x11.png) no-repeat 0 0;
	content: '';
	display: inline-block;
	height: 11px;
	margin-left: 5px;
	width: 26px;
}

/*
Search Form
--------------------------------------------- */

.search-box {
	margin: 24px 0;
	text-align: center;
}

.search-box .search-form {
	width: 100%;
}

.search-box input[type="search"],
.search-box input[type="submit"] {
	border: 1px solid #ccc;
	border-radius: 0;
	-webkit-border-radius: 0;
	-webkit-appearance: none;
	box-sizing: border-box;
	padding: 12px;
}

.search-box input[type="search"] {
	width: 80%;
}


.search-box input[type="submit"] {
	background-color: #004098;
	border-color: #004098;
	border-left: 0 none;
	color: #fff;
	width: 20%;
}

.search-box input[type="submit"]:hover {
	background-color: #0064ed;
	border-color: #0064ed;
}

/*
PageTop
--------------------------------------------- */

.pagetop {
	width: 990px;
	margin: 0 auto;
	font-size: 14px;
	position: relative;
}

.pagetop a {
	background-color: #231815;
	color: #fff;
	font-weight: bold;
	position: absolute;
	right: 12px;
	top: -50px;
	padding: 10px 24px 6px;
	border-radius: 3px 3px 0 0;
}

.pagetop a:before {
	content: '\25B2';
	font-size: 12px;
	margin-right: 6px;
}

.pagetop a:hover {
	color: #ccc;
	text-decoration: none;
}

#beforeSidebar {
	clear: both;
	border-bottom: 1px solid #ccc;
	text-align: right;
	margin: 10px 0 20px 0;
	padding-right: 12px;
}

#beforeSidebar a {
	background-color: #ddd;
	color: #555;
	position: static;
	display: inline-block;
}

#beforeSidebar a:hover {
	background-color: #d5d5d5;
}

.followPageTop {
	width: 100%;
	z-index: 5;
	border-bottom: 5px solid #231815;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	margin-top: -44px;
}

.followPageTop .wrap {
	max-width: 990px;
	margin: 0 auto;
	padding: 0 8px;
}

.followPageTop a {
	display: inline-block;
	background-color: #231815;
	color: #fff;
	padding: 12px 22px 9px 20px;
	border-radius: 3px 3px 0 0;
}

.followPageTop a:hover {
	text-decoration: none;
}

.followPageTop .btn-contact {
	background-color: #f1c40f;
	color: #000;
	margin-right: 5px;
}


.followPageTop .btn-contact:hover {
	background-color: #f56200;
	color: #fff;
}

.followPageTop .btn-pagetop:hover {
	background-color: #583c35;
}


/*
WordPress
--------------------------------------------- */

.alignleft {
	float: left;
	padding: 0 20px 20px 0;
}

.alignleft-center {
    float: left;
    padding: 1em 1em 1em 0;
}

.alignright {
	float: right;
	padding: 0 0 20px 20px;
}

.featuredpost,
.featuredpage {
	margin-bottom: 20px;
}

.entry-content .alignleft img,
.entry-content .alignleft-center img,
.entry-content .alignright img,
.entry-content img.alignleft,
.entry-content img.alignleft-center,
.entry-content img.alignright,
.featuredpost img,
.featuredpage img {
	border: 1px solid #ddd;
	padding: 4px;
}

img + .caption {
	margin-top: 4px;
	margin-bottom: 0;
}

.caption {
	color: #777;
}

.error404 .archive-description,
.lists .archive-description {
	background-color: #004098;
	-webkit-box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.2) inset;
	-moz-box-shadow:    0 0 4px 4px rgba(0, 0, 0, 0.2) inset;
	box-shadow:         0 0 4px 4px rgba(0, 0, 0, 0.2) inset;
	color: #fff;
	padding: 18px;
}

.error404 .archive-description a,
.lists .archive-description a {
	color: #fff;
}

.error404 .archive-title,
.lists .archive-title {
	font-size: 24px;
}

.lists .archive-description p {
	margin-bottom: 0;
}

.lists .content .entry {
	border-bottom: 1px dashed #ccc;
	padding: 12px 0;
}

.lists .content .entry *:last-child {
	margin-bottom: 0;
}

.lists .content .entry-header .entry-meta {
	color: #777;
}

.lists .content .entry-title a {
	display: block;
}

/* 総合トップのウィジェット枠
--------------------------------------------- */

.home-slider-bottom .widget-title { margin-top: 0; }
.home-slider-bottom li { margin-left: 0; }
.home-widgets-bottom .one-third:nth-last-child(-n+3) { margin-bottom: 0; }
.home-widgets-bottom .one-third .border { border-top: 1px solid #ddd; }
.home-widgets-bottom .one-third li { margin-left: 0; padding: 8px; }

.youtube-box { margin-bottom: 20px; }


/* トピックス枠
--------------------------------------------- */

.widget.topics-area {
	margin-bottom: 0;
}

.topics-area .widget-title {
	margin-top: 0;
}

.topics-area .one-third {
	margin-bottom: 20px;
}

.topics-area .one-third:nth-child(3n+1) {
	clear: both;
	margin-left: 0;
}

.topics-area .one-third:nth-last-child(-n+3) {
	margin-bottom: 0;
}

.topics-area p {
	margin-bottom: 5px;
}

.topics-area .replace {
	background-position: center center;
	background-repeat: no-repeat;
	border: 1px solid #ccc;
	display: block;
	height: 130px;
	margin: 0 0 10px 0;
	overflow: hidden;
	padding: 4px;
	text-indent: 110%;
	white-space: nowrap;
	width: 290px;
}

.topics-area .replace:hover {
	background-color: #fff;
	border-color: #333;
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}



/*
Widgets
---------------------------------------------------------------------------------------------------- */

.widget {
	margin-bottom: 20px;
}

.sidebar .widget:last-child
	margin-bottom: 0;
}

.sidebar .article-lists {
	border-top: 1px solid #ddd;
}

.sidebar .article-lists li {
	border-bottom: 1px dashed #ddd;
	padding: 1em 0 1em 0.5em;
}

.sidebar .article-lists li a {
	font-weight: bold;
	display: block;
}

.icatch img {
	border: 1px solid #ccc;
	padding: 4px;
}

.icatch--left {
	float: left;
	margin: 0 0.5em 0.5em 0;
}

.icatch--right {
	float: right;
	margin: 0 0 0.5em 0.5em;
}

.icatch--center {
	text-align: center;
	margin: 0 0 0.5em 0;
}


.icatch--w70 img {
	height: 70px;
	width: 70px;
	border-sizing: content-box;
}

.archive .content .icatch {
	float: right;
	margin: 0 0 0 1em;
}

.archive .content .icatch img {
	aspect-ratio: 3 / 4;
	object-fit: cover;
	width: 120px;
	height: auto;
}


@media only screen and (max-width: 425px) {
	.archive .content .icatch {
		margin: 0 0 1em 1em;
	}

	.archive .content .icatch img {
		width: 100px;
	}
}


/*
Plugins
---------------------------------------------------------------------------------------------------- */

/* FlexSlider
------------------------------------------------------------ */

.widget.slider li {
	border: 0 none;
	margin-bottom: 0;
	padding-bottom: 0;
}

.widget.slider ol > li {
	padding-left: 0;
	margin: 0 3px;
}

.slider .flexslider {
	margin-bottom: 20px;
}

.slider .flex-control-nav {
	bottom: 0;
	right: 7px;
	width: auto;
}

.slider li {
	margin-bottom: 0;
	margin-left: 0;
}

.flex-control-paging li a {
	background: #ccc;
	border: 3px solid #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow:    none;
	box-shadow:         none;
	border-radius: 0;
}


/*
Site Header
---------------------------------------------------------------------------------------------------- */

.site-header {
	min-height: 100px;
}

.site-header .wrap {
	padding: 18px 0 20px 0;
}

.site-header .widget {
	margin-bottom: 0;
}

/* Title Area
--------------------------------------------- */

.title-area {
	float: left;
	width: 300px;
}

.header-image .site-title > a {
	background: transparent url(images/logo-w255x83.png) no-repeat 0 0;
	float: left;
	height: 83px;
	width: 100%;
}

.header-image .site-description,
.header-image .site-title {
	display: block;
	text-indent: -9999px;
}

/* Widget Area
 * v2015: リニューアル時に廃棄
--------------------------------------------- */

.v2015-header-widget {
	float: right;
	font-size: 14px;
	padding-top: 14px;
	position: relative;
	width: 680px;
}

.v2015-header-widget .widget-data {
	border-collapse: separate;
	border-spacing: 5px 0;
	display: table;
	float: right;
	width: auto;
}

.v2015-header-widget img,
.v2015-header-widget a {
	display: table-cell;
	vertical-align: middle;
}

.v2015-header-widget a {
	background-color: #004098;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #fff;
	height: 60px;
	text-align: center;
	width: 120px;
}

.v2015-header-widget a:hover {
	background-color: #0064ed;
	text-decoration: none;
}

.v2015-header-widget a.green {
	background-color: #007b16;
}

.v2015-header-widget a.green:hover {
	background-color: #00ae1f;
}

/*
.v2015-header-widget .fb-like {
	left: 330px;
	position: absolute;
	top: 23px;
}
*/


/* Widget Area
 * v2016
--------------------------------------------- */

.v2016-header-widget {
	background: transparent url(images/header-tel-2021-w280x80@2x.png) no-repeat left center;
	background-size: 280px 80px;
	float: right;
	font-size: 14px;
	width: 680px;
	position: relative;
}

.v2016-header-widget .header-btn {
    border-collapse: separate;
    border-spacing: 5px 0;
    box-sizing: border-box;
    display: table;
    width: 300px;
    float: right;
}

.v2016-header-widget .header-btn2 {
    display: table;
    width: 100px;
    float: right;
}

.v2016-header-widget .header-btn2 a {
    display: table-cell;
    padding: 26px 5px 18px 5px;
    vertical-align: middle;
    border: none;
    text-align: center;
    width: 45%;
}

.v2016-header-widget .header-btn2 a.fb {
	padding-right: 5px;
}

.v2016-header-widget .header-btn a {
	box-sizing: border-box;
	display: table-cell;
	padding: 12px 0;
	vertical-align: middle;
	border: 1px solid #ddd;
	text-align: center;
	width: 33.33333333333333%;
	color: #231815;
}

.v2016-header-widget .header-btn a:hover {
	text-decoration: none;
	color: #e60012;
	border-color: #e60012;
}

.v2016-header-widget .header-btn a span {
	display: block;
	margin: 0 auto 17px auto;
	font-size: 30px;
	width: 30px;
}

.v2016-header-widget .header-btn .btn-en {
	font-family: "proxima-nova","Helvetica Neue",Helvetica,Arial,sans-serif;
}

.v2016-header-widget .header-btn .btn-ja,
.v2016-header-widget .header-btn .btn-fb,
.v2016-header-widget .header-btn .btn-recruit {
	display: none;
}

/*
.v2016-header-widget .fb-like {
	left: 220px;
	position: absolute;
	top: 14px;
}
*/

.columnbox {
	border: solid 3px;
  box-sizing: border-box;
	margin:30px;
	padding-top:20px;
	padding-bottom:10px;

  text-align: center;

  font-weight: bold;

  border-color: #2a4073;
	background-color:#eaf4fc;
}

.imgmargin{

	margin:30px;
	padding-top:20px;
	padding-bottom:20px;

}

.mapbox {
	border: solid 2px;
  box-sizing: border-box;

  text-align: center;

  font-weight: bold;

  border-color: #6699cc;
	background-color:#f3f9ff;
}


/* モバイル用 */
#jsMenuWrapper { float: right; }
#jsMenuWrapper .btn-sns { display: inline-block; margin-right: 10px; vertical-align: bottom; }
#jsMenuWrapper a:hover img {
    background: transparent;
    opacity: 1;
}

#jsMenuWrapper .btn-sns.tw { padding-bottom: 3px; }


@media only screen and (min-width: 980px) {
	#jsMenuWrapper { display: none; }

	/**
	 * Add to Any 対応でコメントアウト
	 * .site-inner .wrap { padding: 15px 20px 60px !important; }
	 */
	.site-inner .wrap { padding: 15px 20px !important; }
}
/*
Site Navigation
---------------------------------------------------------------------------------------------------- */

.genesis-nav-menu,
.genesis-nav-mobile {
	clear: both;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 0;
	width: 100%;
}

.genesis-nav-menu,
.genesis-nav-menu a,
.genesis-nav-mobile,
.genesis-nav-mobile a {
	color: #fff;
}

.genesis-nav-menu li {
	margin: 0;
}

.genesis-nav-menu .menu-item {
	display: inline-block;
	text-align: left;
	margin-right: 2px;
}

.genesis-nav-menu .menu-item:last-child {
	margin-right: 0;
}

.genesis-nav-menu a {
	display: block;
	padding: 18px 20px;
}

.genesis-nav-menu .home a {
	background: transparent url(images/icon-home.png) no-repeat center center;
	text-indent: -9999px;
	min-width: 50px;
}

.genesis-nav-menu .current-menu-item > a,
.genesis-nav-menu .current-page-ancestor > a,
.genesis-nav-menu .sub-menu .current-menu-item > a:hover,
.genesis-nav-menu a:hover,
.genesis-nav-menu li:hover > a,
.genesis-nav-mobile .current-menu-item > a,
.genesis-nav-mobile .current-page-ancestor > a,
.genesis-nav-mobile .sub-menu .current-menu-item > a:hover,
.genesis-nav-mobile a:hover,
.concept .genesis-nav-menu .concept a,
.program .genesis-nav-menu .program a,
.admission .genesis-nav-menu .admission a,
.event .genesis-nav-menu .event a,
.flow .genesis-nav-menu .flow a,
.access .genesis-nav-menu .access a

 {
	background-color: #004eba;
	text-decoration: none;
}

.genesis-nav-menu .sub-menu {
	border-top: 1px solid #030202;
	left: -9999px;
	opacity: 0;
	position: absolute;
	-webkit-transition: opacity .4s ease-in-out;
	-moz-transition:    opacity .4s ease-in-out;
	-ms-transition:     opacity .4s ease-in-out;
	-o-transition:      opacity .4s ease-in-out;
	transition:         opacity .4s ease-in-out;
	width: 200px;
	z-index: 999;
}

.genesis-nav-menu .sub-menu a {
	background-color: #231815;
	border: 1px solid #030202;
	border-top: none;
	color: #fff;
	font-size: 12px;
	padding: 14px 20px;
	position: relative;
	width: 200px;
}

.genesis-nav-menu .sub-menu a:hover {
	color: #fff;
}

.genesis-nav-menu .sub-menu .sub-menu {
	margin: -48px 0 0 199px;
}

.genesis-nav-menu .menu-item:hover {
	position: static;
}

.genesis-nav-menu .menu-item:hover > .sub-menu {
	left: auto;
	opacity: 1;
}

.genesis-nav-menu > .first > a {
	padding-left: 0;
}

.genesis-nav-menu > .last > a {
	padding-right: 0;
}

.genesis-nav-menu > .right {
	display: inline-block;
	float: right;
	list-style-type: none;
	padding: 0;
	text-transform: uppercase;
}

.genesis-nav-menu > .date,
.genesis-nav-menu > .right > a {
	display: inline-block;
	padding: 18px 20px;
}

.genesis-nav-menu .right:hover > a {
	background: none;
	color: #fff;
}

.genesis-nav-menu .right > a:hover {
	background: #fff;
	color: #000;
}

.genesis-nav-menu > .search {
	padding: 9px 0 0;
}

.genesis-nav-menu input[type="search"] {
	font-size: 14px;
	padding: 10px 16px;
}

.genesis-nav-mobile .sub-menu { display: none !important; }

/* Site Header Navigation
--------------------------------------------- */

.site-header .genesis-nav-menu li,
.site-header .genesis-nav-menu li ul {
	border-bottom: none;
	margin: 0;
	padding: 0;
}

/* Primary Navigation
--------------------------------------------- */

.nav-primary {
	background-color: #231815;
	border-top: 1px solid #030202;
	border-bottom: 1px solid #030202;
	-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:    0 1px 5px rgba(0, 0, 0, 0.4);
	box-shadow:         0 1px 5px rgba(0, 0, 0, 0.4);
}

/* Secondary Navigation
--------------------------------------------- */

.nav-secondary .wrap {
	background-color: #111;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	margin-bottom: 16px;
}

.nav-secondary .genesis-nav-menu > li > a:hover,
.nav-secondary .genesis-nav-menu > li:hover > a {
	background: none;
}

.nav-secondary .genesis-nav-menu .current-menu-item > a,
.nav-secondary .genesis-nav-menu .sub-menu a:hover,
.nav-secondary .genesis-nav-menu a:hover,
.nav-secondary .genesis-nav-menu li:hover > a {
	color: #004098;
}

.nav-secondary .genesis-nav-menu .sub-menu a {
	background-color: #090909;
	border-color: #292929;
	color: #fff;
}

.nav-secondary .sub-menu {
	border-color: #292929;
}


/*
Content Area
---------------------------------------------------------------------------------------------------- */

/* Entry Meta
--------------------------------------------- */

.singular .content .entry-header .entry-meta {
	color: #777;
	text-align: right;
}

.kanban-title + .entry-meta {
	margin-top: -10px;
}

/*
Sidebars
---------------------------------------------------------------------------------------------------- */




/*
Footer Widgets
---------------------------------------------------------------------------------------------------- */

.footer-widgets {
	background-color: #231815;
	color: #fff;
	clear: both;
	font-size: 14px;
	padding: 14px 0;
}

.footer-banner ul {
	display: block;
	margin-bottom: 0;
	padding-left: 20px;
}

.footer-banner li {
	display: inline-block;
	float: left;
	margin: 0 0 2px 0;
	overflow: hidden;
	padding: 5px;
	width: 180px;
}

.footer-banner li a,
.footer-banner li span {
	display: inline-block;
	padding: 10px 0;
	text-align: center;
	width: 100%;
}

.footer-banner li a {
	background-color: #fff;
}

.footer-banner img {
	vertical-align: middle;
}


/*
Site Footer
---------------------------------------------------------------------------------------------------- */

.site-footer {
	background-color: #231815;
	border-top: 1px solid rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px rgba(255, 255, 255, 0.2);
	color: #fff;
	font-size: 14px;
	padding: 14px 0 20px 0;
}

.site-footer .wrap {
	display: table;
}

.footer-logo,
.footer-copyright,
.footer-button {
	display: table-cell;
	vertical-align: middle;
}

.footer-logo {
	width: 250px;
}

.footer-logo a {
	background: transparent url(images/logo-white-w200x65.png) no-repeat 0 0;
	display: block;
	height: 65px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 200px;
}

.footer-copyright {
	padding-top: 10px;
}

.footer-button,
.footer-widgets .mypage {
	font-weight: 700;
	text-align: center;
	padding-top: 10px;
	width: 160px;
}

.footer-button a,
.footer-widgets .mypage a {
	border: 1px solid #aaa;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #fff;
	display: block;
	padding: 14px 0;
	width: 100%;
}

.footer-button a:hover,
.footer-widgets .mypage a:hover {
	background-color: #583c35;
	text-decoration: none;
}

.footer-widgets .privacy {
	padding: 10px 0 18px 0;
	text-align: center;
	color: #ccc;
}

.footer-widgets .privacy a {
	color: #fff;
	display: inline-block;
	padding: 0 1em;
	box-sizing: border-box;
}

/* グループロゴ
------------------------------------------------------------ */

.group-site-logos {
	display: table;
	width: 100%;
}

.group-site-logos dt,
.group-site-logos dd {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 15px;
}

.group-site-logos dt {
	width: 7em;
	text-align: center;
	border-right: 1px solid #ccc;
}

.group-site-logos {
	display: table;
	width: 100%;
}

.group-site-logos dt,
.group-site-logos dd {
	display: table-cell;
	vertical-align: middle;
	padding: 10px 15px;
}

.group-site-logos dt {
	width: 7em;
	text-align: center;
	border: none;
	border-right: 1px solid #ccc;
	color: #ddd;
}

.group-sites {
	border-collapse: collapse;
	display: table;
	width: auto;
	margin: 0;
}

.group-sites li {
	display: inline-block;
	float: left;
	padding: 5px;
	margin: 0;
}

.group-sites a {
	background-color: #fff;
	background-image: url(images/bg-group-logo-w135x50-v20230922.png);
	background-repeat: no-repeat;
	box-sizing: border-box;
	display: block;
	width: 145px;
	height: 50px;
	overflow: hidden;
	text-indent: 100%;
	text-indent: -9999px\9;
	white-space: nowrap;
}

.group-sites a:hover,
.group-sites a:focus,
.group-sites a:active { background-color: #f5f5f5; }

.group-sites .s01 a { background-position: center 0; }
.group-sites .s02 a { background-position: center -50px; }
.group-sites .s03 a { background-position: center -100px; }
.group-sites .s04 a { background-position: center -150px; }
.group-sites .s05 a { background-position: center -200px; }
.group-sites .s06 a { background-position: center -250px; }
.group-sites .s07 a { background-position: center -300px; }
.group-sites .s08 a { background-position: center -350px; }
.group-sites .s09 a { background-position: center -400px; }
.group-sites .s10 a { background-position: center -450px; }
.group-sites .s12 a { background-position: center -550px; }
.group-sites .s13 a { background-position: center -600px; }
.group-sites .s15 a { background-position: center -700px; }
.group-sites .s16 a { background-position: center -750px; }
.group-sites .s17 a { background-position: center -800px; }
.group-sites .s18 a { background-position: center -850px; }
.group-sites .s19 a { background-position: center -900px; }
.group-sites .s20 a { background-position: center -950px; }
.group-sites .s21 a { background-position: center -1000px; }

.group-sites .s11 a {
    background-image: url(images/group-sapix-international-w135x50-2x.webp);
    background-size: 135px 50px;
    background-position: center center;
}

.group-sites .s14 a {
    background-image: url(images/group-sapix-international-north-america-w135x50-2x.webp);
    background-size: 135px 50px;
    background-position: center center;
}

/*
EG Sub Menu
--------------------------------------------- */

.entry-content ul.sub-menu {
	background-color: #efefef;
	border: 1px solid #ccc;
	clear: both;
	padding: 0 0.75em;
}

.entry-content ul.sub-menu li {
	background: url(images/bg-link-arrow.png) no-repeat 0 14px;
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	margin: 0;
	padding: 6px 6px 6px 12px;
}

.entry-content ul.sub-menu li:hover {
	background-image: url(images/bg-link-arrow-hover.png);
}

.entry-content ul.sub-menu li a {
	display: block;
	text-decoration: none;
}

.entry-content ul.sub-menu li a:hover {
	text-decoration: underline;
}

.entry-content ul.sub-menu li.last,
.entry-content ul.sub-menu li.more {
	border-bottom: 0 none;
}

.entry-content ul.sub-menu li.more {
	text-align: right;
	background-image: none;
}

.entry-content ul.sub-menu li ul {
	margin-left: 0.5em;
	margin-bottom: 0;
}

/*
EG Custom Class
---------------------------------------------------------------------------------------------------- */

.eg-hidden,
.eg-print-only,
.eg-mobile-only,
.script .jsHidden,
.full-width-content .full-width-off,
.under650 { display: none !important; }

.eg-bgcolor-white { background-color: #fff; }
.eg-clear-both { clear: both; }
.eg-display-block { display: block;}
.eg-display-inline-block { display: inline-block;}
.eg-vertical-align-middle { vertical-align: middle; }
.eg-position-relative { position: relative; }
.eg-position-absolute { position: absolute; }
.eg-overflow-hidden { overflow: hidden; }

.eg-down-arrow:after {
	border-color: #000 transparent transparent;
	border-style: solid;
	border-width: 16px;
	content: '';
	display: block;
	height: 0;
	margin: 16px auto -4px auto;
	width: 0;
}

.eg-opacity06 {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=60)";
}

.eg-opacity03 {
	opacity: 0.3;
	filter: alpha(opacity=30);
	-ms-filter: "alpha(opacity=30)";
}

div.eg-hr {
	background-color: #ddd;
	clear: both;
	height: 1px;
	line-height: 0;
	margin: 1.5em auto;
	width: 92%;
}

.eg-px10 { font-size: 10px; }
.eg-px11 { font-size: 11px; }
.eg-px12 { font-size: 12px; }
.eg-px13 { font-size: 13px; }
.eg-px14 { font-size: 14px; }
.eg-px15 { font-size: 15px; }
.eg-px16 { font-size: 16px; }
.eg-px17 { font-size: 17px; }
.eg-px18 { font-size: 18px; }
.eg-px19 { font-size: 19px; }
.eg-px20 { font-size: 20px; }
.eg-px21 { font-size: 21px; }
.eg-px22 { font-size: 22px; }
.eg-px23 { font-size: 23px; }
.eg-px24 { font-size: 24px; }
.eg-px25 { font-size: 25px; }
.eg-px26 { font-size: 26px; }
.eg-px27 { font-size: 27px; }
.eg-px28 { font-size: 28px; }
.eg-px29 { font-size: 29px; }
.eg-px30 { font-size: 30px; }

.eg-en {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	line-height: 1.7;
}

.eg-italic { font-style: italic; }
.eg-normal { font-weight: normal; }
.eg-bold { font-weight: bold; }

.eg-red   { color: #eb2d2d; }
.eg-blue  { color: #0a4fae; }
.eg-green { color: green; }
.eg-gray  { color: gray; }
.eg-black { color: black; }
.eg-white { color: #fff; }

.eg-text-align-center { text-align: center; }
.eg-text-align-left { text-align: left; }
.eg-text-align-right { text-align: right; }
.eg-underline { text-decoration: underline; }

.eg-free-call {
	background: transparent url(images/icon-freecall.gif) no-repeat 0 0;
	font-weight: bold;
	padding-left: 30px;
}

.eg-next { margin-top: 20px; }
.eg-next a { display: block; }

.eg-no-margin { margin: 0; }
.eg-no-margin-top { margin-top: 0; }
.eg-no-margin-right { margin-right: 0; }
.eg-no-margin-bottom, .last { margin-bottom: 0 !important; }
.eg-no-margin-left { margin-left: 0; }
.eg-margin-auto {
	margin-left: auto;
	margin-right: auto;
}

.eg-margin-top5 { margin-top: 5px !important; }
.eg-margin-top10 { margin-top: 10px !important; }
.eg-margin-top15 { margin-top: 15px !important; }
.eg-margin-top20 { margin-top: 20px !important; }
.eg-margin-top25 { margin-top: 25px !important; }
.eg-margin-top30 { margin-top: 30px !important; }
.eg-margin-top35 { margin-top: 35px !important; }
.eg-margin-top40 { margin-top: 40px !important; }

.eg-margin-bottom5 { margin-bottom: 5px !important; }
.eg-margin-bottom10 { margin-bottom: 10px !important; }
.eg-margin-bottom15 { margin-bottom: 15px !important; }
.eg-margin-bottom20 { margin-bottom: 20px !important; }
.eg-margin-bottom25 { margin-bottom: 25px !important; }
.eg-margin-bottom30 { margin-bottom: 30px !important; }
.eg-margin-bottom35 { margin-bottom: 35px !important; }
.eg-margin-bottom40 { margin-bottom: 40px !important; }

.eg-no-padding { padding: 0 !important; }
.eg-no-padding-top { padding-top: 0 !important; }
.eg-no-padding-right { padding-right: 0 !important; }
.eg-no-padding-bottom { padding-bottom: 0 !important; }
.eg-no-padding-left { padding-left: 0 !important; }

.eg-padding-top5 { padding-top: 5px !important; }
.eg-padding-top10 { padding-top: 10px !important; }
.eg-padding-top15 { padding-top: 15px !important; }
.eg-padding-top20 { padding-top: 20px !important; }
.eg-padding-top25 { padding-top: 25px !important; }
.eg-padding-top30 { padding-top: 30px !important; }
.eg-padding-top35 { padding-top: 35px !important; }
.eg-padding-top40 { padding-top: 40px !important; }

.eg-padding-bottom5 { padding-bottom: 5px !important; }
.eg-padding-bottom10 { padding-bottom: 10px !important; }
.eg-padding-bottom15 { padding-bottom: 15px !important; }
.eg-padding-bottom20 { padding-bottom: 20px !important; }
.eg-padding-bottom25 { padding-bottom: 25px !important; }
.eg-padding-bottom30 { padding-bottom: 30px !important; }
.eg-padding-bottom35 { padding-bottom: 35px !important; }
.eg-padding-bottom40 { padding-bottom: 40px !important; }

.eg-border-none { border: 0 none !important; }
.eg-border-solid { border: 1px solid #ccc !important; }
.eg-border-dotted { border: 1px dotted #ccc !important; }
.eg-border-dashed { border: 1px dashed #ccc !important; }

.eg-border-top { border-width: 1px 0 0 0 !important; }
.eg-border-bottom { border-width: 0 0 1px 0 !important; }
.eg-border-left { border-width: 0 0 0 1px !important; }

img.eg-border-solid {
	background-color: #f7f7f7;
	padding: 2px;
}

.colorbox-zoomin {
	position: relative;
}

.colorbox-zoomin:after {
	background: transparent url(images/bg-colorbox-zoom-in.png) no-repeat 0 0;
	content: " ";
	display: block;
	left: 8px;
	width: 125px;
	height: 20px;
	position: absolute;
	bottom: 8px;
}

a.tips {
	color: gray;
	font-size: 14px;
	font-size: 1.4rem;
	vertical-align: super;
}

/* EG Notification
 * color: red(default), blue, gray, orange, green
------------------------------------------------------------ */

dl.eg-notification {
	border: 1px solid #c00;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	clear: both;
	margin: 0 auto 10px auto;
	max-width: 960px;
}

.home dl.eg-notification { margin-bottom: 20px; }

dl.eg-notification dt {
	display: table-cell;
	background-color: #c00; /* fallback color */
	background: -moz-linear-gradient(top, #e00, #c00);
	background: -ms-linear-gradient(top, #e00, #c00);
	background: -webkit-linear-gradient(top, #e00, #c00);
	color: #fff;
	border: 0 none;
	margin: 0;
	padding: 12px;
	text-align: center;
	vertical-align: middle;
}

dl.eg-notification dd {
	display: table-cell;
	padding: 0.5em 0.75em;
	vertical-align: middle;
}

dl.eg-notification.blue {
	border-color: #004098;
}

dl.eg-notification.blue dt {
	background-color: #004098; /* fallback color */
	background: -moz-linear-gradient(top, #014ebb, #004098);
	background: -ms-linear-gradient(top, #014ebb, #004098);
	background: -webkit-linear-gradient(top, #014ebb, #004098);
}

dl.eg-notification.gray {
	border-color: #d6d6d6;
}

dl.eg-notification.gray dt {
	background-color: #d6d6d6; /* fallback color */
	background: -moz-linear-gradient(top, #e7e7e7, #d6d6d6);
	background: -ms-linear-gradient(top, #e7e7e7, #d6d6d6);
	background: -webkit-linear-gradient(top, #e7e7e7, #d6d6d6);
	color: #000;
}

dl.eg-notification.orange {
	border-color: #b9791f;
}

dl.eg-notification.orange dt {
	background-color: #b9791f; /* fallback color */
	background: -moz-linear-gradient(top, #d68c24, #b9791f);
	background: -ms-linear-gradient(top, #d68c24, #b9791f);
	background: -webkit-linear-gradient(top, #d68c24, #b9791f);
}

dl.eg-notification.green {
	border-color: #00480d;
}

dl.eg-notification.green dt {
	background-color: #00480d;
	background: -moz-linear-gradient(top, #007b16, #00480d);
	background: -ms-linear-gradient(top, #007b16, #00480d);
	background: -webkit-linear-gradient(top, #007b16, #00480d);
}

/* Backnumber
------------------------------------------------------------ */

.backnumber h4 {
	border-color: #ccc #fff;
	border-style: solid none dashed none;
	border-width: 2px 0 1px 0;
	color: #000;
	font-size: 16px;
	margin: 30px 0 20px 0;
	padding: 14px 10px;
}

.singular .backnumber h4 {
	border-left: 0 none !important;
}

.backnumber h4 a {
	color: #000;
	display: block;
}

.backnumber li {
	margin-bottom: 12px;
	margin-bottom: 1.2rem;
}

.home .backnumber li,
.error404 .backnumber li {
	border-bottom: 1px dotted #e3e3e3;
	margin-bottom: 12px;
	margin-bottom: 1.2rem;
	padding-bottom: 12px;
	padding-bottom: 1.2rem;
}

.home .backnumber li:last-child,
.error404 .backnumber li:last-child {
	border-bottom: 0 none;
}

.home .backnumber li a,
.error404 .backnumber li a {
	display: block;
	font-weight: 700;
}

.singular .backnumber li a {
	display: block;
}

/* EG Buttons
------------------------------------------------------------ */

.eg-button,
a.eg-button {
	background-color: #004098;
	background: -moz-linear-gradient(top, #014ebb, #004098);
	background: -ms-linear-gradient(top, #014ebb, #004098);
	background: -webkit-linear-gradient(top, #014ebb, #004098);
	border: 1px solid #004098;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	box-sizing        : border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing   : border-box;
	-ms-box-sizing    : border-box;
	color: #fff;
	display: inline-block;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
	text-decoration: none;
	width: 48%;
	margin: 0 3px;
	padding: 16px;
}

.eg-3button .eg-button,
.eg-3button a.eg-button {
	width: 32%;
}

.eg-button.active {
	cursor: default;
}

a.eg-button:link,
a.eg-button:visited {
	color: #fff;
}

a.eg-button.mini,
.eg-button.mini {
	width: 31.5%;
}

a.eg-button.full,
.eg-button.full {
	margin-left: 0;
	margin-right: 0;
	width: 98%;
}

a:hover.eg-button,
.eg-button.active {
	background-color: #0155cc; /* fallback color */
	background: -moz-linear-gradient(top, #0064ed, #0155cc);
	background: -ms-linear-gradient(top, #0064ed, #0155cc);
	background: -webkit-linear-gradient(top, #0064ed, #0155cc);
	border-color: #0155cc;
}

a.eg-button.green,
.eg-button.green {
	background-color: #00480d;
	background: -moz-linear-gradient(top, #007b16, #00480d);
	background: -ms-linear-gradient(top, #007b16, #00480d);
	background: -webkit-linear-gradient(top, #007b16, #00480d);
	border-color: #00480d;
}

a:hover.eg-button.green,
.eg-button.green.active {
	background: #007b16;
	border-color: #007b16;
}

a.eg-button.red,
.eg-button.red {
	background-color: #c00; /* fallback color */
	background: -moz-linear-gradient(top, #e00, #c00);
	background: -ms-linear-gradient(top, #e00, #c00);
	background: -webkit-linear-gradient(top, #e00, #c00);
	border-color: #c00;
}

a:hover.eg-button.red,
.eg-button.red.active {
	background-color: #f00; /* fallback color */
	background: -moz-linear-gradient(top, #f22, #f00);
	background: -ms-linear-gradient(top, #f22, #f00);
	background: -webkit-linear-gradient(top, #f22, #f00);
	border-color: #f00;
}

a.eg-button.orange,
.eg-button.orange {
	color: #000;
	background: #f47a20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f29f18), to(#f47a20));
	background: -moz-linear-gradient(top,  #f29f18,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f29f18', endColorstr='#f47a20');
	border-color: #da7c0c;
}

a:hover.eg-button.orange,
.eg-button.orange.active {
	background: #faa51a;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#ffa64c));
	background: -moz-linear-gradient(top,  #faa51a,  #ffa64c);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#ffa64c');
	border-color: #ffa64c;
}

a.eg-button.gray,
.eg-button.gray {
	background-color: #d6d6d6; /* fallback color */
	background: -moz-linear-gradient(top, #e7e7e7, #d6d6d6);
	background: -ms-linear-gradient(top, #e7e7e7, #d6d6d6);
	background: -webkit-linear-gradient(top, #e7e7e7, #d6d6d6);
	color: #000;
	border-color: #d6d6d6;
}

a:hover.eg-button.gray,
.eg-button.gray.active {
	background-color: #efefef; /* fallback color */
	background: -moz-linear-gradient(top, #fff, #efefef);
	background: -ms-linear-gradient(top, #fff, #efefef);
	background: -webkit-linear-gradient(top, #fff, #efefef);
	color: #000;
	border-color: #efefef;
}

a.eg-button.gray:link,
a.eg-button.gray:visited {
	color: #000;
}

a.more-button {
	font-size: 12px;
	font-size: 1.2rem;
	margin: -5px -8px 0 0;
	margin: -0.5rem -0.8rem 0 0;
	padding: 5px 10px;
	padding: 0.5rem 1rem;
	width: auto;
}

/* EG Interview
------------------------------------------------------------ */

.interview {
	background: transparent url(images/icon-balloons.png) no-repeat 0 6px;
	background-size: 40px;
	padding-left: 50px;
	padding-left: 5rem;
	margin-bottom: 14px;
	margin-bottom: 1.4rem;
}

.interview dt,
.interview dd {
	border: 0 none;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 600;
	padding: 0;
}

.interview dd:before {
	content: "\2014\2014\0020";
}

.interview dd {
	color: #004098;
}

/* EG Menu
------------------------------------------------------------ */

dl.menu {
	border: 1px solid #d6d6d6;
	border-radius: 3px;
	clear: both;
	font-size: 92.5%;
	line-height: 1.4;
	margin: 0 0 20px 0;
	max-width: 960px;
}

dl.menu dt {
	display: table-cell;
	background-color: #d6d6d6; /* fallback color */
	background: -moz-linear-gradient(top, #e7e7e7, #d6d6d6);
	background: -ms-linear-gradient(top, #e7e7e7, #d6d6d6);
	background: -webkit-linear-gradient(top, #e7e7e7, #d6d6d6);
	color: #000;
	border: 0 none;
	margin: 0;
	padding: 12px;
	text-align: center;
	vertical-align: middle;
}

dl.menu dt a {
	color: #000;
}

dl.menu dd {
	display: table-cell;
	padding: 10px;
}

dl.menu ul { margin-bottom: 0; margin-left: 0; }

dl.menu li {
	background: none;
	display: inline;
	list-style: none;
	margin: 0;
	padding: 0;
}

dl.menu li:before { content: ' ｜ '; }
dl.menu li.first:before { content: ''; }

dl.menu2 {
	display: table;
	width: 100%;
	border: 2px solid #002354;
	border-radius: 3px;
	background-color: #004098;
	background: -moz-linear-gradient(top, #014ebb, #004098);
	background: -ms-linear-gradient(top, #014ebb, #004098);
	background: -webkit-linear-gradient(top, #014ebb, #004098);
	box-sizing: border-box;
	line-height: 1.4;
	margin-bottom: 24px;
	color: #fff;
}

dl.menu2 dt,
dl.menu2 dd {
	display: table-cell;
	vertical-align: middle;
	width: 20%;
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	border: 0 none;
	border-right: 1px solid #002354;
}

dl.menu2 dt {
	background-color: #003276;
}

dl.menu2 a {
	position: relative;
}

dl.menu2 a.active:after {
	content: '';
	display: inline-block;
	width: 0;
	height: 0;
	border-width: 16px;
	border-style: solid;
	border-color: #002354 transparent transparent transparent;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -32px;
	margin: 0 auto;
}


dl.menu2 dd:last-child {
	border-right: 0 none;
}

dl.menu2 a {
	color: #fff;
	display: inline-block;
	width: 100%;
	padding: 24px 0;
}

dl.menu2 a:hover,
dl.menu2 a.active {
	background-color: #fff;
	background: -moz-linear-gradient(top, #fff, #e7e7e7);
	background: -ms-linear-gradient(top, #fff, #e7e7e7);
	background: -webkit-linear-gradient(top, #f, #e7e7e7);
	text-decoration: none;
	color: #004098;
}

dl.menu2-gray {
	border-color: #888;
	background-color: #cecece;
	background: -moz-linear-gradient(top, #eee, #cecece);
	background: -ms-linear-gradient(top, #eee, #cecece);
	background: -webkit-linear-gradient(top, #eee, #cecece);
}

dl.menu2-gray dt {
	background-color: #777;
}

dl.menu2-gray dt,
dl.menu2-gray dd {
	border-color: #888;
}

dl.menu2-gray a.active:after {
	border-color: #888 transparent transparent transparent;
}

dl.menu2-gray a {
	color: #000;
}

dl.menu2-gray a:hover,
dl.menu2-gray a.active {
background-color: #fff;
background: -moz-linear-gradient(top, #fff, #e7e7e7);
background: -ms-linear-gradient(top, #fff, #e7e7e7);
background: -webkit-linear-gradient(top, #f, #e7e7e7);
}

/* EG Boxed
------------------------------------------------------------ */

.eg-boxed1,
dl.eg-boxed1,
div.eg-boxed1 {
	clear: both;
	border: 1px solid #d6d6d6;
	margin-bottom: 20px;
}

dl.eg-boxed1 dt,
div.eg-boxed1 h4 {
	background-color: #eee;
	border-bottom: 1px solid #d6d6d6;
	color: #000;
	font-weight: bold;
	line-height: 1.1;
	margin: 0;
	padding: 12px 10px;
}

div.eg-boxed1 h4:before {
	border: 0 none;
}

.eg-boxed1 .contents,
dl.eg-boxed1 dd,
div.eg-boxed1 .contents {
	padding: 12px;
}

dl.eg-boxed1 dd *:last-child,
div.eg-boxed1 .contents *:last-child {
	margin-bottom: 0;
}

div.eg-boxed1 .scrolled {
	height: 65px;
	overflow: auto;
}

dl.eg-boxed1.red,
div.eg-boxed1.red {
	border-color: #c00;
}

dl.eg-boxed1.red dt,
div.eg-boxed1.red h4 {
	background-color: #c00;
	color: #fff;
}

dl.eg-boxed1.blue,
div.eg-boxed1.blue {
	border-color: #004098;
}

dl.eg-boxed1.blue dt,
div.eg-boxed1.blue h4 {
	background-color: #004098;
	color: #fff;
}

dl.eg-boxed1.orange,
div.eg-boxed1.orange {
	border-color: #b9791f;
}

dl.eg-boxed1.orange dt,
div.eg-boxed1.orange h4 {
	background-color: #b9791f;
	color: #fff;
}

dl.eg-boxed1.green,
div.eg-boxed1.green {
	border-color: #00480d;
}

dl.eg-boxed1.green dt,
div.eg-boxed1.light-green h4 {
	background-color: #00480d;
	color: #fff;
}

dl.eg-boxed1.light-green,
div.eg-boxed1.light-green {
	border-color: #38b612;
}

dl.eg-boxed1.light-green dt,
div.eg-boxed1.light-green h4 {
	background-color: #38b612;
	color: #fff;
}

dl.eg-boxed1.red dt a,
div.eg-boxed1.red h4 a,
dl.eg-boxed1.blue dt a,
div.eg-boxed1.blue h4 a,
dl.eg-boxed1.orange dt a,
div.eg-boxed1.orange h4 a,
dl.eg-boxed1.green dt a,
div.eg-boxed1.green h4 a,
dl.eg-boxed1.light-green dt a,
div.eg-boxed1.light-green h4 a {
	color: #fff;
	text-decoration: none;
}

dl.eg-boxed1.red dt a:hover,
div.eg-boxed1.red h4 a:hover,
dl.eg-boxed1.blue dt a:hover,
div.eg-boxed1.blue h4 a:hover,
dl.eg-boxed1.orange dt a:hover,
div.eg-boxed1.orange h4 a:hover,
dl.eg-boxed1.green dt a:hover,
div.eg-boxed1.light-green h4 a:hover,
div.eg-boxed1.light-green h4 a:hover {
	text-decoration: underline;
}

dl.eg-boxed1.eg-buttom-navi dt {
	font-size: 87.5%;
}

dl.eg-boxed1.eg-buttom-navi dd {
	text-align: center;
}

.event-box {
	border-color: #004098 #ccc #ccc #ccc;
	border-width: 2px 1px 1px 1px;
	padding-bottom: 0;
}

.event-box h2 {
	background: #efefef;
	border: 0 none;
	border-bottom: 1px solid #dadada;
	padding: 1em;
	margin: 0;
}

.event-box h2 a {
	display: block;
	text-decoration: none;
}

.event-box h2 a:hover {
	text-decoration: underline;
}

.event-box .alignright {
	padding: 0 0 20px 10px;
}

.event-box table,
div.eg-boxed1.school table {
	margin-bottom: 0;
	width: 76%;
}

.event-box .more,
div.eg-boxed1.school .more {
	clear: both;
	font-weight: bold;
	text-align: right;
	margin-bottom: 0;
}

.event-box .more a,
div.eg-boxed1.school .more a {
	text-decoration: none;
}

.event-box .more a:hover,
div.eg-boxed1.school .more a:hover {
	text-decoration: underline;
}

.eg-boxed2 {
	background-color: rgba(204, 204, 204, 0.05);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 3px solid #ccc;
	margin-bottom: 20px;
	padding: 14px;
}

.boxed2-blue {
	background-color: rgba(0, 64, 152, 0.05);
	border-color: #004098;
}

.boxed2-green {
	background-color: rgba(0, 72, 13, 0.05);
	border-color: #00480d;
}

.boxed2-orange {
	background-color: rgba(185, 121, 31, 0.05);
	border-color: #b9791f;
}

.boxed2-red {
	background-color: rgba(230, 0, 18, 0.05);
	border-color: #e60012;
}


/* EG Labels
------------------------------------------------------------ */

.label {
	background-color: #ccc;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #000;
	cursor: default;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	margin: 0 0 5px 0;
	padding: 7px;
}

.label.s,
.label.sn,
.label.s1,
.label.s1n,
.label.s2,
.label.s2n {
	background-color: #f67e4e;
	color: #fff;
}

.label.s3,
.label.s3n,
.label.s4,
.label.s4n {
	background-color: #f5723e;
	color: #fff;
}

.label.s5,
.label.s5n,
.label.s6,
.label.s6n {
	background-color: #f4662e;
	color: #fff;
}

.label.j1,
.label.j1n {
	background-color: #4381ff;
	color: #fff;
}

.label.j,
.label.jn,
.label.mh,
.label.mhn,
.label.j2,
.label.j2n {
	background-color: #004eed;
	color: #fff;
}

.label.j3,
.label.j3n {
	background-color: #003298;
	color: #fff;
}

.label.h1,
.label.h1n {
	background-color: #468847;
	color: #fff;
}

.label.h,
.label.hn,
.label.h2,
.label.h2n {
	background-color: #f89406;
	color: #fff;
}

.label.h3,
.label.h3n {
	background-color: #b94a48;
	color: #fff;
}

.label.parent,
.label.external {
	background-color: #3a87ad;
	color: #fff;
}

.label.internal {
	background-color: #004098;
	color: #fff;
}

/* EG PNG Viewer, EG Overflow Auto
------------------------------------------------------------ */

.eg-png-viewer {
	margin-bottom: 1em;
}

.eg-png-viewer .controller {
	background-color: #ccc;
	background: -moz-linear-gradient(top, #e7e7e7, #d6d6d6);
	background: -ms-linear-gradient(top, #e7e7e7, #d6d6d6);
	background: -webkit-linear-gradient(top, #e7e7e7, #d6d6d6);
	border: 1px solid #aaa;
	padding: 6px;
}

.eg-png-viewer .controller a {
	display: inline-block;
	background-color: #e5e5e5;
	background: -moz-linear-gradient(top, #f6f6f6, #e5e5e5);
	background: -ms-linear-gradient(top, #f6f6f6, #e5e5e5);
	background: -webkit-linear-gradient(top, #f6f6f6, #e5e5e5);
	color: #000;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid #aaa;
	padding: 4px 8px;
	text-decoration: none;
}

.eg-png-viewer .controller a:hover {
	background: #fff;
	text-decoration: underline;
}

.eg-png-viewer .controller a.disable {
	cursor: default;
	background: #ccc;
	color: #999;
	text-decoration: none;
}

.eg-png-viewer .contents {
	background-color: #fafafa;
	border: 1px solid #ccc;
	height: 580px;
	max-width: 948px;
	overflow: auto;
	text-align: center;
	margin: 0 auto 20px auto;
}

.eg-png-viewer .contents img {
	border: 1px solid #ccc;
	max-width: none;
	margin: 5px;
}

.eg-overflow-auto {
	margin-bottom: 1em;
	overflow:auto;
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}

.eg-overflow-auto *:last-child {
	margin-bottom: 0;
}

.eg-overflow-auto table {
	width: 630px;
}

.full-width-content .eg-overflow-auto table {
	width: 950px;
}


/* EG tab
------------------------------------------------------------ */

.eg-tab-contents {
	margin-bottom: 20px;
	margin-bottom: 2rem;
}

.eg-tab-contents .tab-controller {
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
	margin-bottom: 1rem;
}

.eg-tab-contents .tab-controller.right {
	float: none;
}

.eg-tab-contents .tab-controller ul,
.eg-tab-contents .tab-controller ol {
	display: inline;
}

.eg-tab-contents .tab-controller li {
	background: none;
	float: left;
	margin: 0;
	padding: 0;
}

.eg-tab-contents .tab-controller.right li {
	float: right;
}

.eg-tab-contents .tab-controller li a {
	display: inline-block;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	border-style: solid;
	border-width: 3px 1px 1px 1px;
	border-color: #ccc;
	margin: 0 7px -1px 0;
	padding: 10px;
}

.eg-tab-contents .tab-controller.right li a {
	margin: 0 0 -1px 5px;
	position: relative;
}

.eg-tab-contents .tab-controller li a:hover {
	background-color: #e6f3ff;
	color: #e00;
	text-decoration: underline;
}

.eg-tab-contents .tab-controller li a.active {
	background-color: #fff;
	color: #000;
	text-decoration: none;
	border-color: #004098 #ccc #fff #ccc;
}


/* MyET
------------------------------------------------------------ */

:root .mynet-faq {
	border-top: 2px solid #004098;
	border-bottom: 0 none;
	padding-top: 0.5em;
}

.mynet-faq .title {
	background-color: #004098;
	display: inline-block;
	width: auto;
	font-size: 89%;
	padding: 0.5em 1em;
	color: #fff;
	position: relative;
}

.mynet-faq .title:before {
	border-color: #004098 transparent transparent;
	border-style: solid;
	border-width: 12px;
	bottom: -24px;
	content: '';
	display: block;
	height: 0;
	left: 1em;
	position: absolute;
	width: 0;
}

.mynet-faq .content {
	display: block;
	padding-top: 14px;
}

.kyouka-summary_myet {
	margin-bottom: 1em;
}

.kyouka-summary_myet dt,
.kyouka-summary_myet dd {
	padding: 1em;
	border-color: #ccc;
	border-style: solid;
	border-width: 1px 0;
}

.kyouka-summary_myet dt {
	width: 20em;
	text-align: center;
	background-color: #faeba2;
}

.kyouka-summary_myet dd {
	width: 800px;
	background-color: #fefcf2;
}

 @media only screen and (max-width: 650px) {
	.kyouka-summary_myet { margin-bottom: 0; }
	.kyouka-summary_myet dt { display: block; width: 100%; border-bottom: 0 none; }
	.kyouka-summary_myet dt:before { content: ''; }
	.kyouka-summary_myet dd { display: block; border-top: 0 none; width: 100%; margin-bottom: 1em; }
}


/* FAQ
------------------------------------------------------------ */

.faq .q {
	background: transparent url(/wp-content/uploads/2016/11/bg-faq-q-w32x32-2x.png) no-repeat left 8px;
	background-size: 32px;
	padding-left: 40px;
	line-height: 1.4;
}

.faq .a {
	background: transparent url(/wp-content/uploads/2016/11/bg-faq-a-w32x32-2x.png) no-repeat left 8px;
	background-size: 32px;
	padding-left: 40px;
}

.faq {
	background-color: #faf9f8;
	padding: 0 12px;
	border-radius: 3px;
	border: 1px solid #e3e1dc;
	margin-bottom: 1.5em;
}

.faq dt {
	border-bottom: 0 none;
}

@media only screen and (min-width: 425px) {
	.faq .q_s { background-position: left 2px; }
}


/* LEAD
------------------------------------------------------------ */

.singular .lead {
	display: table;
	background-color: #f5f5f5;
	box-sizing: border-box;
	border: 1px solid #e3e3e3;
	font-weight: 600;
	margin: 0 0 2rem 0;
	padding: 14px;
	padding: 1.4rem;
	width: 100%;
}

.singular .lead-interview {
	border-color: #e6b013;
	border-width: 2px;
	background-color: #fdf8e9;
}

.singular .lead .alignright {
	padding-bottom: 0;
}

.singular .lead p:last-child {
	margin-bottom: 0;
}


/*
Media Queries
---------------------------------------------------------------------------------------------------- */

/* Retina Display
--------------------------------------------- */

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	only screen and (-moz-min-device-pixel-ratio: 1.5),
	only screen and (-o-min-device-pixel-ratio: 3/2),
	only screen and (min-device-pixel-ratio: 1.5) {

	.header-image .site-title > a {
		background-image: url(images/logo-w255x83@2x.png);
		background-size: 255px 83px;
	}
}

/* Responsive Design
--------------------------------------------- */

@media only screen and (max-width: 980px) {
	.eg-mobile-only { display: block !important; }
	.eg-mobile-off { display: none !important; }
	.youtube-box { margin-bottom: 0; }

	.nav-primary,
	.full-width-content .full-width-off,
	.v2016-header-widget .header-btn { display: none; }

	.eg-float-clear-w980 {
		float: none;
		margin-left: 0;
		width: 100%;
	}

	.first.eg-float-clear-w980,
	.eg-float-clear-w980:first-child {
		margin-bottom: 0;
	}

	.site-inner { background: none; }
	.site-inner .wrap { border: 0 none; padding: 15px 0 60px; }
	.content-sidebar .content,
	.full-width-content .content,
	.sidebar-primary {
		padding-left: 14px;
		padding-right: 14px;
	}

	.breadcrumb {
		margin-left: 14px;
		margin-right: 14px;
	}

	.wrap,
	.pagetop {
		width: auto;
	}

	.content-sidebar .content,
	.sidebar-primary {
		float: none;
		width: auto;
	}

	.site-header {
		min-height: 1px;
	}

	.site-header .wrap {
		background-color: #231815;
		padding: 14px;
	}

	.title-area {
		width: 165px;
	}

	.header-image .site-title > a {
		background-image: url(images/logo-w310x100-white.png);
		background-size: 155px 50px;
		height: 52px;
	}

	.site-header .widget-area {
		width: auto;
	}

	.nav-primary {
		border: 0 none;
		box-shadow: none;
		padding: 0 18px 14px 18px;
	}

	.nav-primary .eg-boxed2 {
		background-color: transparent;
		border: 1px solid #aaa;
		color: #fff;
		text-align: center;
	}

	.nav-primary .eg-boxed2:hover {
		-webkit-tap-highlight-color: #583c35;
		background-color: #583c35;
	}

	.nav-primary .eg-boxed2 a {
		color: #fff;
		text-decoration: none;
	}

	.nav-primary .search-box {
		margin: 0 0 14px 0;
	}

	.nav-primary .search-box input[type="search"],
	.nav-primary .search-box input[type="submit"] {
		border-color: #aaa;
	}

	.nav-primary .search-box input[type="submit"] {
		background-color: transparent;
	}

	.nav-primary .search-box input[type="submit"]:hover {
		background-color: #583c35;
	}

	.genesis-nav-mobile li {
		box-sizing: border-box;
		display: inline-block;
		margin: 0;
		padding: 5px;
		text-align: center;
	}

	.genesis-nav-mobile a {
		border: 1px solid #999;
		border-radius: 3px;
		display: block;
		padding: 24px 0;
		min-width: 170px;
	}

	#jsMenu {
		cursor: pointer;
		background: transparent;
		border-color: #aaa;
		margin: 6px 0 0 0;
		padding: 8px;
		width: auto;
	}

	#jsMenu:hover {
		background: #583c35;
	}

	img {
		max-width: 100%;
	}

	.entry-content .alignleft img,
	.entry-content .alignleft-center img,
	.entry-content .alignright img,
	.entry-content img.alignleft,
	.entry-content img.alignleft-center,
	.entry-content img.alignright,
	.featuredpost img,
	.featuredpage img,
	img.eg-border-solid {
		-webkit-box-sizing: border-box;
		-moz-box-sizing:    border-box;
		box-sizing:         border-box;
	}

	/* EG Notification */
	dl.eg-notification dt,
	dl.eg-notification dd {
		display: block;
	}

	.home dl.eg-notification { margin-bottom: 10px; }

	/* EG Boxed */
	.eg-boxed1.event table {
		width: 100%;
	}

	div.eg-boxed1 .scrolled {
		height: auto;
	}

	/* Buttons */
	a.eg-button.full,
	.eg-button.full {
		width: 99.2%;
	}

	.topics-area .one-third,
	.topics-area .one-third:nth-last-child(-n+3) {
		display: table;
		float: none;
		margin-left: 0;
		margin-bottom: 10px;
		width: 100%;
	}

	.topics-area .one-third:nth-child(n+2) {
		border-top: 1px dashed #ccc;
		padding-top: 10px;
	}

	#jsHomeBannerBox.jsMoved {
		border-top: 1px solid #ccc;
		margin-top: 15px;
		margin-top: 1.5rem;
		padding-top: 15px;
		padding-top: 1.5rem;
	}

	.sidebar .article-lists li {
		padding: 1em 0;
	}

	.footer-widgets .wrap,
	.site-footer .wrap {
		padding-left: 14px;
		padding-right: 14px;
	}

	.footer-widgets .mypage {
		margin-bottom: 5px;
		padding: 5px;
		width: auto;
	}

	.group-sites { margin-left: 4%; }
	.group-sites .s07,
	.group-sites .s13 { clear: none; }
}

@media only screen and (min-width: 600px) and (max-width: 980px) {

	.topics-area .one-third h2 {
		display: inline-block;
		float: none;
		margin: 0 0 10px 20px;
	}

	a {
		margin-left: auto;
		margin-right: auto;
	}
}

@media only screen and (min-width: 425px) and (max-width: 980px) {
	/* イレギュラー */
	.eg-3button .eg-button,
	.eg-3button a.eg-button {
		width: 31.5%;
	}
}

@media only screen and (max-width: 600px) {
	.off--under-w600 { display: none; }

	.eg-float-clear-w600 {
		float: none;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	.first.eg-float-clear-w600,
	.eg-float-clear-w600:first-child {
		margin-bottom: 0;
	}

	/* Buttons */
	.entry-content a.eg-button,
	.entry-content .eg-button {
		display: block;
		width: 96%;
		margin: 0 auto 0.5em auto;
	}

	.entry-content a.eg-button:last-child,
	.entry-content .eg-button:last-child {
		margin-bottom: 0;
	}

	a.eg-button.mini,
	.eg-button.mini {
		display: inline-block;
		width: 165px;
	}

	a.eg-button.full,
	.eg-button.full {
		margin: 0 auto;
		width: 99.2%;
	}

	/* EG Menu */
	dl.menu a,
	dl.menu dt,
	dl.menu dd { display: block; }

	dl.menu li,
	dl.menu ul li.first {
		background: url(images/bg-list-bullet.gif) no-repeat 5px 7px;
		display: block;
		padding-left: 1em;
	}

	dl.menu li:before { content: ''; }

	.topics-area .one-third h2 a {
		margin-left: auto;
		margin-right: auto;
	}

	.footer-widgets .mypage {
		margin-bottom: 0;
	}

	.site-footer {
		padding: 14px 0;
	}

	.footer-widgets .privacy {
		text-align: center;
		padding: 5px;
	}

	.footer-widgets .privacy a {
		display: block;
		border: 1px solid #aaa;
		border-radius: 3px;
		padding: 14px;
		width: 100%;
		margin: 0 auto 10px auto;
	}

	.footer-widgets .privacy a:hover {
		background-color: #583c35;
		text-decoration: none;
	}
}

@media only screen and (max-width: 425px) {
	.off--under-w425,
	.home .slider .flex-control-nav { display: none; }

	.home-widgets-bottom .one-third:nth-last-child(-n+3) { margin-bottom: 30px; }

	.nav-primary {
		padding: 0 14px 14px 14px;
	}

	.genesis-nav-mobile li,
	.genesis-nav-mobile a {
		display: block;
		padding-left: 0;
		padding-right: 0;
	}

	.genesis-nav-mobile a {
		padding: 14px;
	}

	.singular .entry-title, .kanban-title {
		font-size: 20px;
	}

	.fl:first-letter {
		padding-right: 0;
	}

	.alignleft,
	.alignleft-center,
	.alignright {
		float: none;
		padding: 0 0 20px 0;
		text-align: center;
	}

	.entry-content h4:before,
	.content .widget-title:before {
		width: 35%;
	}

	/* Unordered / Ordered Lists / Definition List / Table */
	ul.inline li,
	dl.inline dd {
		display: block;
		white-space: normal;
	}

	ul.inline li.first,
	dl.inline dd.first {
		background: transparent url(images/bg-list-bullet.gif) no-repeat 5px 8px;
		padding-left: 1em;
	}

	ul.inline.no-bg li.first {
		background-image: none;
	}

	ul.inline li img {
		margin-bottom: 0.5em;
	}

	ul.inline li:last-child img {
		margin-bottom: 0;
	}

	.entry-content ul.eg-school-lists li a.eg-bold {
		display: block;
	}

	.eg-table-style { display: block; }
	.eg-table-style dt,
	.eg-table-style dd {
		border: 0 none;
		box-sizing        : border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing   : border-box;
		-ms-box-sizing    : border-box;
		display: block;
		text-align: left;
		width: 100%;
	}

	.js-mobile-rebuild-off th,
	.js-mobile-rebuild-off td {
		border: 0 none;
		display: block;
		text-align: left;
		width: 98%;
	}

	.js-mobile-rebuild-off.non-block th,
	.js-mobile-rebuild-off.non-block td {
		display: table-cell;
		width: auto;
	}

	.eg-boxed1 .js-mobile-rebuild-off th,
	.eg-boxed1 .js-mobile-rebuild-off td {
		width: 96%;
	}

	.js-mobile-rebuild-off th:before,
	.eg-table-style dt:before {
		content: '\25A0';
		padding-right: 5px;
	}

	.js-mobile-rebuild-off th,
	.eg-table-style dt {
		background: transparent;
		padding: 0;
	}

	.js-mobile-rebuild-off th.head {
		border-left: 4px solid #555;
		color: #000;
		margin: 6px 0;
		padding: 3px 0 3px 6px;
		text-decoration: none;
	}

	.js-mobile-rebuild-off td {
		margin-bottom: 0;
		padding-top: 0.25em;
		padding-bottom: 0;
	}

	.js-mobile-rebuild-off td:last-child {
		margin-bottom: 1em;
	}

	.js-mobile-rebuild-off tr:last-child td {
		margin-bottom: 0;
	}

	/* Buttons */
	a.eg-button.mini,
	.eg-button.mini {
		display: block;
		width: 75%;
		margin: 0 auto 0.5em auto;
	}

	a.eg-button.mini:last-child,
	.eg-button.mini:last-child {
		margin-bottom: 0;
	}

	/* EG Boxed */
	.event-box img,
	div.eg-boxed1.school img {
		display: none;
	}

	.event-box table,
	div.eg-boxed1.school table {
		margin-bottom: 0;
		width: 100%;
	}

	.footer-logo {
		display: none;
	}

	.footer-widgets .wrap,
	.site-footer .wrap {
		padding-left: 7px;
		padding-right: 7px;
	}

	.footer-banner ul {
		padding-left: 0;
	}

	.footer-banner li {
		box-sizing: border-box;
		margin-bottom: 5px;
		width: 50%;
	}

	.footer-copyright {
		display: block;
		text-align: center;
		width: auto;
	}

	.footer-widgets .privacy .under425-break {
		display: block;
	}

	.group-site-logos { display: none; }
	.group-sites { margin-left: 1%; }
	.group-sites a { width: 135px; }

	.followPageTop { font-size: 12px; text-align: center; }
	.followPageTop a { padding: 10px 18px 7px 16px; }
}



/* 特別処理 */
.ios a:hover img,
.topics-area .replace:hover { opacity: 1 !important; }
.ios a:hover { text-decoration: none !important; }

/* Add to Any */
#jsFollowPageTop { display: none; }
.a2a_kit a[href^="https://form.y-sapix.com"] img { background-color: #f1c40f; border-radius: 4px; display: block; }
.a2a_kit a[href^="https://form.y-sapix.com"]:hover img { background-color: #f56200; }

.a2a_kit a[href^="https://www.instagram.com"] { line-height: 1.1; }
.a2a_kit a[href^="https://www.instagram.com"]:hover img { background-color: transparent; }


.a2a_kit a[href="#top"] img { background-color: #fff; border-radius: 4px; display: block; }
.a2a_kit_size_48 a[href^="https://form.y-sapix.com"] img,
.a2a_kit_size_48 a[href="#top"] img { width: 48px; height: 48px; }

/* SVG */
.svg-black { filter: invert(0%) sepia(100%) saturate(7457%) hue-rotate(265deg) brightness(84%) contrast(91%); }
.svg-white { filter: invert(100%) sepia(0%) saturate(1%) hue-rotate(3deg) brightness(105%) contrast(101%); }
a:hover img.svg-black { background-color: transparent; }
