/*
Theme Name: Twenty Seventeen Child
Template:  twentyseventeen
Theme URI: https://wordpress.org/themes/twentyseventeen/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Seventeen Child Theme
Version: 1.6
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentyseventeen
Tags: one-column, two-columns, right-sidebar, flexible-header, accessibility-ready, custom-colors, custom-header, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, post-formats, rtl-language-support, sticky-post, theme-options, 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.
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Front Page
   13.3 Regular Content
   13.4 Posts
   13.5 Pages
   13.6 Footer
14.0 Comments
15.0 Widgets
16.0 Media
   16.1 Galleries
17.0 Customizer
18.0 SVGs Fallbacks
19.0 Media Queries
20.0 Print
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 Normalize
Styles based on Normalize v5.0.0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/

html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
footer,
header,
nav,
section {
	display: block;
}

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

figcaption,
figure,
main {
	display: block;
}

figure {
	margin: 1em 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

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

a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}

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

abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}

b,
strong {
	font-weight: inherit;
}

b,
strong {
	font-weight: 700;
}

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

dfn {
	font-style: italic;
}

mark {
	background-color: #eee;
	color: #222;
}

small {
	font-size: 80%;
}

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

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

audio,
video {
	display: inline-block;
}

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

img {
	border-style: none;
}

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

button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

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

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

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

legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}

progress {
	display: inline-block;
	vertical-align: baseline;
}

textarea {
	overflow: auto;
}

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

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

[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

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

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

details,
menu {
	display: block;
}

summary {
	display: list-item;
}

canvas {
	display: inline-block;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 Accessibility
--------------------------------------------------------------*/

/* Text meant only for screen readers. */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	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;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000; /* Above WP toolbar. */
}

/*--------------------------------------------------------------
3.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;
}

.right {
	text-align: right;
}
.center {
	text-align: center;
}
.entry-content p.center {
    font-weight: bold;
    font-size: 1.5rem;
    margin-top: 0;
}
/*--------------------------------------------------------------
4.0 Clearings
--------------------------------------------------------------*/

.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.entry-footer:before,
.entry-footer: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,
.nav-links:before,
.nav-links:after,
.pagination:before,
.pagination:after,
.comment-author:before,
.comment-author:after,
.widget-area:before,
.widget-area:after,
.widget:before,
.widget:after,
.comment-meta:before,
.comment-meta:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.entry-footer:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after,
.nav-links:after,
.pagination:after,
.comment-author:after,
.widget-area:after,
.widget:after,
.comment-meta:after {
	clear: both;
}

/*--------------------------------------------------------------
5.0 Typography
--------------------------------------------------------------*/

body,
button,
input,
select,
textarea {
	color: #1a1a1a;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 400;
	line-height: 1.66;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
	line-height: 1.4;
	margin: 0 0 0.75em;
	padding: 1.5em 0 0;
}

h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	padding-top: 0;
}

h1 {
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 300;
}

h2,
.home.blog .entry-title {
	color: #666;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
}

h3 {
	color: #333;
	font-size: 18px;
	font-size: 1.125rem;
	font-weight: 300;
}

h4 {
	color: #333;
	font-size: 16px;
	font-size: 1.2rem;
	font-weight: 800;
}

h5 {
	color: #767676;
	font-size: 16px;
	font-size: 1.2rem;
	font-weight: 800;
	letter-spacing: 0.15em;
	text-transform: uppercase;
}

h6 {
	color: #333;
	font-size: 15px;
	font-size: 0.9375rem;
	font-weight: 800;
}

p {
	margin: 0 0 0.5em;
	padding: 0;
}

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

blockquote {
	color: #666;
	font-size: 18px;
	font-size: 1.125rem;
	font-style: italic;
	line-height: 1.7;
	margin: 0;
	overflow: hidden;
	padding: 0;
}

blockquote cite {
	display: block;
	font-style: normal;
	font-weight: 600;
	margin-top: 0.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: #eee;
	text-decoration: none;
}

big {
	font-size: 125%;
}

blockquote {
	quotes: "" "";
}

q {
	quotes: "“" "”" "‘" "’";
}

blockquote:before,
blockquote:after {
	content: "";
}

:focus {
	outline: none;
}

.mb50 {
	margin-bottom: 50px;
}
.mb60 {
	margin-bottom: 60px;
} 

/* Typography for Arabic Font */

html[lang="ar"] body,
html[lang="ar"] button,
html[lang="ar"] input,
html[lang="ar"] select,
html[lang="ar"] textarea,
html[lang="ary"] body,
html[lang="ary"] button,
html[lang="ary"] input,
html[lang="ary"] select,
html[lang="ary"] textarea,
html[lang="azb"] body,
html[lang="azb"] button,
html[lang="azb"] input,
html[lang="azb"] select,
html[lang="azb"] textarea,
html[lang="fa-IR"] body,
html[lang="fa-IR"] button,
html[lang="fa-IR"] input,
html[lang="fa-IR"] select,
html[lang="fa-IR"] textarea,
html[lang="haz"] body,
html[lang="haz"] button,
html[lang="haz"] input,
html[lang="haz"] select,
html[lang="haz"] textarea,
html[lang="ps"] body,
html[lang="ps"] button,
html[lang="ps"] input,
html[lang="ps"] select,
html[lang="ps"] textarea,
html[lang="ur"] body,
html[lang="ur"] button,
html[lang="ur"] input,
html[lang="ur"] select,
html[lang="ur"] textarea {
	font-family: Tahoma, Arial, sans-serif;
}

html[lang="ar"] h1,
html[lang="ar"] h2,
html[lang="ar"] h3,
html[lang="ar"] h4,
html[lang="ar"] h5,
html[lang="ar"] h6,
html[lang="ary"] h1,
html[lang="ary"] h2,
html[lang="ary"] h3,
html[lang="ary"] h4,
html[lang="ary"] h5,
html[lang="ary"] h6,
html[lang="azb"] h1,
html[lang="azb"] h2,
html[lang="azb"] h3,
html[lang="azb"] h4,
html[lang="azb"] h5,
html[lang="azb"] h6,
html[lang="fa-IR"] h1,
html[lang="fa-IR"] h2,
html[lang="fa-IR"] h3,
html[lang="fa-IR"] h4,
html[lang="fa-IR"] h5,
html[lang="fa-IR"] h6,
html[lang="haz"] h1,
html[lang="haz"] h2,
html[lang="haz"] h3,
html[lang="haz"] h4,
html[lang="haz"] h5,
html[lang="haz"] h6,
html[lang="ps"] h1,
html[lang="ps"] h2,
html[lang="ps"] h3,
html[lang="ps"] h4,
html[lang="ps"] h5,
html[lang="ps"] h6,
html[lang="ur"] h1,
html[lang="ur"] h2,
html[lang="ur"] h3,
html[lang="ur"] h4,
html[lang="ur"] h5,
html[lang="ur"] h6 {
	font-weight: 700;
}

/* Typography for Chinese Font */

html[lang^="zh-"] body,
html[lang^="zh-"] button,
html[lang^="zh-"] input,
html[lang^="zh-"] select,
html[lang^="zh-"] textarea {
	font-family: "PingFang TC", "Helvetica Neue", Helvetica, STHeitiTC-Light, Arial, sans-serif;
}

html[lang="zh-CN"] body,
html[lang="zh-CN"] button,
html[lang="zh-CN"] input,
html[lang="zh-CN"] select,
html[lang="zh-CN"] textarea {
	font-family: "PingFang SC", "Helvetica Neue", Helvetica, STHeitiSC-Light, Arial, sans-serif;
}

html[lang^="zh-"] h1,
html[lang^="zh-"] h2,
html[lang^="zh-"] h3,
html[lang^="zh-"] h4,
html[lang^="zh-"] h5,
html[lang^="zh-"] h6 {
	font-weight: 700;
}

/* Typography for Cyrillic Font */

html[lang="bg-BG"] body,
html[lang="bg-BG"] button,
html[lang="bg-BG"] input,
html[lang="bg-BG"] select,
html[lang="bg-BG"] textarea,
html[lang="ru-RU"] body,
html[lang="ru-RU"] button,
html[lang="ru-RU"] input,
html[lang="ru-RU"] select,
html[lang="ru-RU"] textarea,
html[lang="uk"] body,
html[lang="uk"] button,
html[lang="uk"] input,
html[lang="uk"] select,
html[lang="uk"] textarea {
	font-family: "Helvetica Neue", Helvetica, "Segoe UI", Arial, sans-serif;
}

html[lang="bg-BG"] h1,
html[lang="bg-BG"] h2,
html[lang="bg-BG"] h3,
html[lang="bg-BG"] h4,
html[lang="bg-BG"] h5,
html[lang="bg-BG"] h6,
html[lang="ru-RU"] h1,
html[lang="ru-RU"] h2,
html[lang="ru-RU"] h3,
html[lang="ru-RU"] h4,
html[lang="ru-RU"] h5,
html[lang="ru-RU"] h6,
html[lang="uk"] h1,
html[lang="uk"] h2,
html[lang="uk"] h3,
html[lang="uk"] h4,
html[lang="uk"] h5,
html[lang="uk"] h6 {
	font-weight: 700;
	line-height: 1.2;
}

/* Typography for Devanagari Font */

html[lang="bn-BD"] body,
html[lang="bn-BD"] button,
html[lang="bn-BD"] input,
html[lang="bn-BD"] select,
html[lang="bn-BD"] textarea,
html[lang="hi-IN"] body,
html[lang="hi-IN"] button,
html[lang="hi-IN"] input,
html[lang="hi-IN"] select,
html[lang="hi-IN"] textarea,
html[lang="mr-IN"] body,
html[lang="mr-IN"] button,
html[lang="mr-IN"] input,
html[lang="mr-IN"] select,
html[lang="mr-IN"] textarea {
	font-family: Arial, sans-serif;
}

html[lang="bn-BD"] h1,
html[lang="bn-BD"] h2,
html[lang="bn-BD"] h3,
html[lang="bn-BD"] h4,
html[lang="bn-BD"] h5,
html[lang="bn-BD"] h6,
html[lang="hi-IN"] h1,
html[lang="hi-IN"] h2,
html[lang="hi-IN"] h3,
html[lang="hi-IN"] h4,
html[lang="hi-IN"] h5,
html[lang="hi-IN"] h6,
html[lang="mr-IN"] h1,
html[lang="mr-IN"] h2,
html[lang="mr-IN"] h3,
html[lang="mr-IN"] h4,
html[lang="mr-IN"] h5,
html[lang="mr-IN"] h6 {
	font-weight: 700;
}

/* Typography for Greek Font */

html[lang="el"] body,
html[lang="el"] button,
html[lang="el"] input,
html[lang="el"] select,
html[lang="el"] textarea {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="el"] h1,
html[lang="el"] h2,
html[lang="el"] h3,
html[lang="el"] h4,
html[lang="el"] h5,
html[lang="el"] h6 {
	font-weight: 700;
	line-height: 1.3;
}

/* Typography for Gujarati Font */

html[lang="gu-IN"] body,
html[lang="gu-IN"] button,
html[lang="gu-IN"] input,
html[lang="gu-IN"] select,
html[lang="gu-IN"] textarea {
	font-family: Arial, sans-serif;
}

html[lang="gu-IN"] h1,
html[lang="gu-IN"] h2,
html[lang="gu-IN"] h3,
html[lang="gu-IN"] h4,
html[lang="gu-IN"] h5,
html[lang="gu-IN"] h6 {
	font-weight: 700;
}

/* Typography for Hebrew Font */

html[lang="he-IL"] body,
html[lang="he-IL"] button,
html[lang="he-IL"] input,
html[lang="he-IL"] select,
html[lang="he-IL"] textarea {
	font-family: "Arial Hebrew", Arial, sans-serif;
}

html[lang="he-IL"] h1,
html[lang="he-IL"] h2,
html[lang="he-IL"] h3,
html[lang="he-IL"] h4,
html[lang="he-IL"] h5,
html[lang="he-IL"] h6 {
	font-weight: 700;
}

/* Typography for Japanese Font */

html[lang="ja"] body,
html[lang="ja"] button,
html[lang="ja"] input,
html[lang="ja"] select,
html[lang="ja"] textarea {
font-family: "Roboto Slab", "Helvetica Neue", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraginoKakuGothic Pro", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "MS Gothic", sans-serif;
}

html[lang="ja"] h1,
html[lang="ja"] h2,
html[lang="ja"] h3,
html[lang="ja"] h4,
html[lang="ja"] h5,
html[lang="ja"] h6 {
	font-weight: 700;
}

/* Typography for Korean font */

html[lang="ko-KR"] body,
html[lang="ko-KR"] button,
html[lang="ko-KR"] input,
html[lang="ko-KR"] select,
html[lang="ko-KR"] textarea {
	font-family: "Apple SD Gothic Neo", "Malgun Gothic", "Nanum Gothic", Dotum, sans-serif;
}

html[lang="ko-KR"] h1,
html[lang="ko-KR"] h2,
html[lang="ko-KR"] h3,
html[lang="ko-KR"] h4,
html[lang="ko-KR"] h5,
html[lang="ko-KR"] h6 {
	font-weight: 600;
}

/* Typography for Thai Font */

html[lang="th"] h1,
html[lang="th"] h2,
html[lang="th"] h3,
html[lang="th"] h4,
html[lang="th"] h5,
html[lang="th"] h6 {
	line-height: 1.65;
	font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

html[lang="th"] body,
html[lang="th"] button,
html[lang="th"] input,
html[lang="th"] select,
html[lang="th"] textarea {
	line-height: 1.8;
	font-family: "Sukhumvit Set", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Remove letter-spacing for all non-latin alphabets */

html[lang="ar"] *,
html[lang="ary"] *,
html[lang="azb"] *,
html[lang="haz"] *,
html[lang="ps"] *,
html[lang^="zh-"] *,
html[lang="bg-BG"] *,
html[lang="ru-RU"] *,
html[lang="uk"] *,
html[lang="bn-BD"] *,
html[lang="hi-IN"] *,
html[lang="mr-IN"] *,
html[lang="el"] *,
html[lang="gu-IN"] *,
html[lang="he-IL"] *,
html[lang="ko-KR"] *,
html[lang="th"] * {
	letter-spacing: 0 !important;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/

label {
	color: #333;
	display: block;
	font-weight: 800;
	margin-bottom: 0.5em;
}

fieldset {
	margin-bottom: 1em;
}

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: #000;
	background: #fff;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	display: block;
	padding: 0.7em;
	width: 100%;
}

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: #222;
	border-color: #333;
}

select {
	border: 1px solid #bbb;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	height: 3em;
	max-width: 100%;
}

input[type="radio"],
input[type="checkbox"] {
	margin-right: 0.5em;
}

input[type="radio"] + label,
input[type="checkbox"] + label {
	font-weight: 400;
}

button,
input[type="button"],
input[type="submit"] {
	background-color: #222;
	border: 0;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	line-height: 1;
	padding: 1em 2em;
	text-shadow: none;
	-webkit-transition: background 0.2s;
	transition: background 0.2s;
}
input[type="button"] {
    background-color: #B3B3B3;
}
input + button,
input + input[type="button"],
input + input[type="submit"] {
	padding: 0.75em 2em;
}

button.secondary,
input[type="reset"],
input[type="button"].secondary,
input[type="reset"].secondary,
input[type="submit"].secondary {
	background-color: #ddd;
	color: #222;
}

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	/*background: #767676;*/
}

button.secondary:hover,
button.secondary:focus,
input[type="reset"]:hover,
input[type="reset"]:focus,
input[type="button"].secondary:hover,
input[type="button"].secondary:focus,
input[type="reset"].secondary:hover,
input[type="reset"].secondary:focus,
input[type="submit"].secondary:hover,
input[type="submit"].secondary:focus {
	background: #bbb;
}

/* Placeholder text color -- selectors need to be separate to work. */
::-webkit-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

:-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

::-moz-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
	opacity: 1;
	/* Since FF19 lowers the opacity of the placeholder by default */
}

:-ms-input-placeholder {
	color: #333;
	font-family: "Libre Franklin", "Helvetica Neue", helvetica, arial, sans-serif;
}

/*--------------------------------------------------------------
7.0 Formatting
--------------------------------------------------------------*/

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

/*--------------------------------------------------------------
8.0 Lists
--------------------------------------------------------------*/

ul,
ol {
	margin: 0 0 1.5em;
	padding: 0 0 0 2em;
}

ul {
	list-style: disc;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 0;
        /*padding-left:0.5em;*/
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 1.5em 1.5em;
}

/*--------------------------------------------------------------
9.0 Tables
--------------------------------------------------------------*/

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

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

th {
	padding: 0.4em;
	text-align: left;
}

tr {
	border-bottom: 1px solid #eee;
}

td {
	padding: 0.4em;
}

th:first-child,
td:first-child {
	padding-left: 0;
}

th:last-child,
td:last-child {
	padding-right: 0;
}

/*--------------------------------------------------------------
10.0 Links
--------------------------------------------------------------*/

a {
	color: #222;
	text-decoration: none;
}

a:focus {
	outline: thin dotted;
}

a:hover,
a:active {
	color: #f62800;
	outline: 0;
}

/* Hover effects */

.entry-content a,
.entry-summary a,
.comment-content a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-title a,
.entry-meta a,
.page-links a,
.page-links a .page-number,
.entry-footer a,
.entry-footer .cat-links a,
.entry-footer .tags-links a,
.edit-link a,
.post-navigation a,
.logged-in-as a,
.comment-navigation a,
.comment-metadata a,
.comment-metadata a.comment-edit-link,
.comment-reply-link,
a .nav-title,
.pagination a,
.comments-pagination a,
.site-info a,
.widget .widget-title a,
.widget ul li a,
.site-footer .widget-area ul li a,
.site-footer .widget-area ul li a {
	-webkit-box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 1);
	text-decoration: none;
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
}

.entry-content a:focus,
.entry-content a:hover,
.entry-summary a:focus,
.entry-summary a:hover,
.comment-content a:focus,
.comment-content a:hover,
.widget a:focus,
.widget a:hover,
.site-footer .widget-area a:focus,
.site-footer .widget-area a:hover,
.posts-navigation a:focus,
.posts-navigation a:hover,
.comment-metadata a:focus,
.comment-metadata a:hover,
.comment-metadata a.comment-edit-link:focus,
.comment-metadata a.comment-edit-link:hover,
.comment-reply-link:focus,
.comment-reply-link:hover,
.widget_authors a:focus strong,
.widget_authors a:hover strong,
.entry-title a:focus,
.entry-title a:hover,
.entry-meta a:focus,
.entry-meta a:hover,
.page-links a:focus .page-number,
.page-links a:hover .page-number,
.entry-footer a:focus,
.entry-footer a:hover,
.entry-footer .cat-links a:focus,
.entry-footer .cat-links a:hover,
.entry-footer .tags-links a:focus,
.entry-footer .tags-links a:hover,
.post-navigation a:focus,
.post-navigation a:hover,
.pagination a:not(.prev):not(.next):focus,
.pagination a:not(.prev):not(.next):hover,
.comments-pagination a:not(.prev):not(.next):focus,
.comments-pagination a:not(.prev):not(.next):hover,
.logged-in-as a:focus,
.logged-in-as a:hover,
a:focus .nav-title,
a:hover .nav-title,
.edit-link a:focus,
.edit-link a:hover,
.site-info a:focus,
.site-info a:hover,
.widget .widget-title a:focus,
.widget .widget-title a:hover,
.widget ul li a:focus,
.widget ul li a:hover {
	color: #f62800;
	-webkit-box-shadow: inset 0 0 0 rgba(246, 40, 0, 0), 0 3px 0 rgba(246, 40, 0, 1);
	box-shadow: inset 0 0 0 rgba(246, 40, 0, 0), 0 3px 0 rgba(246, 40, 0, 1);
}

/* Fixes linked images */
.entry-content a img,
.comment-content a img,
.widget a img {
	-webkit-box-shadow: 0 0 0 8px #fff;
	box-shadow: 0 0 0 8px #fff;
}

.post-navigation a:focus .icon,
.post-navigation a:hover .icon {
	color: #222;
}

/*--------------------------------------------------------------
11.0 Featured Image Hover
--------------------------------------------------------------*/

.post-thumbnail {
	margin-bottom: 1em;
}

.post-thumbnail a img {
	-webkit-backface-visibility: hidden;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.post-thumbnail a:hover img,
.post-thumbnail a:focus img {
	opacity: 0.7;
}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/

.navigation-top {
	/*background: #040544;
	border-bottom: 1px solid #eee;
	/*border-top: 1px solid #eee;*/
	font-size: 16px;
	font-size: 1rem;
	position: relative;
}

.navigation-top .wrap {
	/*max-width: 1000px;*/
	padding: 0;
}

.navigation-top a {
	color: #040544;
	font-weight: 600;
	-webkit-transition: color 0.2s;
	transition: color 0.2s;
}

.navigation-top .current-menu-item > a,
.navigation-top .current_page_item > a {
	color: #f9dc5c;
}

.main-navigation {
	clear: both;
	display: block;
}

.main-navigation ul {
	background: #fff;
	list-style: none;
	margin: 0;
	padding: 0 1.5em;
	text-align: left;
}

/* Hide the menu on small screens when JavaScript is available.
 * It only works with JavaScript.
 */

.js .main-navigation ul,
.main-navigation .menu-item-has-children > a > .icon,
.main-navigation .page_item_has_children > a > .icon,
.main-navigation ul a > .icon {
	display: none;
}

.main-navigation > div > ul {
	border-top: 1px solid #eee;
	padding: 0.75em 1.695em;
}
.main-navigation > div > ul li.english a {
    color: #4E83AA;
}


.main-navigation ul ul {
	padding: 0 0 0 1.5em;
}

.main-navigation ul ul.toggled-on {
	display: block;
}

.main-navigation ul ul a {
	letter-spacing: 0;
	padding: 0.4em 0;
	position: relative;
	text-transform: none;
}

.main-navigation li {
	border-bottom: 1px solid #eee;
	position: relative;
}

.main-navigation li li,
.main-navigation li:last-child {
	border: 0;
}

.main-navigation a {
	display: block;
	padding: 0.5em 0;
	text-decoration: none;
}

.main-navigation a:hover,
.main-navigation ul li.current a {
	color: #f62800;
}
.main-navigation ul li {
    color :#B3B3B3;
    padding: 0.5em 1.25em;
    font-weight: bold;
}


/* Menu toggle */

.menu-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #040544;
	display: none;
	font-size: 14px;
	font-size: 1rem;
	font-weight: 800;
	line-height: 1.5;
	margin: 5px auto 2px;
	padding: 0;
	text-shadow: none;
    z-index: 200;
}

/* Display the menu toggle when JavaScript is available. */

.js .menu-toggle {
	display: block;
    position: absolute;
    top: 6px;
    right: 6px;
}

.main-navigation.toggled-on ul.nav-menu {
	display: block;
}

.menu-toggle:hover,
.menu-toggle:focus {
	background-color: transparent;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.menu-toggle:focus {
	outline: thin solid;
}

.menu-toggle .icon {
	margin-right: 0;
	top: 2px;
        margin-left: 8px;
    height: 2em;
    width: 2em;
    display: block;
}

.toggled-on .menu-toggle .icon-bars,
.menu-toggle .icon-close {
	display: none;
}

.toggled-on .menu-toggle .icon-close {
	display: block;
}

/* Dropdown Toggle */

.dropdown-toggle {
	background-color: transparent;
	border: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #222;
	display: block;
	font-size: 16px;
	right: -0.5em;
	line-height: 1.5;
	margin: 0 auto;
	padding: 0.5em;
	position: absolute;
	text-shadow: none;
	top: 0;
}

.dropdown-toggle:hover,
.dropdown-toggle:focus {
	background: transparent;
}

.dropdown-toggle:focus {
	outline: thin dotted;
}

.dropdown-toggle.toggled-on .icon {
	-ms-transform: rotate(-180deg); /* IE 9 */
	-webkit-transform: rotate(-180deg); /* Chrome, Safari, Opera */
	transform: rotate(-180deg);
}

/* Scroll down arrow */

.site-header .menu-scroll-down {
	display: none;
}

/*--------------------------------------------------------------
13.0 Layout
--------------------------------------------------------------*/

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

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

body {
	background: #fff;
	/* Fallback for when there is no custom background color defined. */
}

#page {
	position: relative;
	word-wrap: break-word;
}

.wrap {
	/*padding-left: 1em;
	padding-right: 1em;*/
font-family: "Roboto", "Helvetica Neue", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraginoKakuGothic Pro", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "MS Gothic", sans-serif;
}
.breadcrumbs {
font-family: "Roboto", "Helvetica Neue", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraginoKakuGothic Pro", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "MS Gothic", sans-serif;
    margin-bottom: 1em;
}
body.archive .breadcrumbs {
    max-width: 1336px;
    margin: 0 auto 2em;
}
.breadcrumbs a:hover {
    color: #f62800;
    -webkit-box-shadow: inset 0 0 0 rgba(246, 40, 0, 0), 0 3px 0 rgba(246, 40, 0, 1);
    box-shadow: inset 0 0 0 rgba(246, 40, 0, 0), 0 3px 0 rgba(246, 40, 0, 1);
}
.wrap:after {
	clear: both;
	content: "";
	display: block;
}

.close-breadcrumbs {
    max-width: 1336px;
    margin: 2em auto 0;
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/

#masthead .wrap {
	position: relative;
}

.site-header {
	background-color: #fff;
	position: relative;
        border-top: 6px solid #040544;
    -webkit-box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    box-shadow: 0 1px 4px 0 rgba(0,0,0,.2);
    box-sizing: border-box;
    overflow: hidden;
}

/* Site branding */

.site-branding {
	/*padding: 1em 0;*/
	position: relative;
	-webkit-transition: margin-bottom 0.2s;
	transition: margin-bottom 0.2s;
	z-index: 3;
        background-color: #fff;
}
.sp_logo {
   display: none;
}
.site-branding a {
	text-decoration: none;
	-webkit-transition: opacity 0.2s;
	transition: opacity 0.2s;
}

.site-branding a:hover,
.site-branding a:focus {
	opacity: 0.7;
}

.site-title {
	clear: none;
	font-size: 24px;
	font-size: 1.5rem;
	font-weight: 800;
	line-height: 1.25;
	letter-spacing: 0.08em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
}

.site-title,
.site-title a {
	color: #222;
	opacity: 1; /* Prevent opacity from changing during selective refreshes in the customize preview */
}

body.has-header-image .site-title,
body.has-header-video .site-title,
body.has-header-image .site-title a,
body.has-header-video .site-title a {
	color: #fff;
}

.site-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	margin-bottom: 0;
}

body.has-header-image .site-description,
body.has-header-video .site-description {
	color: #fff;
	opacity: 0.8;
}

.custom-logo-link {
	display: inline-block;
	padding-right: 1em;
	vertical-align: middle;
	width: auto;
}

.custom-logo-link img {
	display: inline-block;
	max-height: 80px;
	width: auto;
}

body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
	max-height: 200px;
	max-width: 100%;
}

.custom-logo-link a:hover,
.custom-logo-link a:focus {
	opacity: 0.9;
}

body:not(.title-tagline-hidden) .site-branding-text {
	display: inline-block;
	vertical-align: middle;
}

.custom-header {
	position: relative;
}

.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
	display: table;
	height: 300px;
	height: 75vh;
	width: 100%;
}

.custom-header-media {
	bottom: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}

.custom-header-media:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+75 */
	background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 75%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
	bottom: 0;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	right: 0;
	z-index: 2;
}

.has-header-image .custom-header-media img,
.has-header-video .custom-header-media video,
.has-header-video .custom-header-media iframe {
	position: fixed;
	height: auto;
	left: 50%;
	max-width: 1000%;
	min-height: 100%;
	min-width: 100%;
	min-width: 100vw; /* vw prevents 1px gap on left that 100% has */
	width: auto;
	top: 50%;
	padding-bottom: 1px; /* Prevent header from extending beyond the footer */
	-ms-transform: translateX(-50%) translateY(-50%);
	-moz-transform: translateX(-50%) translateY(-50%);
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
}

.wp-custom-header .wp-custom-header-video-button { /* Specificity prevents .color-dark button overrides */
	background-color: rgba(34, 34, 34, 0.5);
	border: 1px solid rgba(255, 255, 255, 0.6);
	color: rgba(255, 255, 255, 0.6);
	height: 45px;
	overflow: hidden;
	padding: 0;
	position: fixed;
	right: 30px;
	top: 30px;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: 45px;
}

.wp-custom-header .wp-custom-header-video-button:hover,
.wp-custom-header .wp-custom-header-video-button:focus { /* Specificity prevents .color-dark button overrides */
	border-color: rgba(255, 255, 255, 0.8);
	background-color: rgba(34, 34, 34, 0.8);
	color: #fff;
}

.admin-bar .wp-custom-header-video-button {
	top: 62px;
}

.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
	bottom: 0;
	position: absolute;
	top: auto;
	-ms-transform: translateX(-50%) translateY(0);
	-moz-transform: translateX(-50%) translateY(0);
	-webkit-transform: translateX(-50%) translateY(0);
	transform: translateX(-50%) translateY(0);
}

/* For browsers that support 'object-fit' */
@supports ( object-fit: cover ) {
	.has-header-image .custom-header-media img,
	.has-header-video .custom-header-media video,
	.has-header-video .custom-header-media iframe,
	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
		height: 100%;
		left: 0;
		-o-object-fit: cover;
		object-fit: cover;
		top: 0;
		-ms-transform: none;
		-moz-transform: none;
		-webkit-transform: none;
		transform: none;
		width: 100%;
	}
}

/* Hides div in Customizer preview when header images or videos change. */

body:not(.has-header-image):not(.has-header-video) .custom-header-media {
	display: none;
}

.has-header-image.twentyseventeen-front-page .site-branding,
.has-header-video.twentyseventeen-front-page .site-branding,
.has-header-image.home.blog .site-branding,
.has-header-video.home.blog .site-branding {
	display: table-cell;
	height: 100%;
	vertical-align: bottom;
}
.logo_area {
    text-align: center;
    padding: 0.5em 0 0.5em 1em;
    z-index: 100;
}
.logo_area h1 {
    margin-bottom: 0;
    margin-top: 0;
}
.custom-header {
    position: relative;
}
	.site-navigation-fixed.navigation-top,
        #masthead.fixed {
		bottom: auto;
		position: fixed;
		left: 0;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 7;
	}
/*--------------------------------------------------------------
13.2 Front Page
--------------------------------------------------------------*/

.twentyseventeen-front-page .site-content {
	padding: 0;
}

.twentyseventeen-panel {
	overflow: hidden;
	position: relative;
}

.panel-image {
	background-position: center center;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}

.panel-image:before {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.3+100 */ /* FF3.6-15 */
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.3)));
	background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
	background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00000000", endColorstr="#4d000000", GradientType=0); /* IE6-9 */
	bottom: 0;
	content: "";
	left: 0;
	right: 0;
	position: absolute;
	top: 100px;
}

.twentyseventeen-front-page article:not(.has-post-thumbnail):not(:first-child) {
	border-top: 1px solid #ddd;
}

.panel-content {
	position: relative;
}

.panel-content .wrap {
	padding-bottom: 0.5em;
	padding-top: 1.75em;
}

/* Panel edit link */

.twentyseventeen-panel .edit-link {
	display: block;
	margin: 0.3em 0 0;
}

.twentyseventeen-panel .entry-header .edit-link {
	font-size: 14px;
	font-size: 0.875rem;
}

/* Front Page - Recent Posts */

.twentyseventeen-front-page .panel-content .recent-posts article {
	border: 0;
	color: #333;
	margin-bottom: 3em;
}

.recent-posts .entry-header {
	margin-bottom: 1.2em;
}

.page .panel-content .recent-posts .entry-title {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	letter-spacing: 0;
	text-transform: none;
}

.twentyseventeen-panel .recent-posts .entry-header .edit-link {
	color: #222;
	display: inline-block;
	font-size: 11px;
	font-size: 0.6875rem;
	margin-left: 1em;
}
/* TOP PAGE */
/* ここから */
.photo_area {
    text-align: center;
    background: url('../../../img/bg_2024.jpg') top center no-repeat;
    min-height: 739px;
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-align: center; /*IE10*/
    -webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
    -webkit-align-items: center; /* Safari6.1以降 */
    align-items:center;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:center;/*--- safari（PC）用 ---*/
    justify-content: center;
}
.site-btn-area {
    margin: 2em 0;
}
.site-btn {
    width: 50%;
    margin: 3em auto 0;
    background-color: #F23535;
    color: #fff;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    border-radius: 10px;
    box-shadow: 8px 8px #9E3232;
    border: 4px solid #9E3232;
    transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
}
.site-btn:hover {
	box-shadow: 3px 3px 0 #9E3232;
	transform: translateY(3px);
}
.site-btn a {
    font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "HiraginoKakuGothic Pro", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "MS Gothic", sans-serif;
    display: block;
    font-size: 2em;
    letter-spacing: 0.1em;
    color: #fff;
}
/* ここまで */
.photo_area img {
    vertical-align: bottom;
}
.text_area {
    max-width: 980px;
    margin: 0 auto;
}
.text_area h2 {
    background-color: #07080D;
    line-height: 1.8em;
    padding: 0.5em;
    font-size: 16px;
    font-size: 1.8rem;
    color: #fff;
    font-family: "arial";
    letter-spacing: 0.1em;
}
.text_area h2 span {
    font-size: 20px;
    font-size: 2.8rem;
}
.event-area {
    margin-top: 6em;
}
.event-title-area h2 {
    font-size: 2em;
    color: #000;
    letter-spacing: 0.3em;
    text-align: center;
    position: relative;
}
.event-title-area h2:before {
    content: "";
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 120px;
    height: 5px;
    left: 48%;
    -moz-transform: translateX(-48%);
    -webkit-transform: translateX(-48%);
    -ms-transform: translateX(-48%);
    transform: translateX(-48%);
    background-color: #f62800;
}
.event-box {
    margin-top: 4em;
}
.event-box ul {
    list-style: none;
    padding-left: 0;
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    /*-webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;*/
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-around;
    justify-content:space-around;
}
.event-box ul li {
    box-sizing: border-box;
    width: 370px;
    padding: 1em;
    margin-bottom: 2em;
    border-radius: 5px;
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.075);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.075);
}
.event-box ul li img {
    margin: 0 auto 1em;
    display: block;
}
p.news-date {
    font-family: "Century";
    margin-bottom: 0.5em;
    font-size: 1.2em;
}
span.event-post-title {
    font-size: 1.2em;
    font-weight: bold;
position: relative;
line-height: 1.6;
padding:0.25em 1em;
display: inline-block;
}
span.event-post-title:before,
span.event-post-title:after {
  content: "";
width: 20px;
height: 30px;
position: absolute;
display: inline-block;
}
span.event-post-title:before {
  border-left: solid 2px #f62800;
  border-top: solid 2px #f62800;
  top:0;
  left: 0;
}
span.event-post-title:after {
  border-right: solid 2px #f62800;
  border-bottom: solid 2px #f62800;
  bottom:0;
  right: 0;
}
.event-more {
      text-align: center;
}
.event-more a,
.link_btn a {
    background-color: #c0e0de;
    padding: 0.3em 2em;
    display: block;
    border-radius: 5px;
    font-size: 1.5em;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    box-sizing: border-box;
    -webkit-transition: 600ms;
            transition: 600ms;
    border: 1px solid #c0e0de;
}
.event-more a i,
.link_btn a i {
    margin-left: 0.3em;
}
.event-more a:hover,
.link_btn a:hover {
    background: #fff;
    color: #c0e0de;
    box-shadow: none;
    -webkit-box-shadow: none;
    box-sizing: border-box;
    border: 1px solid #c0e0de;
}
.facebook-area {
    margin-top: 3em;
}
.fb_iframe_widget {
    text-align: center;
    display: block !important;
}
.link_btn ul {
    list-style: none;
}
.link_btn ul li {
    margin-bottom: 2em;
}
dl.history dt,
ul.history-txt li {
    font-size: 1.2em;
    background-color: #CDDBE7;
    padding: 0.3em 0 0.3em 1em;
    margin-bottom: 1em;
    border-radius: 10px;
}
dl.history dd {
    font-size: 1.2em;
    padding-bottom: 0.5em;
    border-bottom: 1px dashed #ccc;
}
ul.history-txt {
    list-style: none;
    padding-left: 0;
}
ul.history-txt li {
    font-weight: bold;
    margin-bottom: 2em;
}

ul.poster-list {
    list-style: none;
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    padding-left: 0;
}
ul.poster-list li {
    margin-right: 0.5em;
    margin-left: 0.5em;
}
ul.poster-list li figure {
    text-align: center;
}
.link-banner-area {
    margin: 3em auto 0;
    max-width: 1200px;
}
.link-banner-area ul {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    list-style: none;
    padding-left: 0;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:center;/*--- safari（PC）用 ---*/
    justify-content:center;
    margin: 0;
}

.link-banner-area ul li,
.syuten-btn {
    /*min-height: 120px;*/
    min-height: 100px;
    max-width: 550px;
    width: 100%;
    display: block;
    color: #040543;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    border-radius: 10px;
    box-shadow: 0 8px #040543;
    border: 4px solid #040543;
    transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
} 
/* ボタンclose時 */
.link-banner-area ul li.event-btn-close {
    min-height: 120px;
    max-width: 550px;
    width: 100%;
    display: block;
    background-color: #e6e6e6;
    border: 4px solid #040543;
    box-shadow: 0 8px #ccc;
    border: 4px solid #ccc;
    transition: none;
    color: #999;
    padding: 1em;
}
.link-banner-area ul li.event-btn-close .btn-titla {
    display: block;
    font-size: 1.3em;
    border-bottom: 2px dashed;
    padding: 0.3em 0 0 0;
}
.link-banner-area ul li.event-btn-close .number {
    font-size: 1.3em;
}
.link-banner-area ul li.event-btn-close:hover {
    transform: none;
    box-shadow: 0 8px #ccc;
}
.link-banner-area ul li a span.start {
    margin-top: 0.5em;
    display: block;
}
.link-banner-area ul li {
    /*max-width: 800px;*/
    max-width: 560px;
}
.syuten-btn {
    padding: 0 1em;
}
.link-banner-area ul li.syuten-btn {
    margin-right: 3em;
}
.link-banner-area ul li.syuten-btn {
    background-color: #FDE12D;
}
.link-banner-area ul li:hover,
.syuten-btn:hover {
	box-shadow: 0 3px 0 #040543;
	transform: translateY(3px);
}
.link-banner-area ul li.event-btn,
.syuten-btn {
    background-color: #FDE12D;
}
.link-banner-area ul li a,
.syuten-btn a {
    display: block;
    padding: 0.5em;
    box-shadow: none;
}
.syuten-btn a:hover {
    box-shadow: none;
}
.link-banner-area ul li a span.btn-titla,
.syuten-btn a span.btn-titla,
.syuten-btn span.btn-titla {
    display: block;
    font-size: 1.5em;
    border-bottom: 2px dashed;
}
ul.all-btn .syuten-btn span.btn-titla {
    font-size: 1.3em;
}
.event-btn span.btn-titla,
.syuten-btn span.btn-titla {
    padding: 0.3em 0 0 0;
}
.link-banner-area ul li a span.number,
.syuten-btn a span.number,
.syuten-btn span.number {
    font-size: 1.6em;
    margin: 0 0.2em;
}
.link-banner-area ul li.ad-btn {
    background: #4c6085;
}
.link-banner-area ul li.ad-btn a {
    font-size: 1.8rem;
    padding: 0;
    color: #fff;
    height: 100%;
    width: 100%;
    padding-top: 0.8em;
    letter-spacing: 0.1em;
}


.zone-area {
    margin: 3em 0;
    text-align: center;
    position: relative;
}
.zone-area h2 {
    color: #040544;
    text-align: center;
    font-size: 2.8em;
    margin-bottom: 0;
    letter-spacing: 0.1em;
}
.zone-area h3 {
    letter-spacing: 0.1em;
    font-weight: 100;
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-align: center; 
    -webkit-box-align: center; 
    -webkit-align-items: center; 
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:center;
    justify-content:center;
    color: #F62800;
    margin: 0;
    padding: 0.5em 0 0 0;
    font-size: 1.8em;
}
.zone-area h3:before,
.zone-area h3:after {
    content: "";
    width: 55px;
    height: 2px;
    background-color: #F62800;   
}
.zone-area h3:before {
    margin-right: 20px
}
.zone-area h3:after {
    margin-left: 20px;
}
.zone-area ul {
    list-style: none;
    padding-left: 0;
}
.zone-area ul li {
     position: absolute;
}
.zone-area ul li.pin01 {
    bottom: 9%;
    right: 36%;
}
.zone-area ul li.pin01.active {
	-webkit-animation: slide-in-bottom 2.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bottom 2.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.zone-area ul li.pin02 {
    bottom: 26%;
    right: 22%;
}
.zone-area ul li.pin02.active {
	-webkit-animation: slide-in-bottom 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bottom 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.zone-area ul li.pin03 {
    bottom: 42%;
    right: 8%;

}
.zone-area ul li.pin03.active {
	-webkit-animation: slide-in-bottom 4.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bottom 4.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.zone-area ul li.pin04 {
    bottom: 30%;
    left: 27%;
}
.zone-area ul li.pin04.active {
	-webkit-animation: slide-in-bottom 4.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bottom 4.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.zone-area ul li.pin05 {
    bottom: 47%;
    left: 43%;
}
.zone-area ul li.pin05.active {
	-webkit-animation: slide-in-bottom 3.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bottom 3.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.zone-area ul li.pin06 {
    top: 14%;
    right: 26%;
}
.zone-area ul li.pin06.active {
	-webkit-animation: slide-in-bottom 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bottom 3s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.zone-area ul li.pin07 {
    top: 26%;
    left: 10%;
}
.zone-area ul li.pin07.active {
	-webkit-animation: slide-in-bottom 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bottom 2.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.zone-area ul li.pin08 {
    top: 5%;
    left: 23%;
}
.zone-area ul li.pin08.active {
	-webkit-animation: slide-in-bottom 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
	        animation: slide-in-bottom 2s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
@-webkit-keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-in-bottom {
  0% {
    -webkit-transform: translateY(1000px);
            transform: translateY(1000px);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
    opacity: 1;
  }
}
.sp-map {
    display: none;
}



.link-area ul {
    list-style: none;
    font-size: 1.2em;
}
.link-area ul li {
    margin-bottom: 0.8em;
    padding-bottom: 0.8em;
    border-bottom: 2px dashed #ccc;
}
.link-area ul li a {
    font-weight: bold;
    text-decoration: underline;
    border-left: 7px solid #F62800;
    padding: 0 0 0 0.5em;
}
.link-area ul li a:hover {
    text-decoration: none;
}
.session-area {
    margin: 0 auto;
}
.session-area h2 {
    text-align: center;
    font-size: 2.3rem;
    letter-spacing: 0.1em;
    color: #040544;  
    position: relative;
    margin-bottom: 0;
}
.session-area h2:before,
.session-area h2:after {
  content: "";
  position: absolute;
  top: 50%;
  width: 50%;
  height: 2px;
  background-color: #040544;
}
.session-area h2:before {
  left:0;
}
.session-area h2:after {
  right: 0;
    z-index: 0;
}
.session-area h2 span {
  position: relative;
  padding: 0 1em;
  background: #fff;
    z-index: 10;
}
.session-area h2 span.whet {
    display: block;
    font-size: 1.3rem;
}
.session-area p {
    text-align: center;
    font-weight: bold;
    font-size: 1.3rem;
    margin: 0;
    color: #F62800;
}
.session-area h3 {
    text-align: center;
    font-size: 1.2rem;
    color: #040544;
    padding-bottom: 0;
    margin-bottom: 0;
}
.session-area h3 span {
    font-size: 5rem;
    margin: 0 0.1em;
}
.session-area h3 span.session {
    background-color: #040544;
    padding: 0.3em;
    color: #fff;
    font-size: 1.2rem;
    margin-right: 0.5em;
    vertical-align: super;
    width: 150px;
    display: inline-block;
}
.session-area h3.intensive {
    color: #F62800;
}
.session-area h3.intensive span.session {
    background-color: #F62800;
}

/* ここから */
.session-area h2.band {
    background-color: #FDE12D;
    margin: 1em 0;
    color: #F62800;
    font-size: 2.5rem;
}
.session-area h2.band:before,
.session-area h2.band:after {
    content: none;
}
.pickup-event {
    background-color: #ebebf0;
    padding: 2em 1em;
    margin-top: 2em;
}
.pickup-event-wrap {
    max-width: 1200px;
    margin: 0 auto;
}
.pickup-event-wrap h2 {
    color: #040544;
    text-align: center;
    font-size: 2.3rem;
    letter-spacing: 0.1em;
}
.pickup-event-wrap ul {
    list-style: none;
    font-size: 1.2em;
    background-color: #fff;
    padding: 1em;
    border-radius: 10px;
}
.pickup-event-wrap ul li {
    margin-bottom: 0.8em;
    padding-bottom: 0.8em;
    border-bottom: 2px dashed #ccc;
}
.pickup-event-wrap ul li a {
    font-weight: bold;
    text-decoration: underline;
    border-left: 7px solid #F62800;
    padding: 0 0 0 0.5em;
}
.entry-content ul.ticket-list {
    margin: 1em 0;
}
.entry-content ul.ticket-list li {
    margin-bottom: 1em;
    border-bottom: 1px solid #ccc;
    padding-bottom: 1em;
}
.entry-content ul.ticket-list li p {
    margin: 0;
}
.entry-content p.ticket-txt {
    margin-top: 2em;
    border: 2px solid #f52800;
    padding: 1em;
    font-weight: bold;
    font-size: 1.3rem;
}
body.page-id-3108 ol li {
    font-size: 1.2rem;
}

/*--------------------------------------------------------------
13.3 Regular Content
--------------------------------------------------------------*/

.site-content-contain {
	background-color: #fff;
	position: relative;
    margin-top: 3px;
}
@media screen and (-ms-high-contrast: active), screen and (-ms-high-contrast: none) {  
    .site-content-contain {overflow: hidden;}
}

.entry-content {
	padding: 2.5em 0 3em;
    max-width: 1336px;
    margin: 0 auto;
}

/*--------------------------------------------------------------
13.4 Posts
--------------------------------------------------------------*/

/* Post Landing Page */

.sticky {
	position: relative;
}

.post:not(.sticky) .icon-thumb-tack {
	display: none;
}

.sticky .icon-thumb-tack {
	display: block;
	height: 18px;
	left: -1.5em;
	position: absolute;
	top: 1.65em;
	width: 20px;
}

.page .panel-content .entry-title,
.page-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
	color: #222;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	letter-spacing: 0.14em;
	text-transform: uppercase;
}

.entry-header .entry-title {
	margin-bottom: 2em;
}

.entry-title a {
	color: #333;
	text-decoration: none;
	margin-left: -2px;
}

.entry-title:not(:first-child) {
	padding-top: 0;
}

.entry-meta {
	color: #767676;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-bottom: 0.25em;
	text-transform: uppercase;
}

.entry-meta a {
	color: #767676;
}

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

.single .byline,
.group-blog .byline {
	display: inline;
}

.pagination,
.comments-pagination {
	border-top: 1px solid #eee;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
	text-align: center;
}

.pagination .icon,
.comments-pagination .icon {
	width: 0.666666666em;
	height: 0.666666666em;
}

.comments-pagination {
	border: 0;
}

.page-numbers {
	display: none;
	padding: 0.5em 0.75em;
}

.page-numbers.current {
	color: #767676;
	display: inline-block;
}

.page-numbers.current .screen-reader-text {
	clip: auto;
	height: auto;
	overflow: auto;
	position: relative !important;
	width: auto;
}

.prev.page-numbers,
.next.page-numbers {
	background-color: #ddd;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	display: inline-block;
	font-size: 24px;
	font-size: 1.5rem;
	line-height: 1;
	padding: 0.25em 0.5em 0.4em;
}

.prev.page-numbers,
.next.page-numbers {
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.prev.page-numbers:focus,
.prev.page-numbers:hover,
.next.page-numbers:focus,
.next.page-numbers:hover {
	background-color: #767676;
	color: #fff;
}

.prev.page-numbers {
	float: left;
}

.next.page-numbers {
	float: right;
}

/* Aligned blockquotes */

.entry-content blockquote.alignleft,
.entry-content blockquote.alignright {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	width: 48%;
}

/* Blog landing, search, archives */

.blog .site-main > article,
.archive .site-main > article,
.search .site-main > article {
	/*padding-bottom: 2em;*/
}

body:not(.twentyseventeen-front-page) .entry-header,
.page-header {
	/*padding: 1em 0;*/
}

body:not(.twentyseventeen-front-page) .entry-header,
body:not(.twentyseventeen-front-page) .entry-content,
body:not(.twentyseventeen-front-page) #comments,
.page-header {
	margin-left: auto;
	margin-right: auto;
}
body:not(.twentyseventeen-front-page) .entry-header,
.page-header {
        background-color: #040544;
}
body:not(.twentyseventeen-front-page) .entry-header {
	padding: 2.5em 0 3em;
}
body.search-results .entry-header,
body.search-results .page-header {
     background-color: transparent;
}
body.search-results .site-content {
    max-width: 1200px;
    margin: 2em auto;
}

.blog .entry-meta a.post-edit-link,
.archive .entry-meta a.post-edit-link,
.search .entry-meta a.post-edit-link {
	color: #222;
	display: inline-block;
	margin-left: 1em;
	white-space: nowrap;
}

.search .page .entry-meta a.post-edit-link {
	margin-left: 0;
	white-space: nowrap;
}

.taxonomy-description {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
}

/* More tag */

.entry-content .more-link:before {
	content: "";
	display: block;
	margin-top: 1.5em;
}

/* Single Post */

.single-post:not(.has-sidebar) #primary,
.page.page-one-column:not(.twentyseventeen-front-page) #primary,
.archive.page-one-column:not(.has-sidebar) .page-header,
.archive.page-one-column:not(.has-sidebar) #primary {
	margin-left: auto;
	margin-right: auto;
	/*max-width: 740px;*/
}

.single-featured-image-header {
	background-color: #fafafa;
	border-bottom: 1px solid #eee;
}

.single-featured-image-header img {
	display: block;
	margin: auto;
}

.page-links {
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	padding: 2em 0 3em;
}

.page-links .page-number {
	color: #767676;
	display: inline-block;
	padding: 0.5em 1em;
}

.page-links a {
	display: inline-block;
}

.page-links a .page-number {
	color: #222;
}

/* Entry footer */

.entry-footer {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
	margin-top: 2em;
	padding: 2em 0;
}

.entry-footer .cat-links,
.entry-footer .tags-links {
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	padding-left: 2.5em;
	position: relative;
	text-transform: uppercase;
}

.entry-footer .cat-links + .tags-links {
	margin-top: 1em;
}

.entry-footer .cat-links a,
.entry-footer .tags-links a {
	color: #333;
}

.entry-footer .cat-links .icon,
.entry-footer .tags-links .icon {
	color: #767676;
	left: 0;
	margin-right: 0.5em;
	position: absolute;
	top: 2px;
}

.entry-footer .edit-link {
	display: inline-block;
}

.entry-footer .edit-link a.post-edit-link {
	background-color: #222;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	display: inline-block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 800;
	margin-top: 2em;
	padding: 0.7em 2em;
	-webkit-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
	white-space: nowrap;
}

.entry-footer .edit-link a.post-edit-link:hover,
.entry-footer .edit-link a.post-edit-link:focus {
	background-color: #767676;
}

/* Post Formats */

.blog .format-status .entry-title,
.archive .format-status .entry-title,
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {
	display: none;
}

.format-quote blockquote {
	color: #333;
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 300;
	overflow: visible;
	position: relative;
}

.format-quote blockquote .icon {
	display: block;
	height: 20px;
	left: -1.25em;
	position: absolute;
	top: 0.4em;
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1);
	width: 20px;
}

/* Post Navigation */

.post-navigation {
	font-weight: 800;
	margin: 3em 0;
}

.post-navigation .nav-links {
	padding: 1em 0;
}

.nav-subtitle {
	background: transparent;
	color: #767676;
	display: block;
	font-size: 11px;
	font-size: 0.6875rem;
	letter-spacing: 0.1818em;
	margin-bottom: 1em;
	text-transform: uppercase;
}

.nav-title {
	color: #333;
	font-size: 15px;
	font-size: 0.9375rem;
}

.post-navigation .nav-next {
	margin-top: 1.5em;
}

.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
	margin-right: 0.5em;
}

.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
	margin-left: 0.5em;
}
body.page:not(.archive) h2.entry-title,
body.archive .page-header a,
h2.category-title,
.entry-header .entry-title {
    color: #fff;
    padding-bottom: 0.5em;
    text-align: center;
    position: relative;
    margin-bottom: 0;
}
body.archive .page-header a {
    display: block;
    font-size: 26px;
    font-size: 1.625rem;
    font-weight: 800;
    letter-spacing: 0.14em;
}
body.page:not(.archive) h2.entry-title:before,
body.archive .page-header a:before,
h2.category-title:before,
.entry-header .entry-title:before {
    content: "";
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 200px;
    height: 5px;
    left: 50%;
    -moz-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #fff;
}

.entry-content h3 {
    color: #f62800;
    position: relative;
    line-height: 1.8;
    padding:0.25em 1em;
    display: inline-block;
    top:0;
    margin-top: 2em;
}
.entry-content h3.noFrame {
	padding:0.25em 0;
}
.entry-content p.satellite {
    color: #040544;
    position: relative;
    padding:0.25em 1em;
    display: inline-block;
    top:0;
    font-weight: bold;
}
.entry-content h3.campany-details-title {
    margin-top: 0;
}
.entry-content h3:not(.noFrame):before,
.entry-content h3:not(.noFrame):after {
    position: absolute;
    top: 0;
    content:"";
    width: 8px;
    height: 100%;
    display: inline-block;
}
.entry-content h3:not(.noFrame):before {
    border-left: solid 3px #f62800;
    border-top: solid 3px #f62800;
    border-bottom: solid 3px #f62800;
    left: 0;
}
.entry-content h3:not(.noFrame):after {
    content: "";
    border-top: solid 3px #f62800;
    border-right: solid 3px #f62800;
    border-bottom: solid 3px #f62800;
    right: 0;
}
.entry-content p.satellite:before,
.entry-content p.satellite:after {
    position: absolute;
    top: 0;
    content:"";
    width: 8px;
    height: 100%;
    display: inline-block;
}
.entry-content p.satellite:before {
    border-left: solid 3px #040544;
    border-top: solid 3px #040544;
    border-bottom: solid 3px #040544;
    left: 0;
}
.entry-content p.satellite:after {
    content: "";
    border-top: solid 3px #040544;
    border-right: solid 3px #040544;
    border-bottom: solid 3px #040544;
    right: 0;
}
.entry-content p.about-day {
    font-size: 2rem;
    color: #040544;
    font-weight: bold;
    border-bottom: 1px dashed #ccc;
}
.entry-content p.about-term {
    font-size: 2rem;
    color: #f62800;
    font-weight: bold;
}
.entry-content p.about-term span {
    background-color: #f62800;
    color: #fff;
    padding: 0 0.3em;
}
.entry-content h4 {
    color: #040544;
    border-left: 4px solid;
    padding-top: 0;
    padding: 0.3em 0 0.3em 0.5em;
    margin-top: 2em;
    border-bottom: 1px dashed;
}
.entry-content h4.period {
    margin-top: 1em;
}
body.page-id-32 .entry-content h4 {
    margin: 3em 0 1em;
}
.entry-content h5 {
    padding: 0.5em;
    color: #fff;
    background-color: #4c6085;
    letter-spacing: 0;
    /*display: inline-block;*/
    margin-top: 2em;
}
.entry-content h5 span {
    background-color: #fff;
    border-radius: 10px;
    margin-right: 0.5em;
    color: #4c6085;
    padding: 0.2em 0.5em;
}
.entry-content h5.period {
    margin-top: 1em;
}
ul li,
ol li {
    margin-bottom: 1em;
    margin-top: 0.5em;
}
.entry-content .theme {
    text-align: center;
}
.entry-content .theme p {
    font-size: 1.8em;
    font-weight: bold;
    color: #040544;
    padding:0.25em 1em;
    display: block;
    border: 2px solid;
}

[class^="wp-block-"]:not(.wp-block-gallery) figcaption {
    text-align: center !important;
    font-size: 16px;
}
/*--------------------------------------------------------------
13.5 Pages
--------------------------------------------------------------*/

.page-header {
	padding-bottom: 2em;
}

.page .entry-header .edit-link {
	font-size: 14px;
	font-size: 0.875rem;
}

.search .page .entry-header .edit-link {
	font-size: 11px;
	font-size: 0.6875rem;
}

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

.page:not(.home) #content {
	padding-bottom: 1.5em;
}

/* 404 page */

.error404 .page-content {
	padding-bottom: 4em;
}

.error404 .page-content .search-form,
.search .page-content .search-form {
	margin-bottom: 3em;
}

/* 出展ご検討の方へ */
.frame {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;    
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
}
.frame_box {
    border: 2px solid #4c6085;
    max-width: 550px;
    width: 100%;
    margin-bottom: 2em;
}
.frame_box h5 {
    display: block;
    margin-top: 0; 
}
h5.event-title {
    font-size: 1.2em;
    background-color: #CDDBE7;
    padding: 0.3em 0 0.3em 1em;
    margin-bottom: 1em;
    border-radius: 10px;
    color: #1a1a1a;
}
ul.fixtures li {
    border-bottom: 1px dashed #bfc0c0;
}
ul.fixtures li p {
    display: inline-block;
}
ul.fixtures li p.list_head {
    font-weight: bold;
    width: 150px;
    padding: 0;
}
.entry-content p {
    padding: 0 1em;
    font-size: 1.2rem;
    margin: 0.5em 0;
}
.entry-content p.has-small-font-size {
    font-size: 1rem;
}
.entry-content p.price {
    background: #F9DC5C;
    display: inline-block;
    margin: 0.5em 0 0.5em 0.5em;
    font-size: 1.5rem;
}
.entry-content p.price span.price-label {
    background-color: #000;
    color: #fff;
    font-size: 1.2rem;
    vertical-align: middle;
    display: inline-block;
    margin-right: 0.3em;
    font-weight: bold;
    padding: 0 0.5em;
}
.entry-content p.price strong {
    font-size: 2.3rem;
    vertical-align: middle;
}
.entry-content p.price span.tax {
    font-size: 1rem;
    vertical-align: sub;
}
body.page-id-2 .entry-content h4 span {
    font-size: 1.2rem;
    font-weight: normal;
    color: #1A1A1A;
}
.wp-block-group.terms-box {
    margin: 1.5em 0;
    border: 1px solid #999;
    padding: 0.5em;
}
.terms-box ul {
    margin-bottom: 0;
}
body.page-id-2 .entry-content ul li {
    /*font-size: 1rem;
    margin-bottom: 0.5em;*/
}
body.page-id-2 .entry-content ul.event-list-item li,
body.page-id-2 .entry-content ul.date-list li {
    font-size: 1.2rem;
}
body.page-id-2 .entry-content ul.date-list li {
    margin-right: 0;
}

.wp-block-buttons .is-style-fill {

}
.wp-block-buttons .is-style-fill a {
    font-size: 1.2rem;
    margin-top: 0;
    -webkit-transition: 600ms;
            transition: 600ms;
    background-color: #040544;
    border: 1px solid #040544;
}
.wp-block-buttons .is-style-fill a:hover {
    border: 1px solid #040544;
    background: #fff;
    color: #040544;
}
.wp-block-group {
    margin: 3em 0;
}



/* 徳島ニュービジネス支援賞2018 */
ul.award {
    list-style: none;
}
ul.award li img,
ul.award li p {
    display: inline-block;
    vertical-align: top;
}
ul.award li img {
    margin-right: 1em;
}
ul.award li p {
    padding: 0;
}
table.set_list {
    border-top: 1px solid #4f4d47;
    border-right: 1px solid #4f4d47;
    border-spacing: 0;
    width: 100%; 
}
table.set_list th, 
table.set_list td {
    border-bottom: 1px solid #4f4d47;
    border-left: 1px solid #4f4d47;
    text-align: center;
    padding: 5px;
    font-size: 0.9em;
}
table.set_list th.detail,
table.set_list td.detail { 
    padding: 10px;
    text-align: left;
}
table.set_list th {
    width: 25%;
}
table.set_list span {
    font-weight: bold;
    font-size: 1.1em;
}
table.set_list td i {
    font-size: 1.5em;
    color: #040544;
}
/* 出展者一覧 */
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, 
#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
    font-family: "Roboto Slab", "Helvetica Neue", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraginoKakuGothic Pro", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "MS Gothic", sans-serif !important;
}
p.sponsorship {
    margin-bottom: 1em;
    border-bottom: 1px solid;
    font-weight: bold;
}
.info-box {
    box-shadow: 0 2px 3px 0 rgba(0,0,0,.075);
    -webkit-box-shadow: 0 2px 3px 0 rgba(0,0,0,.075);
    border-radius: 5px;
    border: 2px solid #f62800;
    padding: 1em;
    margin: 0 0 2em;
}
.info-box p span {
    font-size: 1.5rem;
    font-weight: bold;
}
.lecturer {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    margin: 3em 0 2em;
    border-bottom: 1px dashed #B3B3B3;
    padding-bottom: 3em;
}
.layout {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    -ms-flex-align: center; /*IE10*/
    -webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
    -webkit-align-items: center; /* Safari6.1以降 */
    align-items:center;
    margin: 1em 0 2em;
}
.layout-photo {
    margin-right: 1em;
}
.layout-txt {
    width: 50%;
}
.layout-txt p {
    font-weight: bold;
    /*border-bottom: 1px dashed #ccc;*/
    padding-bottom: 0.5em;
}
.lecturer-txt {
    flex: 0 1 80%;
    -webkit-flex: 0 1 80%;
    margin-left: 1em;
}
p.profile {
    font-size: 1.1rem;
    margin-bottom: 0;
}
table.patent {
  border: 1px solid #ccc;
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
}
table.patent tr {
  border: 1px solid #ddd;
  padding: .35em;
}
table.patent th,
table.patent td {
  padding: .625em;
}
ul li.nost {
    list-style: none;
}

.entry-content p.ribbon {
    display: block;
    position: relative;
    text-align: center;
    background: #FDE12D;
    color: #f62800;
    box-sizing: border-box;
    width: 275px;
    font-weight: bold;
    margin: 0 0 1.2em;
}
.entry-content p.ribbon:after {
    top: 0;
    right: 0;
    border-width: 17px 15px 20px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
    position: absolute;
    content: "";
    width: 0px;
    height: 0px;
    z-index: 1;
}



/* イベント・セミナーのご案内 */
body.page-id-597 .entry-content h4 {
    padding: 1em 0 1em 1em;
    border: none;
    background-color: #CDDBE7;
    border-radius: 10px;
}

ul.event-list li a:after {
	font-family: "FontAwesome" ;
	content: "\f138";
        margin-left: 0.5em;
}
ul.event-list li {
    font-weight: bold;
}
ul.event-list {
    margin-bottom: 4em;
}
.entry-content ul.date-list {
    text-align: center;
    padding-left: 0;
}
.entry-content ul.date-list li {
    font-size: 1.4rem;
    display: inline-block;
    font-weight: bold;
    margin-right: 2em;
    border: 1px solid #040544;
    padding: 1em;
    border-radius: 10px;
    background-color: #040544;
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    -webkit-transition: 600ms;
            transition: 600ms;
}
.entry-content ul.date-list li a {
    color: #fff;
}
.entry-content ul.date-list li a:hover {
    color: #040544;
}
.entry-content ul.date-list li:hover {
    border: 1px solid #040544;
    background: #fff;
    color: #040544;
}
ul.date-list li a:after {
	font-family: "FontAwesome" ;
	content: "\f13a";
        margin-left: 0.5em;
}
p.program-dl {
    font-size: 1.5rem;
    margin: 2em auto;
    font-weight: bold;
    max-width: 980px;
}
p.program-dl a {
    text-decoration: underline;
}
.event-seminer-title h2.entry-title {
    position: relative;
    padding: 1rem 1.5rem calc(1rem + 10px);
    border: 2px solid #000;
    background-color: #fff;
}
.event-seminer-title h2.entry-title:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: "";
    border-top: 2px solid #000;
    background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
body.single .breadcrumbs,
body.single .site-header {
    /*display: none;*/
}


/* アンケートフォーム */
.q_box {
    margin: 2em 0 3em;
}
div.wpcf7 {
    margin-top: 1em;
}

label span.red {
    font-size: 0.9em;
    margin-left: 0.5em;
    color: #f62800;
}
label.signature {
    margin-bottom: 2em;
}
p.q_title {
    margin-top: 2em;
}
span.q_number {
    font-size: 1.2em;
    margin-right: 0.3em;
}
span.wpcf7-list-item.has-free-text {
    width: 100%;
}
span.wpcf7-list-item.has-free-text label {
    display: inline-block;
}
input.wpcf7-free-text {
    display: inline-block;
    width: 60%;
}
p.number_title {
    margin-bottom: 1em;
}
p.number_title span {
    display: inline-block;
    width: 80px;
    margin: 0 0.5em;
}
form input[type="submit"].q_btn,
form input[type="submit"].q_submit {
    background-color: #f62800;
    font-size: 1.3em;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    border-radius: 10px;
    padding: 0.8em 2em;
}
form input[type="submit"].q_btn:hover,
form input[type="submit"].q_submit:hover {
  transform: translateY(-2px);
  box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
  filter: brightness(130%);
  color: #fff;
}
span.wpcf7-not-valid-tip {
    font-weight: bold;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
    border: 2px solid #f62800;
    font-size: 1.3em;
    font-weight: bold;
    padding: 1em;
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:#ccc;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:#ccc;
}
::placeholder{ /* Others */
 color:#ccc
}
.wpcf7c-conf {
    background-color: #e6e6e6;
}
form input[type="button"].q_back {
    background-color: #808080;
    font-size: 1.3em;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    border-radius: 10px;
    margin-right: 2em;
}
form input[type="button"].q_back:hover {
  transform: translateY(-2px);
  box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
  filter: brightness(130%);
  color: #fff;
}
div.wpcf7-mail-sent-ok {
    border: 2px solid #040543;
    font-size: 1.3em;
    font-weight: bold;
    padding: 1em;
}
div.wpcf7 input[type="radio"], 
div.wpcf7 input[type="checkbox"] {
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
span.wpcf7-list-item-label {
    cursor: pointer;
}

.date-edit {
  position: relative;
    width: 50%;
}

input[type="date"] {
  padding: 10px;
  text-align: center;
}

input[type="date"]:-webkit-inner-spin-button{
  -webkit-appearance: none;
}
input[type="date"]:-webkit-clear-button{
  -webkit-appearance: none;
}

input[type="date"]:-webkit-calendar-picker-indicator{
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  padding: 0;
  background: transparent;
  color: transparent;
  cursor: pointer;
  height: 50px;
  width: 180px;
}
@-moz-document url-prefix() { 
  input[type="time"]{
    clip-path: inset(0 25px 0 0);
    border: none;
    outline:none;
    outline:0;
  }

}


/* 出展手続き専用画面 */

body.page-id-1353 .site-header {
    border-top: none;
}

body.page-id-1353 .navigation-top {
    display: none;
}
body.page-id-1353 .logo_area {
    width: 100%;
}
.entry-content h3.schedule-title {
    color: #040544;
    display: block;
    padding: 0;
    font-size: 1.6em;
    margin: 0;
    letter-spacing: 0.1em;
    text-align: center;
}
.entry-content h3.schedule-title:before,
.entry-content h3.schedule-title:after {
    content: none;
}

.entry-content h4.deadline-title {
    border-left: none;
    margin-top: 0;
    border-bottom: none;
    color: #f62800;
    position: relative;
    line-height: 2;
    padding: 0.25em 1em;
    display: flex;
    justify-content: center;
    margin: 2em auto 0;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 1.6rem;
}
.entry-content h4.deadline-title:before,
.entry-content h4.deadline-title:after {
    content: "";
    width: 8px;
    height: 50px;
}
.entry-content h4.deadline-title:before {
    border-left: solid 3px #f62800;
    border-top: solid 3px #f62800;
    border-bottom: solid 3px #f62800;
    margin-right: 0.5em;
}
.entry-content h4.long-title {
    margin-top: 4em;
}
.entry-content h4.long-title:before {
    left: 35%;
}
.entry-content h4.deadline-title:after {
    border-top: solid 3px #f62800;
    border-right: solid 3px #f62800;
    border-bottom: solid 3px #f62800;
    margin-left: 0.5em;
}
.entry-content h4.long-title:after {
    right: 35%;
}
.timeline-box {
    background-color: #E1E1E9;
    padding: 1em;
}
.timeline {
    position: relative;
    overflow: auto;
}
.timeline:before {
  content: "";
  position: absolute;
  height: 100%;
  width: 5px;
  background: #040544;
  left: 0;
} 
.timeline h2 {
  background: #fff;
  max-width: 6em;
  margin: 0 auto 1em;
  text-align: center;
  position: relative;
  clear: both;
    color: #040544;
    padding: 0;
}
.timeline h2.start {

}                      
.timeline-box ul {
  list-style: none;
  padding: 0;
  z-index: 1;
    display: flex;
    justify-content: space-around;
}
.timeline-boxes ul {
    flex-wrap: wrap;
}
.timeline-box ul li {
    background: #fff;
    border-radius: 10px;
    padding: 1em;
    margin-bottom: 1em;
    position: relative;
    margin: 0 0.5em;
    display: flex;
    flex-direction: column;
}
.timeline-boxes ul li {
    margin-bottom: 2em;
}
.entry-content .timeline-box h5 {
    background-color: transparent;
    font-size: 1.1em;
    margin: 0 0 0.5em 0;
    padding: 0;
    color: #3891A6;
    border-bottom: 1px solid;
    padding-bottom: 0.3em;
    display: flex;
    align-items: center;
}
.entry-content .timeline-box h5 span {
    padding: 0;
    width: 82%;
    margin-right: 0;
    color: #3891A6;
}
.entry-content .timeline-box h5 i {
    background-color: #3891A6;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    line-height: 50px;
    font-size: 1.1em;
    margin-right: 0.3em;
}
.entry-content .timeline p {
    padding: 0;
}
.timeline h2.deadline-date {
    background: #f62800;
    color: #fff;
    font-size: 2em;
}
.entry-content .timeline-box p.apply-btn,
.continue-area p.apply-btn {
    background-color: #FDE12D;
    border: 4px solid #040543;
    transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
    box-shadow: 6px 6px #040543;
    border-radius: 10px;
    margin-bottom: 1em;
    margin-top: auto;
}
.entry-content .timeline-box p.apply-btn:hover,
.continue-area p.apply-btn:hover {
    box-shadow: 3px 3px 0 #040543;
    transform: translateY(3px);
}
.entry-content .timeline-box p.apply-btn a,
.entry-content .timeline-box p.close,
.continue-area p.apply-btn a {
    display: block;
    text-align: center;
    font-weight: bold;
    font-size: 1.1em;
    box-shadow: none;
}
.entry-content .timeline-box p.apply-btn a span,
.entry-content .timeline-box p.close span {
    display: block;
    border-top: 1px dashed;
}
.entry-content .timeline-box p.apply-btn a:hover,
.continue-area p.apply-btn a:hover {
    box-shadow: none;
}

.result-box {
    border: 3px solid #f62800;
    padding: 0.5em 1em;
}
.result-box p.result-detail {
    font-weight: bold;
    color: #f62800;
}
.confirm-btn {
    margin: 1em 0;
}
.confirm-btn a {
    background-color: #f62800;
    font-size: 1.3em;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    border-radius: 10px;
    display: block;
    text-align: center;
    color: #fff;
    font-weight: bold;
}
.confirm-btn a:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
    filter: brightness(130%);
    color: #fff;
}
.entry-content .timeline-box ul.period li {
    width: 100%;
    overflow: hidden;
    text-align: center;
    border-bottom: none;
}
.entry-content .timeline-box ul.period li h5 {
    border-bottom: none;
    margin: 0;
    padding-bottom: 0;
}
.entry-content .session-box {
    border: 1px solid #666;
    padding: 1em;
    margin-bottom: 1em;
}
.entry-content .session-box p {
    font-size: 1.4rem;
    margin-bottom: 0;
}

.attention-line {
    border: 2px dashed #f62800;
    padding: 1em;
    border-radius: 10px;
    background-color: #fef5f3;
    font-weight: bold;
    margin-bottom: 1em;
}
.entry-content .attention-line p.attention {
    margin-bottom: 0;
}
.timeline-boxes {
    margin-top: 1em;
}

.entry-content p.close-day {
    color: #fff;
    background-color: #f62800;
    font-weight: bold;
    text-align: center;
    font-size: 1.5rem;
}
.entry-content .timeline-box p.apply-btn a span.close-day-btn {
    color: #f62800;
    border-top: 1px dashed #040543;
}
.entry-content p span.mark {
    background: linear-gradient(transparent 70%, #FCEE21 70%);
    font-weight: bold;
}
.entry-content .timeline-box h5 span.num {
    font-size: 1.3em;
    vertical-align: middle;
}
ul li.prv-btn-area {
    background-color: #D7E9ED;
    border: 2px dashed #3891A6;
}
.entry-content .timeline-box ul li.prv-btn-area h5,
.entry-content .timeline-box ul li.prv-btn-area h5 span {

}
.entry-content .timeline-box ul li.prv-btn-area h5 span {
    background-color: transparent;
}
.entry-content .timeline-box ul li.prv-btn-area > ul {
    width: 100%;
    display: block;
}
.entry-content .timeline-box ul li.prv-btn-area > ul li {
    width: 100%;
    background-color: transparent;
    margin: 0.5em 0 0;
    padding: 0;
}

.entry-content p.red-c {
    margin: 0.5em 0;
    text-align: center;
    font-weight: bold;
}
.entry-content .timeline-box p.close {
    transition: none;
    background-color: #ccc;
    border: none;
    color: #B3B3B3;
    font-size: 1em;
}
.entry-content .timeline-box p.close:hover {
    box-shadow: none;
    transform: none;
}



@media screen and (min-width: 640px) {
.timeline:before {
    left: 50%;
}
.timeline-box ul {
    padding-left: 0;
    max-width: 1366px;
    margin: 0 auto;
}
.timeline-box ul li {
    width: 47%;
}
.entry-content .timeline-boxes ul li {
    margin-bottom: 2em;
}
}


/* 会社紹介動画ナレーション原稿 */
.entry-content p.attention {
    color: #f62800;
    font-weight: bold;
    padding: 0;
    font-size: 1.2em;
    margin: 1em 0;
}
.entry-content ul.step-list {
    list-style: decimal;
}
.entry-content ul.step-list li,
body.page-id-1333 .entry-content ul li,
body.page-id-1331 .entry-content ul li {
    font-size: 1.1rem;
    margin-bottom: 0.5em;
}
table.form td p span {
    color: #F00;
}
table.form td textarea.manuscript {
    min-height: 100px;
    margin-bottom: 0.5em;
}

/* オンラインショップ */

table.form td input.sh {
    width: 20%;
    display: inline-block;
    padding: 0.3em;
}
table.form td .souryou-box,
table.form td .reservation-box {
    border-bottom: 1px dashed #ddd;
    padding-bottom: 1em;
    margin: 1em 0;
}
table.form td .souryou-box:first-child {
    margin: 0 0 1em;
}
table.form td p.weight {
    margin-bottom: 1em;
}
table.form td .souryou-box:last-child,
table.form td .reservation-box:last-child {
    border-bottom: none;
    padding-bottom: 0;
}
table.form td input.half {
    width: 40%;
    display: inline-block;
}

/* セミナーパネルディスカッション原稿 */

.reservation-edit {
    width: 40%;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 0;
}
table.form td textarea.pamphlet {
    min-height: 700px;
}
.entry-content table.form td ul.up {
    margin-bottom: 0;
}
.entry-content table.form td ul.up li {
    font-size: 1rem;
    margin: 0;
}
.upload-btn {
    padding: 0.5em;
    margin-top: 1em;
    border-radius: 10px;
}
.instructor_add,
.pre_info_add,
.web_info_add,
.seach-btn input {
    text-align: center;
    font-size: 1.2em;
    background-color: #040544;
    width: 30%;
    margin: 1em auto;
    color: #fff;
    font-weight: bold;
    letter-spacing: 0.1em;
    border-radius: 10px;
    padding: 0.5em;
    display: block;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    cursor: pointer;
}
.instructor_add:hover,
.pre_info_add:hover,
.web_info_add:hover,
.seach-btn input:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
    filter: brightness(130%);
}
.instructor_add i {
}
table.form th span.heed {
    display: block;
    margin: 1em 0;
    font-size: 1.1em;
    color: #F00;
}
.archive-time-box {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    -ms-flex-align: center; /*IE10*/
    -webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
    -webkit-align-items: center; /* Safari6.1以降 */
    align-items:center;
    margin-bottom: 0.5em;
}
.archive-time-box .reservation-edit {
    width: 56%;
}
@media screen and ( min-width: 1326px ) {
.archive-time-box .reservation-edit {
    width: 66%;
}
.archive-time-box .archive-time {
    width: 45%;
}
.archive-time-box .namisen {
    width: 3%;
}
}

/* プレゼンテーション（視聴予約あり）設定・入力フォーム */

.entry-content p.pre_attention {
    margin-bottom: 1em;
    padding: 0;
}
.entry-content p.pre_attention span {
    color: #f62800;
    font-weight: bold;
}

.entry-content h4.pre_time {
    margin-top: 0;
}

/* 個別商談設定・入力フォーム */

table.schedule thead th,
table.schedule td {
    padding: 10px;
    border: 1px solid #ddd;
    box-sizing: border-box;
}
table.schedule thead th {
    text-align: center;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 100;
    background-color: #fff;
}
table.schedule thead th:first-child {
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    top: 0;
    z-index: 101;
}
table.schedule thead th:before,
table.schedule thead th:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border-bottom: 1px solid #333;
}
table.schedule td:first-child {
    background: #f4f4f4;
    text-align: left;
}
table.schedule td:nth-child(n) {
    text-align: center;
}
table.schedule td input[type="checkbox"] {
    transform:scale(1.5)
}
table.schedule td select {
    font-size: 1rem;
    height: 2em;
}
.center {
    margin-top: 5em;
}


/* 出展者情報 */

.entry-content h4.zone-title {
    color: #040544;
    border-left: 6px solid #040544;
    margin: 3em 0 0.5em;
    background: #ebebf0;
    border-bottom: solid 3px #d7d7e1;
    padding: 0.8em 0 0.8em 0.5em;
}
.entry-content h4.zone-title:first-of-type {
    margin-top: 0;
}
.entry-content h5.company_name {
    background-color: transparent;
    color: #333;
    font-size: 1.6rem;
    margin: 0;
    letter-spacing: 0.1em;
    padding: 0 0 0 55px;
    position: relative;
    display: inline-block;
    text-transform: inherit;
}

.entry-content h5.company_name:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: black;
}
.entry-content p.topics-label {
    display: inline-block;
    margin: 0;
}
.entry-content p.topics-label span {
    background-color: #eb283b;
    color: #fff;
    font-size: 1.2rem;
    vertical-align: middle;
    border-radius: 10px;
    padding: 0.1em 0.3em;
    margin: 0 1em 0.3em 0;
    letter-spacing: 0;
    display: inline-block;
    font-weight: bold;
    line-height: 1.3;
}

.entry-content h6.company_title {
    margin: 1em 0 0;
    padding: 0.3em 0 0.3em 0.5em;
    border-left: 6px solid;
}
.entry-content h6.company_title:before {
    content: none;
}
.entry-content ul.item-list {
    list-style: none;
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    padding-left: 0;
    margin: 0;
}
.entry-content ul.item-list li {
    font-size: 1.1rem;
    margin-right: 1em;
}
.entry-content ul.item-list li:last-child {
    margin-right: 0;
}
.company_info {
    position: relative;
    padding: 1.5rem 1.5rem calc(1.5rem + 10px);
    border: 2px solid #000;
    margin-bottom: 2em;
    border-radius: 10px 10px 0 0;
}
.company_info:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: "";
    border-top: 2px solid #000;
    background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.company_info_box {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
    margin: 1em 0 0.5em;
}
.company_info_txt {
    width: 69%;
    margin-right: 2em;
}
.entry-content .company_info_txt p {
    padding: 0;
    font-size: 1.1rem;
    line-height: 1.8;
  /*text-align: justify;
  text-justify: inter-ideograph;*/
}
.company_item {
}
.entry-content .company_item ul {
    list-style: none;
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    padding-left: 0;
    margin: 0;
    justify-content: center;
}
.entry-content .company_item-en ul {
    justify-content: flex-end;
}
.entry-content .company_item ul li {
    font-size: 1.8rem;
    background-color: #040544;
    border-radius: 10px;
    color: #fff;
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    margin: 0 0.2em 1em;
}
.entry-content .company_item ul li:last-child {
    margin: 0 0 1em 0.2em;
}
.entry-content .company_item ul li.no-item {
    background-color: #ccc;
}
.company_details {
	-ms-flex-item-align: end;
	align-self: flex-end;
}
.company_details a {
    background-color: #FDE12D;
    display: block;
    color: #040543;
    text-align: center;
    padding: 0.3em 1em;
    font-size: 1.3em;
    font-weight: bold;
    border-radius: 10px;
    box-shadow: 8px 8px #040543;
    border: 4px solid #040543;
    transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
}

.company_details a:hover {
    box-shadow: 3px 3px 0 #040543;
    transform: translateY(3px);
}
.entry-content .category ul,
.entry-content .category-search ul  {
    list-style: none;
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    padding-left: 0;
    margin: 0;
}
.entry-content .category ul li,
.entry-content .category-search ul li {
    font-size: 1.2rem;
    margin: 0 2em 0 0;
}
.entry-content .category ul li label,
.entry-content .category-search ul li label {
    display: inline-block;
    cursor: pointer;
}
.entry-content .category-search ul li label:hover {

}
.entry-content .category ul li input[type="checkbox"],
.entry-content .category-search ul li input[type="checkbox"] {
    transform:scale(1.5);

}
.entry-content .category-search ul li input[type="checkbox"]:checked+label {
   background: linear-gradient(transparent 65%, #ff0 65%);
    font-weight: bold;
}
.category-search-box {
    /*border: 2px dashed #040544;*/
    border: 5px solid #b7bfce;
    padding: 1em;
    margin-top: 1em;
}
.category-search-box h2 {
    text-align: center;
    color: #f62800;
    padding: 1em 0 0;
}
.seach-btn input.fas {
    font-family: "Font Awesome 5 Free",  "Roboto Slab", "Helvetica Neue", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraginoKakuGothic Pro", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "MS Gothic", sans-serif;
}
.entry-content .category-search ul {
    padding-left: 5em;
}

/* 個別商談予約 */

h2.talk-title {
    padding: 0;
    text-align: center;
    margin-bottom: 1em;
    color: #333;
    font-size: 1.8rem;
    margin-top: 2em;
}
.schedule-box {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
    -ms-flex-align: center; /*IE10*/
    -webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
    -webkit-align-items: center; /* Safari6.1以降 */
    align-items:center;
}
.entry-content .choose-box h3 {
    margin-top: 0;
}
.calendar-box {
    width: 100%;
    margin-bottom: 3em;
}
.choose-box {
    margin-right: 3em;
}
.choose-box:last-of-type {
    margin-right: 0;
}
table.calendar {
    border: 2px solid #CDCDDA;
    table-layout: fixed;
}
table.calendar th.cellWeek,
table.calendar td.cellDay {
    border: 2px solid #CDCDDA;
    text-align: center;
    width: 100% / 7;
    vertical-align: middle;
}
table.calendar th.cellWeek:first-child,
table.calendar td.cellDay:first-child {
    border-left: none;
    padding-right: 0.4em;
}
table.calendar th.cellWeek:last-child,
table.calendar td.cellDay:last-child {
    border-right: none;
    padding-left: 0.4em;
}
table.calendar th.cellWeek,
table.calendar td.cellDay {
    padding: 0;
}
.cellMonth {
    border: 2px solid #CDCDDA;
    border-bottom: none;
    text-align: center;
    padding: .75rem;
}
.cellMonth h2 {
    color: #040544;
    font-size: 2rem;
    letter-spacing: 0.1em;
    margin-bottom: 0;
}
.cellMonth h2 span {
    font-size: 1.1rem;
    margin-left: 2em;
}
.cellMonth h2 span i.fa-circle {
    color: #f62800;
}
.cellWeek {

}
.cellDay {
    font-size: 1.2rem;
    position: relative;
}
.cellSunday {
    background-color: #FEF5F4;
}
.cellSaturday {
    background-color: #ECF7FE;
}
table.calendar td.closed:after,
table.calendar td.open:after  {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    display: block;
}
table.calendar td.closed:after {
    content: "\f00d";
}
table.calendar td.open:after {
    content: "\f111";
}
table.calendar td.open {
    color: #f62800;
    font-weight: bold;
}
.mComp {
    background-color: #f62800;
    color: #fff;
    font-weight: bold;
    margin: 0 0 2em;
    text-align: center;
    font-size: 1.2em;
    padding: 0.3em 0;
}

.preview {
    text-align: center;
    margin: 2em 0 0;
}
.preview a,
p.preview-btn {
    /*border: 2px solid #B4B4B4;*/
    padding: 0.5em 2em;
    display: inline-block;
    border-radius: 10px;
    font-size: 1.3em;
    font-weight: bold;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    margin-bottom: 0.5em;
    color: #fff;
    background-color: #040544;
}
.preview a:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
    filter: brightness(130%);
    color: #fff;
}
.preview a:focus {
    color: #fff;
    box-shadow: none;
}
table.mtchDateCalendar td.cellDay {
    background-color: #DCDCDC;
    color: #9E9E9F;
}
table.mtchDateCalendar td.closed {
    background-color: transparent;
    color: #1a1a1a;
}
table.mtchDateCalendar td.open {
    color: #f62800;
}
table.calendar td.endDate {
    background-color: #e6e6e6;
    color: #ccc;
}
table.form td select.preferred_date {
    margin-bottom: 1em;
}





/* イベント一覧 */

.held-event-box {
    margin: 1em auto;
    padding: 1em;
    max-width: 1100px;
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:center;/*--- safari（PC）用 ---*/
    justify-content:center;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.event-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.event-list-box {
    width: 48%;
    margin: 0.5em 0.7em 1em;
    padding: 0.5em 0.5em 1em;
    box-sizing: border-box;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
    display: flex;
}
.event-list-image {

}
.event-list-image img {

}
.event-info {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.entry-content p.event-label {
    padding: 0 1em;
    color: #fff;
    display: inline-block;
    font-weight: bold;
    font-size: 0.9rem;
    width: 28%;
    text-align: center;
}
.entry-content p.event-label-matching,
.held-event-box p.event-label-matching {
    background-color: #0FA3B1;
}
.entry-content p.event-label-event,
.held-event-box p.event-label-event {
    background-color: #FCA311;
}
.entry-content p.event-label-panel,
.held-event-box p.event-label-panel  {
    background-color: #8CB369;
}
.entry-content p.event-label-seminar,
.held-event-box p.event-label-seminar {
    background-color: #52B2CF;
}
.entry-content .event-info h3 {
    display: block;
    margin: 0 0 0.5em;
    color: #4D4D4D;
    border-bottom: 1px solid #000;
    font-size: 1.4rem;
    padding: 0;
    line-height: 1.6;
}
.entry-content .event-info h4 {
    font-size: 1.3rem;
}
.entry-content .event-info h3:before,
.entry-content .event-info h3:after {
    content: none;
}
.entry-content .event-info h4,
.held-event-box .event-info h4 {
    border-left: none;
    padding-top: 0;
    padding: 0;
    margin: 0;
    border-bottom: none;
}
.entry-content p.sponsor {
    padding: 0;
    margin: 0.5em 0 0;
    font-size: 1rem;
    line-height: 1.6;
}
.view-btn {
    margin-top: auto;
}
.view-btn a {
    color: #040543;
    text-align: center;
    font-size: 1em;
    font-weight: bold;
    background-color: #FDE12D;
    border-radius: 10px;
    box-shadow: 0 4px #040543;
    border: 4px solid #040543;
    transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
    display: inline-block;
    padding: 0 2.5em;
    margin-top: 0.5em;
}
.view-btn p {
    color: #999;
    font-weight: bold;
    padding: 0 1em;
    background-color: #E6E6E6;
    border: 2px solid #E6E6E6;
    border-radius: 10px;
    text-align: center;
    font-size: 1em;
}
.view-btn a i {
    margin-left: 0.3em;
}
.view-btn a:hover {
    box-shadow: 0 3px 0 #040543;
    transform: translateY(3px);
    color: #f62800;
}
.view-btn:hover {
}
 
/* プレゼンテーション一覧ページ */

.presentation-list .entry-content h5.company_name {
    display: block;
    margin: 0.5em 0;
}
.presentation-list .tool,
.online-info {
    position: relative;
    padding: 1.5rem 1.5rem calc(1.5rem + 10px);
    border: 2px solid #000;
    margin-bottom: 2em;
    border-radius: 10px 10px 0 0;
}
.presentation-list .tool:after,
.online-info:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: "";
    border-top: 2px solid #000;
    background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}

.presentation-list .entry-content p.status {
  display: inline-block;
  position: relative;
  box-sizing: border-box;
  text-align: center;
    margin: -10px 0 0 -46px;
    width: calc(15% + 20px);
  color: white;
  background: #f62800;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    border-radius: 0;
}
.presentation-list .entry-content p.status:before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #b91e00;
    width: auto;
    height: auto;
    background: transparent;
    transform: none;
}
.presentation-list .entry-content p.status:after {
   content: none;
}
figure.archive-movie {
   max-width: 600px;
}

/* マッチングパターン2 */

.matching-info {
    position: relative;
    padding: 1.5rem 1.5rem calc(1.5rem + 10px);
    border: 2px solid #000;
    margin-bottom: 2em;
    border-radius: 10px 10px 0 0;
}
.matching-info:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: "";
    border-top: 2px solid #000;
    background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.entry-content .matching-info h3.matching-info-title {
    color: #333;
    font-size: 1.6rem;
    margin: 0;
    letter-spacing: 0.1em;
    padding: 0 0 0 55px;
    position: relative;
    display: inline-block;
}
.entry-content .matching-info h3.matching-info-title:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    display: inline-block;
    width: 45px;
    height: 1px;
    background-color: black;
    border: none;
}
.entry-content .matching-info h3.matching-info-title:after {
    content: none;
}
.entry-content .matching-info h4 {
    margin-top: 1em;
}
.entry-content .matching-info h5 {
    background-color: transparent;
    color: #f62800;
    margin-top: 1em;
}
.entry-content .matching-info h6 {
    margin: 1.5em 0 0.5em;
    padding: 0 0 0 0.5em;
    border-left: 6px solid;
    font-size: 1.3rem;
}
.entry-content .matching-info h6:before {
    content: none;
}
.entry-content .matching-info p.organizer {
    font-weight: bold;
}
.entry-content .matching-info p {
    margin: 0;
} 
.join-company-box {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    padding: 1.5rem 1.5rem calc(1rem + 10px);
    border: 2px solid #000;
    border-radius: 10px 10px 0 0;
    margin-bottom: 2em;
}
.join-company-txt {
    width: 68%;
    margin-right: 2em;
}
.entry-content .join-company-txt h4 {
    padding: 0.2em 0 0.2em 0.5em;
    border-left: none;
    border-bottom: none;
    margin-top: 0;
    background-color: #040544;
    color: #fff;
    border-radius: 10px 10px 0 0;
}
.join-btn .view-btn {
    margin-top: 0;
}
.join-btn ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.entry-content .join-btn ul li {
    margin-bottom: 1em;
}

ul.company-list {
    padding: 1.5rem 1.5rem 1.5rem 3rem;
    border: 2px solid #000;
    border-radius: 10px 10px 0 0;
    margin-bottom: 2em;
}
.entry-content ul.company-list li {
    font-size: 1.2rem;
}
.entry-content ul.company-list li:not(:last-child) {
    margin-bottom: 0.5em;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 0.5em;
}
.p2-join-btn {
    text-align: center;
}

/* ピックアップイベント */
.entry-title-box {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-align: center; /*IE10*/
    -webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
    -webkit-align-items: center; /* Safari6.1以降 */
    align-items:center;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
}
.entry-title-txt {
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: -webkit-inline-flex;
    display: inline-flex;
  	-webkit-box-orient: vertical;
  	-webkit-box-direction: normal;
  	-ms-flex-direction: column;
  	flex-direction: column;
    -ms-flex-align: center; /*IE10*/
    -webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
    -webkit-align-items: center; /* Safari6.1以降 */
}
.category-title a {
    font-size: 1.3em;
    color: #fff;
    font-weight: bold;
    margin: 0;
    display: block;
    text-align: center;
}
.entry-title-txt h2 {
    font-size: 1.5em;
    letter-spacing: 0.1em;
    border-top: 3px solid;
    padding-top: 1em;
    font-weight: 400;
    margin: 0.5em 0 0;
    text-align: center;
    color: #fff;
}
.online-info h4 {
    color: #fff;
    border-left: none;
    padding: 0 0.5em;
    margin: 0 0.5em 0 0;
    border-bottom: none;
    background-color: #f62800;
    border-radius: 10px;
    width: 135px;
    text-align: center;
    font-size: 1.2rem;
}
.online-info p {
    margin: 0;
}
.online-info p span {
    font-weight: bold;
    font-size: 2rem;
}
.online-info > div {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
    -ms-flex-align: center; /*IE10*/
    -webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
    -webkit-align-items: center; /* Safari6.1以降 */
    align-items:center;
    -webkit-box-pack:center;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:center;/*--- IE10 ---*/
    -webkit-justify-content:center;/*--- safari（PC）用 ---*/
    justify-content:center;

}
.online-info > div .tool-time {
    width: 435px;
    text-align: left;
}
.online-info .live,
.online-info > div.recording {
    border-bottom: 2px dotted #999;
    margin-bottom: 1em;
    padding-bottom: 1em;
}
.online-info > div.recording .tool-time {
    width: 500px;
    font-size: 1.1rem;
}
.online-info > div.recording:last-child {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 0;
}
.entry-content h4.first-title {
    margin-top: 0.5em;
}
.entry-content h3.first-title-h {
    margin-top: 0;
}
.entry-content h6.first-title {
    padding: 0;
}
.entry-content ul.profile li {
    font-size: 1rem;
    margin-bottom: 0;
}
.wp-block-separator.is-style-wide {
    margin: 0.8em 0;
}
.entry-content p.period-title {
    font-size: 1.5rem;
}

/* 就職サポート情報 */

ul.link-btn {
    list-style: none;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
    padding: 0;
    margin: 2em 0 0;
}
ul.link-btn li {
    margin: 0 1em;
}
ul.link-btn li a {
    background-color: #FDE12D;
    display: block;
    color: #040543;
    text-align: center;
    padding: 0.3em 2em;
    font-size: 1.3em;
    font-weight: bold;
    border-radius: 10px;
    box-shadow: 8px 8px #040543;
    border: 4px solid #040543;
    transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
}
ul.link-btn li a:hover {
    box-shadow: 3px 3px 0 #040543;
    transform: translateY(3px);
}
.entry-content ul.link-list li {
    font-size: 1.3rem;
    font-weight: bold;
}


/* テーマ別イベント */

.entry-content p.theme-txt {
    font-weight: bold;
    margin: 0 0 2.5em;
}
.theme-area {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.theme-box {
    box-sizing: border-box;
    max-width: 300px;
    margin: 0 0.9em 1em;
    padding: 0.5em;
    position: relative;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.theme-box a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
    box-shadow: none;
}
.theme-box a:hover {
    border: 4px solid #f62800;
    box-shadow:none;
}
.theme-box:hover {
    box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 8px;
}

.theme-box img {
    vertical-align: middle;
}
.entry-content p.evnet-tag-real,
.entry-content p.evnet-tag-online {
    display: inline-block;
    color: #fff;
    border-radius: 10px;
    padding: 0 0.5em;
    font-size: 0.9rem;
    margin: 0.8em 0;
}
.entry-content p.evnet-tag-real {
    background-color: #4E83AA;
}
.entry-content p.evnet-tag-online {
    background-color: #040544;
}
.entry-content h5.event-date {
    background-color: transparent;
    color: #333;
    margin: 0;
    padding: 0 0 0.2em;
    font-size: 1.1rem;
    border-bottom: 2px dotted #ccc;
}
.entry-content .theme-box h6 {
    padding: 0;
    margin: 0.3em 0 0;
    font-size: 1.3rem;
}

/* 来場者アンケート */

ul.policy-list {
    list-style: none;
}
.wp-block-buttons .quest-btn {
    display: block;
    margin: 2em auto 0;
}
.quest-btn a {
    width: 600px;
    max-width: 100%;
    font-size: 1.5rem;
}
.entry-content p.quest-txt-f {
    margin-top: 2em;
}
.entry-content p.quest-txt {
    background: linear-gradient(transparent 80%, #ff0 80%);
    display: inline-block;
}
.entry-content .wp-block-button__link:focus {
    background-color: #FDE12D !important;
    color: #040543 !important;
}
.entry-content p.present-txt {
    position: relative;
    margin: 1em 1em 2em;
    text-align: center;
    padding: 0;
    font-size: 1.8rem;
    font-weight: bold;
}
.entry-content p.present-txt:before,
.entry-content p.present-txt:after {
    position: absolute;
    z-index: 0;
    bottom: -10px;
    display: block;
    content: "";
    border: 1em solid #d90606;
}
.entry-content p.present-txt:before {
    left: -33px;
    border-left-width: 15px;
    border-left-color: transparent;
}
.entry-content p.present-txt:after {
    right: -33px;
    border-right-width: 15px;
    border-right-color: transparent;
}
.entry-content p.present-txt span {
    position: relative;
    z-index: 1;
    display: block;
    padding: 1rem 2rem;
    color: #fff;
    background: #f62800;
}
.entry-content p.present-txt span:before,
.entry-content p.present-txt span:after {
  position: absolute;
  bottom: -10px;
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  border-style: solid;
  border-color: #b70505 transparent transparent transparent;
}
.entry-content p.present-txt span:before {
  left: 0;
  border-width: 10px 0 0 10px;
}
.entry-content p.present-txt span:after {
  right: 0;
  border-width: 10px 10px 0 0;
}


/* 小学生インターンシップ */

.time-table {
    position: relative;
    padding: 1.5rem 1rem calc(1.5rem + 10px);
    border: 2px solid #000;
    margin-bottom: 2em;
    border-radius: 10px 10px 0 0;
}
.time-table:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: "";
    border-top: 2px solid #000;
    background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.time-table table tr {
    border-bottom: 1px solid #ccc;
}
.time-table table th {
    border-right: 1px solid #ccc;
}
.time-table table th:first-child, 
.time-table table td:first-child {
    padding-left: 0.4em;
}
.time-table table th,
.time-table table td {
    padding: 1em 0.4em;
}
.time-table table td {
    border-right: 1px solid #ccc;
}
.time-table table th:last-child,
.time-table table td:last-child {
    border-right: none;
}
.time-table table td:nth-child(2) {
    font-weight: bold;
}
.time-table table tr:nth-child(even) {
    background-color: #f5f5f8;
}

/*--------------------------------------------------------------
13.6 Footer
--------------------------------------------------------------*/

.site-footer {
	border-top: 1px solid #eee;
}

.site-footer .wrap {
	padding-bottom: 6em;
	padding-top: 4em;
    background-color: #040544;
    color: #fff;
}
p.address {
    margin-bottom: 0.5em;
    font-size: 1.1em;
}
p.tel {
    font-size: 1.1em;
}
p.tel a {
    color: #fff;
    box-shadow: none;
}
p.tel i {
    margin-right: 0.3em;
}
/* Footer widgets */

.site-footer .widget-area {
	padding-bottom: 2em;
	padding-top: 2em;
}

/* Social nav */

.social-navigation {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 1em;
}

.social-navigation ul {
	list-style: none;
	margin-bottom: 0;
	margin-left: 0;
        padding-left: 0;
}

.social-navigation li {
	display: inline;
}

.site-info .social-navigation a {
	background-color: #fff;
	-webkit-border-radius: 40px;
	border-radius: 40px;
	color: #040544;
	display: inline-block;
	height: 40px;
	margin: 0 1em 0.5em 0;
	text-align: center;
	width: 40px;
}

.social-navigation a:hover,
.social-navigation a:focus {
	background-color: #333;
}

.social-navigation .icon {
	height: 16px;
	top: 12px;
	width: 16px;
	vertical-align: top;
}
.social-links-menu .icon {
    display: inline-block;
}
/* Site info */

.site-info {
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 1em;
}

.site-info a {
	color: #666;
}

.site-info .sep {
	margin: 0;
	display: block;
	visibility: hidden;
	height: 0;
	width: 100%;
}

.site-info span[role=separator] {
	padding: 0 0.2em 0 0.4em;
}

.site-info span[role=separator]::before {
	content: '\002f';
}
body.archive .content-area {
    background-color: #ebebf0;
    padding: 3em 2em;
}
body.archive .entry-header {
    /*padding: 0;
    background-color: transparent;*/
}
body.archive .entry-header .entry-title {
    margin-bottom: 0;
    position: relative;
}
body.archive .entry-title a {
    font-size: 1.3rem;
    margin-bottom: 0;
    line-height: 1.8;
}
body.archive .entry-title a:hover {
    color: #f62800;
}
/*body.archive .entry-title a:before,
body.archive .entry-title a:after {
    content:"";
    width: 20px;
    height: 30px;
    position: absolute;
    display: inline-block;
}
body.archive .entry-title a:before {
    border-left: solid 1px #f62800;
    border-top: solid 1px #f62800;
    top:0;
    left: 0;
}
body.archive .entry-title a:after {
    border-right: solid 1px #f62800;
    border-bottom: solid 1px #f62800;
    bottom:0;
    right: 0;
}*/
body.archive #main {
    max-width: 1336px;
    margin: 0 auto;
}
body.archive .post {

}
#fixedTop {
    font-size: 20px;
    text-align: center;
    position: fixed;
    right: 10px;
    bottom: 10px;
    font-size: 20px;
    text-align: center;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    transform: scale(0);
}
#fixedTop a {
    color: #fff;
}
#fixedTop:hover {
    opacity: 0.8;
}
#fixedTop.show {
    transform: scale(1);
    -webkit-transform: translateZ(0);
    background: #040544;
    width: 50px;
    height: 35px;
}
.footer-content {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-around;/*--- safari（PC）用 ---*/
    justify-content:space-around;
    -ms-flex-align: center; /*IE10*/
    -webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
    -webkit-align-items: center; /* Safari6.1以降 */
    align-items:center;
    max-width: 1000px;
    margin: 0 auto;
}
.download-box {
}
.download-box a {
    background-color: #fff;
    font-size: 1.8em;
    padding: 0.5em 1em;
    font-weight: bold;
    color: #040544;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    border-radius: 10px;
    display: inline-block;
}
.download-box a:hover {
    transform: translateY(-2px);
    box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
    filter: brightness(130%);
}
.download-box a span {
    display: block;
    font-size: 0.8em;

}


/*--------------------------------------------------------------
14.0 Comments
--------------------------------------------------------------*/

#comments {
	clear: both;
	padding: 2em 0 0.5em;
}

.comments-title {
	font-size: 20px;
	font-size: 1.25rem;
	margin-bottom: 1.5em;
}

.comment-list,
.comment-list .children {
	list-style: none;
	margin: 0;
	padding: 0;
}

.comment-list li:before {
	display: none;
}

.comment-body {
	margin-left: 65px;
}

.comment-author {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0.4em;
	position: relative;
	z-index: 2;
}

.comment-author .avatar {
	height: 50px;
	left: -65px;
	position: absolute;
	width: 50px;
}

.comment-author .says {
	display: none;
}

.comment-meta {
	margin-bottom: 1.5em;
}

.comment-metadata {
	color: #767676;
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.comment-metadata a {
	color: #767676;
}

.comment-metadata a.comment-edit-link {
	color: #222;
	margin-left: 1em;
}

.comment-body {
	color: #333;
	font-size: 14px;
	font-size: 0.875rem;
	margin-bottom: 4em;
}

.comment-reply-link {
	font-weight: 800;
	position: relative;
}

.comment-reply-link .icon {
	color: #222;
	left: -2em;
	height: 1em;
	position: absolute;
	top: 0;
	width: 1em;
}

.children .comment-author .avatar {
	height: 30px;
	left: -45px;
	width: 30px;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
	border: 1px solid #333;
	padding: 2px;
}

.no-comments,
.comment-awaiting-moderation {
	color: #767676;
	font-size: 14px;
	font-size: 0.875rem;
	font-style: italic;
}

.comments-pagination {
	margin: 2em 0 3em;
}

.form-submit {
	text-align: right;
}

.comment-form #wp-comment-cookies-consent {
	margin: 0 10px 0 0;
}

.comment-form .comment-form-cookies-consent label {
	display: inline;
}

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

#secondary {
	padding: 1em 0 2em;
}

.widget {
	padding-bottom: 3em;
}

h2.widget-title {
	color: #222;
	font-size: 13px;
	font-size: 0.8125rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	margin-bottom: 1.5em;
	text-transform: uppercase;
}

.widget-title a {
	color: inherit;
}

/* widget forms */

.widget select {
	width: 100%;
}


/* widget lists */

.widget ul {
	list-style: none;
	margin: 0;
}

.widget ul li,
.widget ol li {
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	padding: 0.5em 0;
}

.widget:not(.widget_tag_cloud) ul li + li {
	margin-top: -1px;
}

.widget ul li ul {
	margin: 0 0 -1px;
	padding: 0;
	position: relative;
}

.widget ul li li {
	border: 0;
	padding-left: 24px;
	padding-left: 1.5rem;
}

/* Widget lists of links */

.widget_top-posts ul li ul,
.widget_rss_links ul li ul,
.widget-grofile ul.grofile-links li ul,
.widget_pages ul li ul,
.widget_meta ul li ul {
	bottom: 0;
}

.widget_nav_menu ul li li,
.widget_top-posts ul li,
.widget_top-posts ul li li,
.widget_rss_links ul li,
.widget_rss_links ul li li,
.widget-grofile ul.grofile-links li,
.widget-grofile ul.grofile-links li li {
	padding-bottom: 0.25em;
	padding-top: 0.25em;
}

.widget_rss ul li {
	padding-bottom: 1em;
	padding-top: 1em;
}

/* Widget markup */

.widget .post-date,
.widget .rss-date {
	font-size: 0.81em;
}

/* Text widget */

.widget_text {
	word-wrap: break-word;
}

.widget_text ul {
	list-style: disc;
	margin: 0 0 1.5em 1.5em;
}

.widget_text ol {
	list-style: decimal;
}

.widget_text ul li,
.widget_text ol li {
	border: none;
}

.widget_text ul li:last-child,
.widget_text ol li:last-child {
	padding-bottom: 0;
}

.widget_text ul li ul {
	margin: 0 0 0 1.5em;
}

.widget_text ul li li {
	padding-left: 0;
	padding-right: 0;
}

.widget_text ol li {
	list-style-position: inside;
}

.widget_text ol li + li {
	margin-top: -1px;
}

/* RSS Widget */

.widget_rss .widget-title .rsswidget:first-child {
	float: right;
}

.widget_rss .widget-title .rsswidget:first-child:hover {
	background-color: transparent;
}

.widget_rss .widget-title .rsswidget:first-child img {
	display: block;
}

.widget_rss ul li {
	padding: 2.125em 0;
}

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

.widget_rss li .rsswidget {
	font-size: 22px;
	font-size: 1.375rem;
	font-weight: 300;
	line-height: 1.4;
}

.widget_rss .rss-date,
.widget_rss li cite {
	color: #767676;
	display: block;
	font-size: 10px;
	font-size: 0.625rem;
	font-style: normal;
	font-weight: 800;
	letter-spacing: 0.18em;
	line-height: 1.5;
	text-transform: uppercase;
}

.widget_rss .rss-date {
	margin: 0.5em 0 1.5em;
	padding: 0;
}

.widget_rss .rssSummary {
	margin-bottom: 0.5em;
}

/* Contact Info Widget */

.widget_contact_info .contact-map {
	margin-bottom: 0.5em;
}

/* Gravatar */

.widget-grofile h4 {
	font-size: 16px;
	font-size: 1rem;
	margin-bottom: 0;
}

/* Recent Comments */

.widget_recent_comments table,
.widget_recent_comments th,
.widget_recent_comments td {
	border: 0;
}

/* Recent Posts widget */

.widget_recent_entries .post-date {
	display: block;
}

/* Search */

.search-form {
	position: relative;
}

.search-form .search-submit {
	bottom: 3px;
	padding: 0.5em 1em;
	position: absolute;
	right: 3px;
	top: 3px;
}

.search-form .search-submit .icon {
	height: 24px;
	top: -2px;
	width: 24px;
}

/* Tag cloud widget */

.tagcloud ul li {
	float: left;
	border-top: 0;
	border-bottom: 0;
	padding: 0;
	margin: 4px 4px 0 0;
}

.tagcloud,
.widget_tag_cloud,
.wp_widget_tag_cloud {
	line-height: 1.5;
}

.widget .tagcloud a,
.widget.widget_tag_cloud a,
.wp_widget_tag_cloud a {
	border: 1px solid #ddd;
	-webkit-box-shadow: none;
	box-shadow: none;
	display: block;
	padding: 4px 10px 5px;
	position: relative;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	width: auto;
	word-wrap: break-word;
	z-index: 0;
}

.widget .tagcloud a:hover,
.widget .tagcloud a:focus,
.widget.widget_tag_cloud a:hover,
.widget.widget_tag_cloud a:focus,
.wp_widget_tag_cloud a:hover,
.wp_widget_tag_cloud a:focus {
	border-color: #bbb;
	-webkit-box-shadow: none;
	box-shadow: none;
	text-decoration: none;
}

/* Calendar widget */

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

.widget_calendar tfoot td {
	border: 0;
}

/* Gallery widget */

.gallery-columns-5 .gallery-caption,
.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}

/*--------------------------------------------------------------
16.0 Media
--------------------------------------------------------------*/

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

img.alignleft,
img.alignright {
	float: none;
	margin: 0;
}

.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 {
	margin-bottom: 1em;
	max-width: 100%;
}

/* Remove bottom on embeds that wrapped in paragraphs via wpautop. */

p > embed:only-child,
p > iframe:only-child,
p > object:only-child {
	margin-bottom: 0;
}

.wp-caption,
.gallery-caption {
	color: #666;
	font-size: 13px;
	font-size: 0.8125rem;
	font-style: italic;
	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;
}

/* Media Elements */

.mejs-container {
	margin-bottom: 1.5em;
}

/* Audio Player */

.mejs-controls a.mejs-horizontal-volume-slider,
.mejs-controls a.mejs-horizontal-volume-slider:focus,
.mejs-controls a.mejs-horizontal-volume-slider:hover {
	background: transparent;
	border: 0;
}

/* Playlist Color Overrides: Light */

.site-content .wp-playlist-light {
	border-color: #eee;
	color: #222;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-album {
	color: #333;
}

.site-content .wp-playlist-light .wp-playlist-current-item .wp-playlist-item-artist {
	color: #767676;
}

.site-content .wp-playlist-light .wp-playlist-item {
	border-bottom: 1px dotted #eee;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-light .wp-playlist-item:hover,
.site-content .wp-playlist-light .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #767676;
	color: #fff;
}

.site-content .wp-playlist-light a.wp-playlist-caption:hover,
.site-content .wp-playlist-light .wp-playlist-item:hover a,
.site-content .wp-playlist-light .wp-playlist-item:focus a {
	color: #fff;
}

/* Playlist Color Overrides: Dark */

.site-content .wp-playlist-dark {
	background: #222;
	border-color: #333;
}

.site-content .wp-playlist-dark .mejs-container .mejs-controls {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-caption {
	color: #fff;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-album {
	color: #eee;
}

.site-content .wp-playlist-dark .wp-playlist-current-item .wp-playlist-item-artist {
	color: #aaa;
}

.site-content .wp-playlist-dark .wp-playlist-playing {
	background-color: #333;
}

.site-content .wp-playlist-dark .wp-playlist-item {
	border-bottom: 1px dotted #555;
	-webkit-transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
	transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, color 0.3s ease-in-out;
}

.site-content .wp-playlist-dark .wp-playlist-item:hover,
.site-content .wp-playlist-dark .wp-playlist-item:focus {
	border-bottom-color: rgba(0, 0, 0, 0);
	background-color: #aaa;
	color: #222;
}

.site-content .wp-playlist-dark a.wp-playlist-caption:hover,
.site-content .wp-playlist-dark .wp-playlist-item:hover a,
.site-content .wp-playlist-dark .wp-playlist-item:focus a {
	color: #222;
}

/* Playlist Style Overrides */

.site-content .wp-playlist {
	padding: 0.625em 0.625em 0.3125em;
}

.site-content .wp-playlist-current-item .wp-playlist-item-title {
	font-weight: 700;
}

.site-content .wp-playlist-current-item .wp-playlist-item-album {
	font-style: normal;
}

.site-content .wp-playlist-current-item .wp-playlist-item-artist {
	font-size: 10px;
	font-size: 0.625rem;
	font-weight: 800;
	letter-spacing: 0.1818em;
	text-transform: uppercase;
}

.site-content .wp-playlist-item {
	padding: 0 0.3125em;
	cursor: pointer;
}

.site-content .wp-playlist-item:last-of-type {
	border-bottom: none;
}

.site-content .wp-playlist-item a {
	padding: 0.3125em 0;
	border-bottom: none;
}

.site-content .wp-playlist-item a,
.site-content .wp-playlist-item a:focus,
.site-content .wp-playlist-item a:hover {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: transparent;
}

.site-content .wp-playlist-item-length {
	top: 5px;
}

/* SVG Icons base styles */

.icon {
	display: inline-block;
	/*fill: currentColor;*/
	height: 1em;
	position: relative; /* Align more nicely with capital letters */
	top: -0.0625em;
	vertical-align: middle;
	width: 1em;
}

/*--------------------------------------------------------------
16.1 Galleries
--------------------------------------------------------------*/

.gallery-item {
	display: inline-block;
	text-align: left;
	vertical-align: top;
	margin: 0 0 1.5em;
	padding: 0 1em 0 0;
	width: 50%;
}

.gallery-columns-1 .gallery-item {
	width: 100%;
}

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

.gallery-item a,
.gallery-item a:hover,
.gallery-item a:focus,
.widget-area .gallery-item a,
.widget-area .gallery-item a:hover,
.widget-area .gallery-item a:focus {
	-webkit-box-shadow: none;
	box-shadow: none;
	background: none;
	display: inline-block;
	max-width: 100%;
}

.gallery-item a img {
	display: block;
	-webkit-transition: -webkit-filter 0.2s ease-in;
	transition: -webkit-filter 0.2s ease-in;
	transition: filter 0.2s ease-in;
	transition: filter 0.2s ease-in, -webkit-filter 0.2s ease-in;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

.gallery-item a:hover img,
.gallery-item a:focus img {
	-webkit-filter: opacity(60%);
	filter: opacity(60%);
}

.gallery-caption {
	display: block;
	text-align: left;
	padding: 0 10px 0 0;
	margin-bottom: 0;
}

/*--------------------------------------------------------------
17.0 Customizer
--------------------------------------------------------------*/

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:after {
	border: 2px dashed #0085ba; /* Matches visible edit shortcuts. */
	bottom: 1em;
	content: "";
	display: block;
	left: 1em;
	position: absolute;
	right: 1em;
	top: 1em;
	z-index: 1;
}

.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .panel-content {
	z-index: 2; /* Prevent :after from preventing interactions within the section */
}

/* Used for placeholder text */
.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel .twentyseventeen-panel-title {
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: 700;
	letter-spacing: 1px;
	padding: 3em;
	text-transform: uppercase;
	text-align: center;
}

/* Show borders on the custom page panels only when the front page sections are being edited */
.highlight-front-sections.twentyseventeen-customizer.twentyseventeen-front-page .twentyseventeen-panel:nth-of-type(1):after {
	border: none;
}

.twentyseventeen-front-page.twentyseventeen-customizer #primary article.panel-placeholder {
	border: 0;
}

/* Add some space around the visual edit shortcut buttons. */
.twentyseventeen-panel > .customize-partial-edit-shortcut > button {
	top: 30px;
	left: 30px;
}

/* Ensure that placeholder icons are visible. */
.twentyseventeen-panel .customize-partial-edit-shortcut-hidden:before {
	visibility: visible;
}

/*--------------------------------------------------------------
18.0 SVGs Fallbacks
--------------------------------------------------------------*/

.svg-fallback {
	display: none;
}

.no-svg .svg-fallback {
	display: inline-block;
}

.no-svg .dropdown-toggle {
	padding: 0.5em 0 0;
	right: 0;
	text-align: center;
	width: 2em;
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down {
	font-size: 20px;
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1;
	-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
	-ms-transform: rotate(180deg); /* IE 9 */
	transform: rotate(180deg);
}

.no-svg .dropdown-toggle.toggled-on .svg-fallback.icon-angle-down {
	-webkit-transform: rotate(0); /* Chrome, Safari, Opera */
	-ms-transform: rotate(0); /* IE 9 */
	transform: rotate(0);
}

.no-svg .dropdown-toggle .svg-fallback.icon-angle-down:before {
	content: "\005E";
}

/* Social Menu fallbacks */

.no-svg .social-navigation a {
	background: transparent;
	color: #222;
	height: auto;
	width: auto;
}

/* Show screen reader text in some cases */

.no-svg .next.page-numbers .screen-reader-text,
.no-svg .prev.page-numbers .screen-reader-text,
.no-svg .social-navigation li a .screen-reader-text,
.no-svg .search-submit .screen-reader-text {
	clip: auto;
	font-size: 16px;
	font-size: 1rem;
	font-weight: 400;
	height: auto;
	position: relative !important; /* overrides previous !important styles */
	width: auto;
}

/*--------------------------------------------------------------
  entry form
--------------------------------------------------------------*/
.exam p a i {
	margin-right: 6px;
	vertical-align: -1px;
	font-size: 1.6rem;
}
table.form {
    width: 100%;
font-family: "Roboto Slab", "Helvetica Neue", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraginoKakuGothic Pro", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "MS Gothic", sans-serif;
}
table.form th,
table.form td {
    padding: 10px; 
    border: 1px solid #ddd;
    box-sizing: border-box;
}
table.form th {
    background: #f4f4f4;
    width: 30%; 
    text-align: left;
}
table.form td {
    line-height: 2;
    word-break: break-all;
}
.formAtt,
table.form th .red,
table.form td .required,
table.form td .red,
.pInput .required {
	color: #F00;
    font-weight: bold;
}
table.form td .required:before,
.pInput .required:before {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-right: 0.3em;
    content: "\f06a";
}
table.form th .red {
	margin-left: 5px;
	font-size: 0.8em;
}
form .center {
	text-align: center;
}
form h3 {

}
form input[type="submit"]{
	padding: 1em 2em;
}
form input + input[type="submit"] {
	margin-left: 5px;
}
form input.komasu-box {
    width: 50%;
    display: inline-block;
    margin-right: 0.5em;
    margin-bottom: 1em;
}
form span.koma {
    display: inline-block;
    font-size: 1.2em;
}
table.form td p {
    margin-bottom: 0;
    padding: 0;
    font-size: 1.1rem;
}
span.zone-list a {
    margin-left: 1em;
}
.center input[type="submit"],
.entry-btn a {
    background-color: #f62800;
    font-size: 1.3em;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    border-radius: 10px;
    margin-bottom: 0.5em;
    font-family: "Font Awesome 5 Free", "Roboto Slab", "Helvetica Neue", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraginoKakuGothic Pro", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "MS Gothic", sans-serif;
}
.center input.form-btn-off {
    background-color: #ccc;
    cursor: inherit;
}
.entry-btn {
    margin: 2em 1em;
} 
.entry-btn a {
    color: #fff;
    padding: 0.5em 1em;
    font-size: 1.5em;
    font-weight: bold;
    display: inline-block;
}
.center input.back,
.continue-area input.back {
    font-size: 1.3em;
    border-radius: 10px;
    margin-right: 2em;
}
.center input[type="submit"]:hover,
.center input.back:hover,
.entry-btn a:hover,
.continue-area input.back:hover {
  transform: translateY(-2px);
  box-shadow: 0 7px 14px rgba(50,50,93,.1), 0 3px 6px rgba(0,0,0,.08);
  filter: brightness(130%);
}
.center input.form-btn-off:hover {
    transform: translateY(0);
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    filter: brightness(100%);
}
.entry-btn a:hover,
.entry-btn a:active,
.entry-btn a:visited {
    color: #fff;
}
.example-img {
    text-align: center;
    margin: 2em 0 1em;
}
.example-img p {
    font-size: 1.5rem;
    font-weight: bold;
}
input[type="hidden"] {
    color: #000;
}
#errorMessage,
#errorMessageSub {
    font-weight: bold;
    color: #f62800;
    font-size: 1.2em;
    margin: 1em 0;
    border: 1px solid;
    padding: 0.5em;
}
input[type="text"][disabled],
input[type="radio"][disabled] {
    cursor:not-allowed; /* 禁止カーソル */
    border: none;
    /*font-weight: bold;*/
    color: #000;
} 
textarea[disabled] {
    cursor:not-allowed; /* 禁止カーソル */
}

.note-box {
    margin: 1em 0 3em;
}
.note-box p {
   padding: 0;
}
.top-entry-btn {
    margin: 2em 0 3em;
    text-align: center;
}
input.pay-day {
    width: 8%;
    display: inline-block;
    padding: 0.2em;
}
span.day {
    font-weight: bold;
}
table.form td p.cap {
    font-size: 0.9em;
    margin-top: 0.5em;
}
.formAtt {
    text-align: center;
    margin-bottom: 1em;
}
table.form tr.ad td select.req,
table.form tr.event-ad td select.req,
body.page-id-762 table.form td select.req {
    margin-bottom: 1em;
    width: 100%;
}
.form-btn {
    margin-top: 3em;
}

table.form td select {
    padding: 0.5em;
}
table.form td input.pref,
table.form td input.city {
    display: inline-block;
}
table.form td input.pref {
    width: 19.5%;
    margin-right: 0.5em;
}
table.form td input.city {
    width: 78%;
}

/* 備品等の申し込みフォーム */

.application-list ul {
    margin: 2em 0 0;
}
.entry-content .application-list ul li {
    margin-top: 1.5em;
    margin-bottom: 1em;
    border-bottom: 1px solid #ccc;
}
.application-list ul li p {
   padding: 0;
}

input[type="button"].fas {
    font-family: "Font Awesome 5 Free" , "Roboto", "Helvetica Neue", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraginoKakuGothic Pro", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "MS Gothic", sans-serif;
    font-weight: 900;
}
ul.add_sign_list {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0.5em;
}
ul.add_sign_list li {
    display: flex;
}
input[type="button"]#btn_add,
input[type="button"]#elect_btn_add {
    background-color: #040544;
    font-size: 1.2rem;
    padding: 1em;
    border-radius: 10px;
    text-align: center;
    display: block;
    margin: 2em auto;
}
input[type="button"].delete {
    font-size: 1rem;
}
.panel-box:not(:last-of-type) {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.5em;
    margin-bottom: 0.5em;
}
.add_elect_box {
    margin-top: 1em;
}
.entry-content p.m-name {
    display: flex;
    align-items: center;
}
.entry-content p.m-name span {
    color: #000;
    font-size: 1.2rem;
    font-weight: bold;
    margin-right: 0.5em;
}
.entry-content p.m-name input {
    width: 90%;
}
.add_elect_box ul {
    list-style: none;
    padding-left: 0;
    display: flex;
    margin: 0.5em 0;
}
.add_elect_box ul li {
    display: flex;
    align-items: center;
}
.add_elect_box ul li input {
    width: 25%;
    margin: 0 0.5em;
}
.add_elect_box > div:not(:first-of-type) {
    margin: 1em 0;
    padding: 1em 0;
    border-bottom: 1px solid #ccc;
}
.add_elect_box > div:nth-of-type(2) {
    border-top: 1px solid #ccc;
}
.entry-content .category ul.other-application {
    padding-left: 1em;
    display: block;
}
.entry-content .category ul.other-application li:not(:last-child) {
    margin: 0 0 1em;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 0.5em;
}
.entry-content .category ul.other-application li label {
    margin-bottom: 0;
}
table.option-form th {
    text-align: center;
}
table.option-form th.quantity {
    text-align: left;
    padding-left: 2em;
}
table.option-form th.price {
    width: 11%;
    text-align: right;
}
table.option-form th.remarks {
    width: 40%;
}
table.option-form td input.quantity-area {
    width: 60%;
    display: inline-block;
}
table.option-form td:nth-child(2),
table.option-form td:nth-child(3) {
    text-align: right;
}
table.option-form td.extra {
    text-align: center;
}
table.option-form td.extra-txt textarea {
    margin-bottom: 1em;
}
table.form td input.t-time {
    width: 8%;
    display: inline-block;
}

table.room-option td input.quantity-area {
    width: 8%;
    display: inline-block;
    margin: 0 0.3em;
}
table.room-option-form th.onb {
    border-bottom: 2px solid;
}
table.room-option-form td input.quantity-area {
    width: 12%;
    margin: 0 0.3em;
}
table.room-option-form td:nth-child(3) {
    text-align: left;
    width: 50%;
}
table.room-option-form td:nth-child(2) {
    /*border-right: none;
    border-left: 1px solid #ddd;
    border-bottom: none;
    border-top: 1px solid #ddd;*/
}
table.room-option-form td:nth-child(3) {
    border-right: 1px solid #ddd;
    border-left: none;
    border-bottom: none;
    border-top: 1px solid #ddd;
}
table.room-option-form td input.write-box {

}
table.room-option-form tr.nob {
    border-bottom: none;
}
table.room-option-form td.wb {
    padding: 0 10px 10px;
    border-bottom: 2px solid;
}

/* 企業詳細ページ */
.banner-area {
    text-align: center;
    margin: 0 0 0.5em;
}
table.details th {
    width: 20%;
    text-align: center;
}
.company-movie-area {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:center;/*--- safari（PC）用 ---*/
    justify-content:center;

}
.company-movie,
.contents-movie {
    margin: 0 1.5em;
}
.company-movie p,
.contents-movie p {
    padding: 0;
    margin-bottom: 0;
}

.company-movie a {
    display: block;
    position: relative;
    box-shadow: none;
}
.company-movie a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f144";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    font-size: 3em;
    color: #000;
    margin: auto auto;
    vertical-align: middle;
}
.company-movie a:hover,
.company-movie a:focus {
    box-shadow: none;
}
.company-movie a img {
    opacity: 0.8;
    box-shadow: none;
    margin-bottom: 1em;
}
ul.online-list {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    list-style: none;
    padding-left: 0;
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
    margin-top: 4em;
}
body.page-id-1477 ul.online-list {
    margin-top: 2em;
}
.entry-content ul.online-list li {
    width: 44%;
    margin: 0 1em 1.5em;
    font-size: 1.3rem;
}
.entry-content ul.online-list li a {
    font-size: 1.2rem;
    background-color: #FDE12D;
    display: block;
    color: #040543;
    text-align: center;
    padding: 0.4em 1em;
    font-size: 1.4rem;
    font-weight: bold;
    border-radius: 10px;
    box-shadow: 8px 8px #040543;
    border: 4px solid #040543;
    transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
}
.entry-content ul.online-list li a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 0.3em;
    content: "\f054";
}

ul.online-list li p {
    margin-top: 1em;
}
ul.online-list li a:hover {
    box-shadow: 3px 3px 0 #040543;
    transform: translateY(3px);
}
ul.online-list li:hover:before {
    box-shadow: 0 0 0 2px #040544, 0 0.5em 0 0 #CDCDDA;
    -webkit-transform: translate3d(0, 0.5em, -1em);
            transform: translate3d(0, 0.5em, -1em);
}


ul.online-list li a:hover {
    box-shadow: none;
    color: #040544;
}
ul.online-list li a i,
ul.online-list li.no-online-list i {
    font-size: 1.5em;
    vertical-align: middle;
    margin-right: 0.3em;
}
ul.online-list li.no-online-list {
    color: #999;
    font-weight: bold;
    padding: 0.5em 1em;
    background-color: #E6E6E6;
    border: 2px solid #E6E6E6;
    border-radius: 10px;
    text-align: center;
    align-self: flex-start;
}
ul.online-list li.no-online-list:hover {
    transform: none;
}
ul.online-list li.no-online-list:before {
    content: none;
}
/* ボタングレーアウト */

ul.online-list li p.no-online-btn {
    font-size: 1.2rem;
    background-color: #ccc;
    display: block;
    color: #999;
    text-align: center;
    padding: 0.4em 1em;
    font-size: 1.4rem;
    font-weight: bold;
    border-radius: 10px;
    border: 4px solid #b3b3b3;
    margin-top: 0;
}

.entry-content h4.tool-title {
    border-bottom: 3px solid;
    font-size: 1.5em;
    border-left: none;
    margin-top: 2.5em;
    text-align: center;
}
.entry-content h4.tool-title i {
    font-size: 1.3em;
}
.tool {
    border-bottom: 2px dashed #ccc;
    padding: 1em 1em 2em;
    max-width: 1000px;
    margin: 0 auto 1em;
}
.tool-box {
    display: table;
}
.entry-content h5.tool-day,
.tool-time,
.tool-name {
    color: #1a1a1a;
    background-color: transparent;
    margin-top: 0;
    padding: 0;
    font-size: 1.5em;
    margin-bottom: 0;
    display: table-cell;
    vertical-align: middle;
}
.entry-content p.status {
    color: #f62800;
    padding: 0;
    margin: 0;
    font-weight: bold;
    display: inline-block;
    border-radius: 10px;
    font-size: 1.3rem;
    letter-spacing: 0.1em;
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -ms-flex-align: center; /*IE10*/
    -webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
    -webkit-align-items: center; /* Safari6.1以降 */
    align-items:center;
}
.entry-content p.status:before,
.entry-content p.status:after {
    content: "";
    width: 25px;
    height: 4px;
    background: #f62800;
}
.entry-content p.status:before {
    transform: rotate(60deg);
}
.entry-content p.status:after {
    transform: rotate(-60deg);
}
.tool-link {
    display: table-cell;
    vertical-align: middle;
    min-width: 350px;
    text-align: center;
}
.tool-link a {
    text-decoration: none;
    padding: 0.8rem 2rem;
    border: 3px solid #040544;
    border-radius: 0;
    background: #FDE12D;
    position: relative;
    color: #040544;
    font-weight: bold;
    display: block;
}
.tool-link a:before,
.tool-link a:after {
    position: absolute;
    left: 0;
    width: 100%;
    content: "";
    -webkit-transition: all .3s;
    transition: all .3s;
    border-top: 3px dotted #040544;
}
.tool-link a:before {
    top: 4px;
}
.tool-link a:after {
    bottom: 4px;
}
.tool-link a:hover:before {
    top: -3px;
    background: #040544;
}
.tool-link a:hover:after {
    bottom: -3px;
    background: #040544;
}
.tool-link a:hover {
    color: #040544;
    box-shadow: none;
}
.tool-link p span {
    border: 1px solid;
    padding: 0.2em 0.3em;
    border-radius: 10px;
    font-size: 1rem;
    margin-right: 0.3em;
}
.tool-link a span.required {
    background-color: #f62800;
    color: #fff;
    border-radius: 10px;
    padding: 0.2em 0.3em;
    font-size: 1rem;
    margin-right: 0.3em;
}
.tool-link p {
    padding: 0.8rem 2rem;
    background: #E6E6E6;
    position: relative;
    color: #999;
    font-weight: bold;
    margin-bottom: 0;
    font-size: 1em;
}

.tool-link p.yet {
    background: #000;
    padding: 0;
    position: relative;
    padding: 0.8rem 1rem;
    color: #fff;
}
.tool-link p.yet span {
    background-color: #fff;
    border-radius: 10px;
    color: #000;
    font-size: 0.9rem;
    padding: 0.3em;
    margin-right: 0.3em;
}

.tool-link p.yet:before {
  position: absolute;
  top: 4px;
  left: 0;
  width: 100%;
  content: "";
  border-top: 3px dotted #fff;
}
.tool-link p.yet:after {
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
  content: "";
  border-top: 3px dotted #fff;
}
.tool-time {
    font-weight: bold;
    width: 300px;
    text-align: center;
}
.entry-content h5.tool-name {
    background-color: #fff;
    padding: 1.25rem 3rem;
    color: #000;
    overflow: hidden;
    padding: 1rem 1rem 1rem 4rem;
    border: 3px solid #000;
    border-radius: 100vh;
    display: block;
    margin: 1em 0 0;
    font-size: 1.1em;
    position: relative;
    line-height: 1.8;
    text-transform: unset;
}
.entry-content h5.tool-name span {
    font-size: 30px;
    font-size: 1.8rem;
    text-align: center;
    line-height: 35px;
    position: absolute;
    top: calc(50% - 22px);
    left: 10px;
    display: block;
    width: 45px;
    height: 45px;
    color: #fff;
    border-radius: 50%;
    background: #f62800;
}
.entry-content h5.tool-name:before {

}
/*.entry-content h5.tool-name:before {
    border-left: solid 1px #ff5722;
    border-top: solid 1px #ff5722;
    top:0;
    left: 0;
}
.entry-content h5.tool-name:after {
    border-right: solid 1px #ff5722;
    border-bottom: solid 1px #ff5722;
    bottom:0;
    right: 0;
}*/
.entry-content p.status-end {
    color: #f62800;
    border: 1px solid;
    padding: 0 0.5em;
    margin: 0 0 0.5em;
    font-weight: bold;
    display: inline-block;
    border-radius: 10px;
    font-size: 1rem;
}
table.details td ul {
    margin-bottom: 0;
   
}
table.details td ul li {
    margin-bottom: 1em;

}
.entry-content .no-pre p {
    text-align: center;
    font-size: 1.3em;
}

.url-list {
    list-style: none;
    padding-left: 0.5em;
}
.url-list li:first-child {
    margin-top: 2em;
}
.url-list li:not(:last-child) {
    border-bottom: 2px dashed #ccc;
    margin-bottom: 2em;
    padding-bottom: 0.5em;
}
.url-list li p {
    padding: 0;
}

.url-list li p a {
    background-color: #D7E9ED;
    box-shadow: none;
    padding: 0.5em 1em 0.3em;
    margin-bottom: 0.5em;
    display: inline-block;
    text-decoration: underline;
    border-radius: 20px;
    position: relative;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
    box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    -webkit-box-shadow: 0 4px 6px rgba(50,50,93,.11), 0 1px 3px rgba(0,0,0,.08);
    border: 3px solid #D7E9ED;
    text-decoration: none;
    font-weight: bold;
    color: #040544;
}

.url-list li p a:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f35d";
    margin-left: 0.5em;
}
.url-list li p a:hover {
    border: 3px solid #D7E9ED;
    box-shadow: none;
    background-color: #fff;
    text-decoration: underline;
}
h2.exhibiting {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 0;
    color: #f62800;
}
h2.exhibiting:before,
h2.exhibiting:after {
    content: "";
    width: 45px;
    height: 5px;
    background: #FDE12D;
}
h2.exhibiting:before {
    transform: rotate(60deg);
}
h2.exhibiting:after {
    transform: rotate(-60deg);
}
h2.no-exhibiting {
    padding-top: 0;
    text-align: center;
    color: #ccc;
}


/* 出展規約 */
.terms {
    height: 300px;
    overflow: auto;
    border: 1px solid #999999;
    padding: 1em;
    background-color: #f4f4f4;

}
.entry-content .terms ul {
    list-style: none;
}
.entry-content .terms ul li {
    font-size: 1.1rem;
    margin-left: 1.5em;
    text-indent: -1.8em;
}
.entry-content .terms h4 {
    border-left: none;
    padding-top: 0;
    padding: 0;
    margin-top: 1em;
    border-bottom: none;
}
.entry-content .terms h5 {
    margin-top: 0;
    font-size: 1em;
    padding: 0;
    color: #1a1a1a;
    background-color: transparent;
}
.entry-content .terms ul li > ul.terms-box {
    list-style: disc;
}
.entry-content .terms ul li > ul.terms-box li {
    font-size: 1rem;
    margin-bottom: 0.5em;
    margin-left: 0;
    text-indent: 0;
}
.entry-content p.checkbox {
    display: inline-block;
    margin-top: 2em;
    font-size: 1.2em;
    font-weight: bold;
}
.antore {
    margin-top: 3em;
}
/*--------------------------------------------------------------
 TOP PAGE リニューアル
--------------------------------------------------------------*/
.session-title {
    max-width: 800px;
}
.ex-info-box {
    position: relative;
    padding: 1.5rem 1.5rem calc(1.5rem + 10px);
    border: 2px solid #000;
    margin-bottom: 2em;
    border-radius: 10px 10px 0 0;
    max-width: 1280px;
    margin: 3em auto 2em;
}
.ex-info-box:after {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: "";
    border-top: 2px solid #000;
    background-image: -webkit-repeating-linear-gradient(135deg, #000, #000 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #000, #000 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ex-info-box h2,
.pickup-area h3,
.held-event-area h3 {
    color: #040544;
    text-align: center;
    font-size: 2.3rem;
    letter-spacing: 0.1em;
}
ul.all-btn {
    margin: 0;
    padding: 0;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
ul.all-btn li.syuten-btn {
    padding: 0;
    margin: 0 1em;
    min-height: auto;
}
ul.all-btn li.syuten-btn a {
    padding: 0 1em;
}
ul.all-btn li.all {

}
ul.all-btn li.all p {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    font-size: 1.3em;
}
.ex-info-box h3 {
    color: #040544;
    font-size: 1.8rem;
    border-left: 8px solid;
    padding: 0.2em 0 0.2em 0.5em;
    margin-top: 1.5em;
    border-bottom: 1px solid;
}
ul.search-zone {
    list-style: none;
    padding-left: 0;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    -ms-flex-align: center; /*IE10*/
    -webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
    -webkit-align-items: center; /* Safari6.1以降 */
    align-items:center;
    margin: 0 0 2em;
    gap: 1.5em;
    padding: 0 1em;
}
ul.search-zone li {
    /*border: 1px solid #b3b3b3;
    border-radius: 10px;*/
    font-size: 1.3rem;
    width: 376px;
    margin: 0;
}
ul.search-zone li label {
    color: #4d4d4d;
    font-weight: bold;
    margin-bottom: 0;
    border: 1px solid #b3b3b3;
    border-radius: 10px;
    position: relative;
    padding: 0.5em 2em 0.5em 0.5em;
    cursor: pointer;
}
ul.search-zone li label:before,
ul.search-zone li label:after {
    position: absolute;
    content: ""; 
    top: 50%;
}
ul.search-zone li label:before {
    right: 16px;
    margin-top: -14px;
    width: 13px;
    height: 19px;
    border-right: 4px solid #f62800;
    border-bottom: 4px solid #f62800;
    transform: rotate(45deg);
    z-index: 100;
    opacity: 0; 
}
ul.search-zone li label:after {
    right: 8px;
    margin-top: -0.7em;
    width: 30px; 
    height: 30px;
    border-radius: 5px;
    border: 2px solid #ccc;
}
ul.search-zone li input[type="checkbox"] {
    /*margin-right: 0;
    width: 30px;
    height: 30px;
    margin-left: 0.3em;*/
    display: none;
}
ul.search-zone li label i {
    font-size: 2rem;
    margin-right: 0.3em;
    vertical-align: sub;
    width: 40px;
    height: 30px;
    text-align: center;
    display: inline-block;
}
ul.search-zone li label.zone01 i {
    color: #9e9d24;
}
ul.search-zone li label.zone02 i {
    color: #c62828;
}
ul.search-zone li label.zone03 i {
    color: #ad1457;
}
ul.search-zone li label.zone04 i {
    color: #6a1b9a;
}
ul.search-zone li label.zone05 i {
    color: #4527a0;
}
ul.search-zone li label.zone06 i {
    color: #283593;
}
ul.search-zone li label.zone07 i {
    color: #0277bd;
}
ul.search-zone li label.zone08 i {
    color: #00838f;
}
ul.search-zone li label.zone09 i {
    color: #2e7d32;
}
ul.search-zone li label.zone10 i {
    color: #f9a825;
}
ul.search-zone li label.zone11 i {
    color: #E30012;
}
ul.search-zone li label.zone12 i {
    color: #004EA2;
}
ul.search-zone li label.zone13 i {
    color: #E51261;
}
ul.search-zone li label.zone14 i {
    color: #E51261;
}
ul.search-zone li label.zone15 i {
    color: #34b3e8;
}
ul.search-zone li label.zone16 i {
    color: #f60000;
}
ul.search-zone li label.zone17 i {
    color: #f57d2b;
}
ul.search-zone li input[type="checkbox"]:checked + label.zone01 {
    background: #9e9d24;
}
ul.search-zone li input[type="checkbox"]:checked + label.zone02 {
    background: #c62828;
}
ul.search-zone li input[type="checkbox"]:checked + label.zone03 {
    background: #ad1457;
}
ul.search-zone li input[type="checkbox"]:checked + label.zone04 {
    background: #6a1b9a;
}
ul.search-zone li input[type="checkbox"]:checked + label.zone05 {
    background: #4527a0;
}
ul.search-zone li input[type="checkbox"]:checked + label.zone06 {
    background: #283593;
}
ul.search-zone li input[type="checkbox"]:checked + label.zone07 {
    background: #0277bd;
}
ul.search-zone li input[type="checkbox"]:checked + label.zone08 {
    background: #00838f;
}
ul.search-zone li input[type="checkbox"]:checked + label.zone09 {
    background: #2e7d32;
}
ul.search-zone li input[type="checkbox"]:checked + label.zone10 {
    background: #f9a825;
}
ul.search-zone li input[type="checkbox"]:checked + label.zone11 {
    background: #E30012;
}
ul.search-zone li input[type="checkbox"]:checked + label.zone12 {
    background: #004EA2;
}
ul.search-zone li input[type="checkbox"]:checked + label.zone13 {
    background: #E51261;
}
ul.search-zone li input[type="checkbox"]:checked + label.zone14 {
    background: #E51261;
}
ul.search-zone li input[type="checkbox"]:checked + label.zone15 {
    background: #34b3e8;
}
ul.search-zone li input[type="checkbox"]:checked + label.zone16 {
    background: #f60000;
}
ul.search-zone li input[type="checkbox"]:checked + label.zone17 {
    background: #f57d2b;
}
ul.search-zone li input[type="checkbox"]:checked + label {
    color: #fff;
    font-weight: bold;
}
ul.search-zone li input[type="checkbox"]:checked + label i {
    color: #fff;
}
ul.search-zone li input[type="checkbox"]:checked + label:before {
    opacity: 1;
}
ul.search-zone li input[type="checkbox"]:checked + label:after {
    background-color: #fff;
    border: none;
}
.search-btn {
    text-align: center;
    border-bottom: 2px dashed #ccc;
    padding-bottom: 2em;
}
.search-btn input.fas {
    font-family: "Font Awesome 5 Free","游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraginoKakuGothic Pro", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "MS Gothic", sans-serif;
}
.search-btn input[type="submit"] {
    font-size: 1.4rem;
    padding: 0.5em 4em;
    background-color: #FDE12D;
    font-weight: bold;
    border-radius: 10px;
    box-shadow: 0 8px #040543;
    border: 4px solid #040543;
    transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
    color: #040543;
}
.search-btn input:hover,
.pre-btn a:hover,
.list-btn a:hover,
.wp-block-button a.wp-block-button__link:hover {
    box-shadow: 0 3px 0 #040543;
    transform: translateY(3px);
    color: #f62800;
}
.wp-block-button a.wp-block-button__link:hover {
    background-color: #FDE12D;
}
.search-txt {
    border-bottom: none;
    margin-top: 1em;
}
.presen-area {
    background-color: #040544;
    padding: 2em 1em 3em;
    margin-top: 3em;
}
.presen-area h3 {
    text-align: center;
    color: #fff;
    font-size: 2rem;
    letter-spacing: 0.1em;
}
.ribon-wrap {
    display: block;
    position: relative;
    margin: 15px auto;
    padding: 10px 0;
    max-width: 1150px;
    height: 156px;
    background: #fff;
    box-sizing: border-box;
}
.ribon-content {
    position: absolute;
    top: -4px;
    right: -6px;
    width: 125px;
    height: 125px;
    overflow: hidden;
}
.ribon-content span {
    display: inline-block;
    position: absolute;
    padding: 7px 0;
    left: -4px;
    top: 21px;
    width: 169px;
    text-align: center;
    font-size: 2rem;
    line-height: 2rem;
    background: #f62800;
    color: #fff;
    letter-spacing: 0.05em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.ribon-content span:before,
.ribon-content span:after {
    position: absolute;
    content: "";
    border-top: 4px solid #b91e00;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: -3px;
}
.ribon-content span:before {
    left: -1px;
}
.ribon-content span:after {
    right: 0;
}
.pre-btn {
    max-width: 680px;
    text-align: center;
    margin: 0 auto;
}
.pre-btn a {
    font-size: 1.4rem;
    padding: 0.3em 1em;
    background-color: #FDE12D;
    font-weight: bold;
    border-radius: 10px;
    box-shadow: 0 8px #040543;
    border: 4px solid #040543;
    transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
    color: #040543;
    display: block;
    margin-top: 1.2em;
}
.pre-btn a i {
    font-size: 1.8rem;
    vertical-align: middle;
    margin-left: 0.3em;
}
.pickup-area {
    padding: 2em 1em;
}
.pick-btn {
    max-width: 500px;
}
.pick-btn a {
    padding: 0.3em 1em;
}
.held-event-area {
    background-color: #ebebf0;
    padding: 2em 1em;
    margin: 0;
}
.held-event-area h4 {
    color: #040544;
    font-size: 1.8rem;
    /*border-bottom: 1px solid;
    max-width: 1154px;*/
    margin: 0;
    position: relative;
    padding: 0 65px;
    text-align: center;
    font-style: italic;
}
.held-event-area h4:before {
    position: absolute;
    top: 55%;
    left: 0;
    width: 100%;
    height: 2px;
    content: "";
    background: #040544;
}
.held-event-area h4 span {
    position: relative;
    padding: 0 1em;
    background: #fff;
}
.held-event-area h4 span.month {
    background: transparent;
    padding: 0;
    font-size: 3.5rem;
}
.held-event-area h4.search-title {
    margin-top: 3em;
}
.held-event-box {
    max-width: 1154px;
    margin: 0 auto 2em;
    background-color: #fff;
    position: relative;
    padding: 1em 1em 1.5em;
    -ms-flex-align: center; /*IE10*/
    -webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
    -webkit-align-items: center; /* Safari6.1以降 */
    align-items:center;
}

.held-event-box .ribon-content {
    width: 150px;
    height: 150px;
}
.held-event-box .ribon-content span {
    left: -17px;
    top: 37px;
    width: 213px;
    letter-spacing: 0;
    font-size: 1.8rem;
    line-height: 1.8rem;
    font-weight: bold;
}
.held-event-box .ribon-content span:before {
    left: 3px;
}
.held-event-box .ribon-content span:before, 
.held-event-box .ribon-content span:after {
    bottom: -3px;
}
.held-event-box .ribon-content span:after {
    right: 1px;
}
.held-event-box .event-label {
    display: inline-block;
}
.held-event-box .event-label {
    color: #fff;
    font-weight: bold;
    padding: 0 0.5em;
    font-size: 1rem;
}
.held-event-box .event-info h3 {
    font-size: 1.4rem;
    color: #4d4d4d;
    padding: 0;
    text-align: left;
    letter-spacing: 0;
    margin-bottom: 0.3em;
}
.held-event-box .event-info h4 {
    font-size: 1.2rem;
}
.held-event-box .event-info h4.matching-day {
    color: #0fa3b1;
}
.held-event-box .event-info h4.panel-day {
    color: #8CB369;
}
.held-event-box .event-info h4.seminar-day {
    color: #CF4D6F;
}
.held-event-box p.sponsor {
    color: #4d4d4d;
    font-weight: bold;
    border-bottom: 2px dotted;
}
.thumb-box {
    width: 300px;
}
.held-event-box .event-info {
    width: 70%;
    margin-left: 2em;
}
.held-event-box .event-info-txt {
    margin-bottom: 0;
}
.calendar-area {
    max-width: 1150px;
    margin: 0 auto 2em;
    background-color: #fff;
    padding: 1em 1em 2em;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}
.calendar-area table {
    border-collapse: separate;
    border-spacing: 20px 5px;
    font-family: 'Roboto', sans-serif;
    margin: 0;
}
.calendar-area table tr {
}
.calendar-area table tr th {
    text-align: center;
    padding: 0;
}
.calendar-area table tr th.sun,
.calendar-area table tr td.event-in {
    color: #f62800;
}
.calendar-area table tr td.event-in,
.event-day a {
    font-size: 4rem;
}
.calendar-area table tr td.event-in a,
.event-day a {
    color: #f62800;
    /*text-underline-offset: 8px;
    text-decoration: underline;
    text-decoration-style: dashed;
    text-decoration-thickness: 3px;*/
    background-color: #FDE12D;
    border-radius: 50%;
    width: 100px;
    height: 100px;
    display: inline-block;
    line-height: 100px;
    border: 4px solid #040543;
    color: #040543;
}
.event-day a:hover {
    color: #f62800;
    /*text-decoration-style: solid;*/
}
.calendar-area table tr td.event-in span {
    position: relative;
    display: inline-block;
    margin: 0 0 0 0.3em;
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    color: #FFF;
    font-size: 1.2rem;
    font-weight: bold;
    background: #f62800;
    border-radius: 50%;
    box-sizing: border-box;
    vertical-align: top;
}

.calendar-area table tr td {
    text-align: center;
    border: 2px solid #040544;
    font-size: 1.8rem;
    font-weight: bold;
    color: #ccc;
    padding: 0.5em;
    /*width: 115px;*/
}
.calendar-area table tr td:first-child {
    /*padding-left: 0.4em;*/
}
.calendar-area table tr td:last-child {
    /*padding-right: 0.4em;*/
}
.list-btn {
    text-align: center;
    margin: 1em 0 0;
}
.list-btn a,
.wp-block-button a.wp-block-button__link {
    font-size: 1.4rem;
    padding: 0.3em 1em;
    background-color: #FDE12D;
    font-weight: bold;
    border-radius: 10px;
    box-shadow: 0 8px #040543;
    border: 4px solid #040543;
    transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
    color: #040543;
    display: inline-block;
    margin: 0 0 0.5em;
}
p.calendar-txt {
    color: #4d4d4d;
    text-align: center;
    font-weight: bold;
    margin-top: 2em;
}
.link-area {
    max-width: 1200px;
    margin: 4em auto 0;
}
.questionary-area {
    max-width: 1200px;
    margin: 3em auto;
}
.questionary-box {
    position: relative;
    background-color: #040544;
    border-radius: 10px;
    padding: 1em 1em 2em;
}
.questionary-box:after {
    background-color: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 10px;
    content: "";
    border-left: 2px solid #040544;
    border-bottom: 2px solid #040544;
    border-right: 2px solid #040544;
    border-radius: 0 0 10px 10px;
    background-image: -webkit-repeating-linear-gradient(135deg, #040544, #040544 1px, transparent 2px, transparent 5px);
    background-image: repeating-linear-gradient(-45deg, #040544, #040544 1px, transparent 2px, transparent 5px);
    background-size: 7px 7px;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
.ribon02 {
    display: inline-block;
    position: relative;
    box-sizing: border-box;
    padding: 5px 0;
    margin: 0 0 0 -37px;
    color: white;
    background: #fde12d;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
}
.ribon02 h6 {
    margin: 0;
    padding: 0 30px 0 15px;
    font-size: 1.8rem;
    color: #f62800;
}
.ribon02 h6:before {
    content: none;
}
.ribon02:after {
    position: absolute;
    content: "";
    z-index: 1;
    top: 0;
    right: 0;
    width: 0px;
    height: 0px;
    border-width: 25px 15px 25px 0px;
    border-color: transparent #040544 transparent transparent;
    border-style: solid;
}
.ribon02:before {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 15px transparent;
    border-right: solid 20px #bea922;
}
.questionary-box h4 {
    text-align: center;
    padding: 0;
    color: #fff;
    font-size: 1.5rem;
    margin-top: -1.8em;
    letter-spacing: 0.1em;
}
.questionary-btn {
    text-align: center;
    margin-top: 2em;
}
.questionary-btn a {
    font-size: 1.4rem;
    padding: 0.3em 1em;
    background-color: #FDE12D;
    font-weight: bold;
    border-radius: 10px;
    box-shadow: 0 4px #f62800;
    border: 4px solid #f62800;
    transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
    color: #f62800;
    display: inline-block;
    margin: 0 0 0.5em;
}
.questionary-btn a:hover {
    box-shadow: 0 3px 0 #040543;
    transform: translateY(3px);
    color: #f62800;
}
.sponsor-area {
    max-width: 1200px;
    margin: 6em auto;
}
.sponsor-area h2 {
    color: #040544;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 2rem;
}
.pre-release {
    max-width: 1200px;
    margin: 1em auto 2em;
    text-align: center;
}
.pre-release p {
    font-size: 1.5rem;
    font-weight: bold;
    color: #F62800;
}

p.event-day {
    margin: 0;
}
.calendar-area table tr td p.top-event-label {
    padding: 0.3em 0.5em;
    color: #fff;
    font-weight: bold;
    font-size: 1.1rem;
    text-align: center;
    font-family: "Roboto", "Helvetica Neue", "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HiraginoKakuGothic Pro", "ＭＳ ゴシック", "ＭＳ Ｐゴシック", "MS Gothic", sans-serif;
}
.calendar-area table tr td p.top-event-label span {
    background-color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    display: inline-block;
    vertical-align: middle;
    line-height: 40px;
    margin-left: 0.5em;
    font-size: 1.6rem;
    color: #fff;
    position: relative;
}
.calendar-area table tr td p.top-event-label span:before {
    content: "";
    position: absolute;
    top: 50%;
    left: -16px;
    margin-top: -11px;
    border: 10px solid transparent;
    z-index: 0;
}
.calendar-area table tr td p.top-event-label-event {
    color: #FCA311;
}
.calendar-area table tr td p.top-event-label-event span {
    background-color: #FCA311;
}
.calendar-area table tr td p.top-event-label-event span:before {
    border-right: 15px solid #FCA311;
}
.calendar-area table tr td p.top-event-label-seminar {
    color: #52B2CF;
}
.calendar-area table tr td p.top-event-label-seminar span {
    background-color: #52B2CF;
}
.calendar-area table tr td p.top-event-label-seminar span:before {
    border-right: 15px solid #52B2CF;
}

/* Close */
.termClosed {
    position: relative;
}
.termClosed:after {
    content: "";
    background-color: rgba(0,0,0,0.5);
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
}
.closed-txt {
    padding: 2em 1em 1.5em;
    text-align: center;
    font-weight: bold;
    color: #f62800;
    font-size: 1.1em;
}
.prv-btn-area {
    margin: 1em 0 3em;
}
/*.prv-btn-area ul {
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.prv-btn-area ul li {
    margin: 0 2em;
    width: 580px;
}*/
.prv-btn-area ul li a {
    background-color: #fff;
    border: 4px solid #000D5A;
    transition: color .3s, background .3s, box-shadow .3s, transform 0.3s;
    box-shadow: 6px 6px #000D5A;
    border-radius: 10px;
    margin-bottom: 0.5em;
    font-size: 1.3rem;
    font-weight: bold;
    padding: 0.3em 1.5em;
    letter-spacing: 0.1em;
    display: block;
    text-align: center;
    color: #3891A6;
}
.prv-btn-area ul li a:hover {
    box-shadow: 3px 3px 0 #040543;
    transform: translateY(3px);
}
.prv-btn-area ul li a:focus {
    box-shadow: none;
}

/* 2021追加 */

.entry-content p.side-line {
    position: relative;
    padding-left: 2.5em;
    font-size: 1.5rem;
    letter-spacing: 0.1em;
    color: #f62800;
}
.entry-content p.side-line:before {
    content: "";
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 40px;
    height: 2px;
    background-color: #f62800;
    left: 0;
}
h6 {
    position: relative;
    padding-left: 2em;
    padding: 0 0 0 2.5em;
    margin: 1em 0 0.5em;
}
h6:before {
    content: "";
    position: absolute;
    top: 50%;
    display: inline-block;
    width: 40px;
    height: 2px;
    background-color: #333;
    left: 0;
}
.entry-content p.theme-title {
    color: #040544;
    font-size: 1.7rem;
    padding: 0;
    margin: 0.5em 0 0;
}
.entry-content p.theme-title02 {
    margin: 1em 0 0;
}

.twitter-area {
    margin: 2em auto;
    border: 2px solid #000;
    border-radius: 10px;
    max-width: 1200px;
    padding: 1.5rem 1.5rem calc(1.5rem + 10px);
}
.twitter-area h2 {
    font-size: 2.3rem;
    letter-spacing: 0.1em;
    color: #040544;
    text-align: center;
}
.twitter-wrap {
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}
.twitter {
    background-color: #ebebf0;
    padding: 1em;
    border-radius: 10px;
    margin-right: 1em;
}


/* 2022追加 */

.ev {
    border-top: 1px solid #ccc;
    padding-top: 1em;
    margin-top: 1em;
}
table.form td .ev p {
    margin: 0;
    text-indent: -1em;
    padding-left: 1em;
}
table.form td .ev p:first-of-type {
    margin-top: 1em;
}
.entry-content ul.sketch {
    display: flex;
    flex-wrap: wrap;
}
.entry-content ul.sketch li {
    flex-basis: 26%;
    margin-bottom: 1em;
}
.live-box {
    max-width: 1200px;
    /*display: flex;*/
    margin: 0 auto;
}
.live-box h4 {
    color: #fff;
    text-align: center;
}
.live-box-con {
    margin: 0 1.5em;
}


/* 2023追加 */
.exhibition-zone {
    margin: 3em 0;
background-color: rgba(255, 255, 255, 1);
opacity: 1;
background-image:  linear-gradient(rgba(242,242,242,1) 0.8px, transparent 0.8px), linear-gradient(to right, rgba(242,242,242,1) 0.8px, rgba(255, 255, 255, 1) 0.8px);
background-size: 16px 16px;
}
.band {
    background-color: #040544;
   overflow:hidden;
}
.animation-txt {
   display : inline-block;
   white-space : nowrap;
   animation : text_scroll 50s linear infinite;
   /*padding-left:100%;*/
   font-size: 1.2em;
   font-weight: bold;
   color: #fff;
   letter-spacing: 0.05em;
   margin-bottom: 0;
}
@keyframes text_scroll{
   0% { transform: translateX(0)}
   100% { transform: translateX(-50%)}
}
-webkit-@keyframes text_scroll{
   0% { transform: translateX(0)}
   100% { transform: translateX(-50%)}
}
.animation-txt-left {
   animation : text_scroll_left 50s linear infinite;
}
@keyframes text_scroll_left {
   0% { transform: translateX(-50%)}
   100% { transform: translateX(0)}
}
-webkit-@keyframes text_scroll_left {
   0% { transform: translateX(-50%)}
   100% { transform: translateX(0)}
}
.animation-txt span {
   margin: 0 1em;
}
.exhibition-zone-list {
    margin: 2em auto;
    max-width: unset;
}
.exhibition-zone-list ul {
    display: flex;
   /* width: fit-content;*/
    flex-wrap: wrap;
    padding-left: 0;
    justify-content: center;
    gap: 2em;
}
.exhibition-zone-list ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    border-radius: 10px;
    box-shadow: 10px 10px 40px #bebebe, -10px -10px 40px #ffffff;
    width: calc(79% / 5);
    padding: 1em;
    background-size: 600% 600%;
    -webkit-animation: load 10s ease infinite;
    animation: load 10s ease infinite;
}

.exhibition-zone-list ul li i {
    border-radius: 50%;
    background: #fff;
    width: 65px;
    height: 65px;
    text-align: center;
    line-height: 60px;
    font-size: 2.5rem;
    margin-bottom: 0.3em;
}
.exhibition-zone-list ul li h3 {
    padding: 0;
    color: #fff;
}
.exhibition-zone-list ul li p {
    color: #fff;
}
.zone-list01 {
    /*background: linear-gradient(137deg, #add7e4, #9e9d24, #f9efc6, #2ab7ad);*/
    background: linear-gradient(132deg, #ce326c, #6a1b9a, #e01393);
}

.zone-list01 i {
    color: #6a1b9a;
}
.zone-list02 {
    background: linear-gradient(137deg, #04a3ba, #0277bd, #66e11f);
}

.zone-list02 i {
    color: #0277bd;
}
.zone-list03 {
    background: linear-gradient(137deg, #ef592b, #ad1457, #ffcf38);
}
.zone-list03 i {
    color: #ad1457;
}
.zone-list04 {
    background: linear-gradient(132deg, #f6b9d0, #c62828, #ffcf0e);
}
.zone-list04 i {
    color: #c62828;
}
.zone-list05 {
    background: linear-gradient(132deg, #9a6ed5, #4527a0, #23ddce);
}
.zone-list05 i {
    color: #4527a0;
}
.zone-list06 {
    background: linear-gradient(132deg, #a700f7, #283593, #d71cb0);
}
.zone-list06 i {
    color: #283593;
}
.zone-list07 {
    background: linear-gradient(132deg, #9fcb36, #2e7d32, #abd608);
}
.zone-list07 i {
    color: #2e7d32;
}
.zone-list08 {
    background: linear-gradient(137deg, #2c9b88, #9e9d24, #28dcd8);
}
.zone-list08 i {
    color: #9e9d24;
}
.zone-list09 {
    background: linear-gradient(137deg, #f8172f, #e51261, #fecd7b);
}
.zone-list09 i {
    color: #E51261;
}
.zone-list10 {
    background: linear-gradient(137deg, #a9dcf2, #34b3e8, #12e8e6);
}
.zone-list10 i {
    color: #34b3e8;
}
.zone-list11 {
    background: linear-gradient(137deg, #2713f2, #f60000, #000080);
}
.zone-list11 i {
    color: #f60000;
}
.zone-list12 {
    background: linear-gradient(137deg, #0090f6, #004EA2, #1b5eea);
}
.zone-list12 i {
    color: #004EA2;
}
@-webkit-keyframes load {
    0%{background-position:0% 50%}
    50%{background-position:100% 51%}
    100%{background-position:0% 50%}
}
@keyframes load {
    0%{background-position:0% 50%}
    50%{background-position:100% 51%}
    100%{background-position:0% 50%}
}

.live-box_wrapper {
    margin: 1em 0;
}
.live-box_wrapper iframe {
    display: block;
    margin: 0 auto;
}
.live-box-con p {
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
}



/* 備品等の申し込みフォーム */ 

.form-wrap span.red,
.form-wrap p.red  {
    color: #f62800;
}
.btn-wrap {
    /*border: 1px solid #ccc;
    padding: 1em;
    background-color: #f4f4f4;*/
}
.entry-content .btn-wrap h5 {
    margin-top: 0.5em;
}
.entry-content .category ul li input[type="checkbox"] {
    margin-left: 1em;
}
.category-microphone li:not(:last-child),
.category-option li:not(:last-child) {
    margin: 0 0 1em;
    border-bottom: 1px dashed #ccc;
    padding-bottom: 0.5em;
}
.category-microphone input.quantity-area,
.category-option input.quantity-area {
    width: 5%;
    display: inline-block;
    margin: 0 0.3em;
}
.continue-area {
    margin: 2em 0;
    text-align: center;
}
.continue-area p.apply-btn {
    margin: 0 auto;
    padding: 1em 2em;
    display: inline-block;
}
.continue-area input.back {
    margin-top: 2em;
    margin-right: 0;
    font-size: 1.2em;
}
.category-option {
    margin-top: 2em;
}
.syuten-btn-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}



/* 2024追加 */

.news-wrap {
    background-color: #cdcdda;
    padding: 2em 1em 5em;
    margin-top: 3em;
}
.news-wrap h3 {
    color: #040544;
    text-align: center;
    font-size: 2rem;
}
.news-area {
    background-color: #fff;
    border-radius: 10px;
    padding: 1em;
    margin: 0 auto;
    max-width: 1200px;
}
.news-area h4 {
    padding: 0;
    font-size: 1.3rem;
}
.news-area ul {
    list-style: none;
    font-size: 1.2em;
    padding: 1em 1em 0;
}
.news-area ul li {
    margin-bottom: 0.8em;
    padding-bottom: 0.8em;
    border-bottom: 2px dashed #ccc;
}
.news-area ul li a {
    font-weight: bold;
    text-decoration: underline;
    border-left: 7px solid #F62800;
    padding: 0 0 0 0.5em;
    display: block;
}
.news-area ul li a:hover {
    text-decoration: none;
}


.wp-block-table.is-style-stripes {
    border-bottom: none;
}

.not-found .page-header {
    background-color: transparent;
}


/*--------------------------------------------------------------
19.0 Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 1335px) {
.entry-content, 
/*body.home .site-content*/ {
    padding: 2.5em 1em 3em;
}
}
@media screen and (max-width: 89.313em) {
.navigation-top {
    min-height: 80px;
}
.main-navigation > div > ul {
    border-top: none;
    padding: 4.5em 1.695em 1em;
}
.main-navigation ul {
    /*background: #040544;*/
}
.menu-global-container ul#top-menu {
    background: #fff;
    top: 0;
    left: 0;
    width: 100%;
    height: 0%;
    opacity: 0;
    visibility: hidden;
    transition: opacity .35s, visibility .35s, height .35s;
    overflow: hidden;
    z-index: 100;
}
.open.menu-global-container ul#top-menu {
	display: block;
    opacity: .9;
    visibility: visible;
    height: 100%;
    -webkit-overflow-scrolling: touch;
}
.logo_area {
    position: absolute;
    top: 0;
    left: 15px;
}
.pc_logo {
    display: none;
}
.sp_logo {
    display: block;
    padding-top: 0;
}
}

@media screen and (max-width: 1199px) {
.questionary-area,
.link-area {
    padding: 0 1em;
}
.exhibition-zone-list ul li {
    width: calc(86% / 3);
}
}

@media screen and ( max-width: 1110px ) {
.company_info_txt {
    width: 54%;
}
.company_item {
    width: 22%;
}
.syuten-btn-wrap {
    justify-content: flex-start;
}
.en-syuten-btn {
    margin-top: 3em;
}
}
@media screen and (max-width: 980px) {
.entry-content ul.date-list li {
    margin-right: 1em;
    padding: 1em 0.5em;
}
.layout-txt {
    width: 100%;
}
.lecturer-txt {

}
}
@media screen and (max-width: 960px) {
.zone-area ul li img {
     width: 80%;
}
.zone-area ul li.pin01 {
    bottom: 8%;
    right: 32%;
}
.zone-area ul li.pin02 {
    right: 17%;
}
.zone-area ul li.pin03 {
    right: 1%;
}
.zone-area ul li.pin04 {
    left: 22%;
}
.zone-area ul li.pin05 {
    left: 40%;
}
.zone-area ul li.pin06 {
    right: 20%;
}
.zone-area ul li.pin07 {
    left: 3%;
}
.zone-area ul li.pin08 {
    left: 18%;
}
}
@media screen and (max-width: 862em) {
.event-box ul {
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
}
.lecturer-txt {
    margin-left: 0;
}

}

@media screen and (max-width: 844px) {
.news-area ul {
    padding: 0;
}
}
@media screen and (max-width: 768px) {
body.home .site-content {
    padding: 0 0 2em;
}

.entry-content {
    padding: 1em 1em 3em;
}
body:not(.twentyseventeen-front-page) .entry-header,
.page-header {
    padding: 2.5em 0.5em 2em;
}
.logo_area {
    padding: 0.5em 0;
}
table.set_list {
    border:none; 
    padding: 10px;
}
table.set_list thead {
    display: none;
}
table.set_list tr {
    border-top: 1px solid #4f4d47;
    display: block;
    margin-bottom: 20px;
}
table.set_list td {
    border-right: 1px solid #4f4d47;
    border-bottom: none;
    display: block;
    padding: 0;
     line-height: 1.8;
}
table.set_list td:nth-of-type(1) { 
}
table.set_list td:last-child { 
    border-bottom: 1px solid #4f4d47;
}
table.set_list td:before {
    background-color: #cdcdda;
    display: block;
    content: "";
    font-size: 1.1em;
    font-weight: bold;
    line-height: 2.5em;
}
table.set_list td:nth-of-type(2):before { 
    content: "大賞";
}
table.set_list td:nth-of-type(3):before { 
    content: "優秀賞";
}
table.set_list td:nth-of-type(4):before { 
    content: "部門賞";
}
table.set_list td i {
    line-height: 2.5em;
}
.text_area h2 {
    font-size: 1.5rem;
}
.text_area h2 span {
     font-size: 2.5rem;
}
.frame_box {
    max-width: 100%;
}
ul.fixtures li p {
    display: block;
}
.event-box ul li {
    width: 100%;
}
.lecturer {
    display: block;
    padding: 0;
}
.lecturer-photo {
    margin-bottom: 1em;
    text-align: center;
}
.lecturer-txt {
    flex: 0 1 100%;
    -webkit-flex: 0 1 100%;
}

.lecturer-txt p {
    padding: 0;
}
table.form th,
table.form td {
    width: 100%;
    display: block;
    border-top: none;
}

table.form tr:first-child th { 
    border-top: 1px solid #ddd; 
}
.entry-content p {
    font-size: 1.1rem;
}
span.wpcf7-list-item.has-free-text label {
    display: block;
}
input.wpcf7-free-text {
    width: 100%;
}
.link-banner-area ul li a, 
.syuten-btn a {
    padding: 0.3em 0.5em;
}

.link-banner-area ul li a span.btn-titla {
    line-height: 1.5;
    padding-bottom: 0.3em;
}
.link-banner-area ul li a span.btn-titla, 
.syuten-btn a span.btn-titla {
    font-size: 1.4em;
}
.session-area h2 {
    font-size: 1.8rem;
}
.session-area h3 {
    border-top: none;
}
.session-title {
    margin: 0 0 1em;
    padding-bottom: 1em;
    overflow: hidden;
}
.zone-area ul li img {
    width: 70%;
}
.zone-area ul li.pin01 {
    right: 29%;
} 
.zone-area ul li.pin02 {
    right: 15%;
}    
.zone-area ul li.pin03 {
    right: 0;
    bottom: 40%;
}
.zone-area ul li.pin04 {
    left: 20%;
}
.zone-area ul li.pin05 {
    left: 38%;
}
.zone-area ul li.pin06 {
    right: 18%;
}
.zone-area ul li.pin07 {
    left: 0%;
    top: 24%;
}
.zone-area ul li.pin08 {
    left: 15%;
    top: 3%;
}
.wp-block-buttons .is-style-fill,
.wp-block-buttons .is-style-fill a {
    display: block;
}
.wp-block-buttons .is-style-fill {
    margin-right: 0;
    margin-bottom: 0;
}
.wp-block-buttons .is-style-fill a {
    padding: 0.3em 1em;
}
.site-footer .wrap {
    padding: 4em 1em;
}
.entry-content p.about-day,
.entry-content p.about-term {
    padding: 0;
    font-size: 1.8rem;
}
.entry-content ul.online-list {
    display: block;
}
.entry-content ul.online-list li {
    margin: 1em 0 1.5em;
    width: 100%;
    position: relative;
}
.entry-content ul.item-list {
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
    margin: 0 0 1em 0;
}
.entry-content ul.item-list li {
    margin: 0 1em 0 0;
}
.company_info_box {
    display: block;
}
.company_info_txt {
    width: 100%;
}
.company_item {
    width: 100%;
    margin-top: 2em;
}
.entry-content .company_item ul {
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:flex-start;/*--- safari（PC）用 ---*/
    justify-content:sflex-start;
}
.entry-content .company_item ul li {
    margin: 0 0.5em 0.5em 0;
}
.tool-box {
    display: block;
}
.tool-link {
    display: block;
    margin: 0.5em 0;
}
.entry-content h5.tool-name {
    /*display: inline-block;*/
    margin-top: 1em;
}
table.details th {
    text-align: left;
}
.schedule-box table.form td select:first-child {
    margin-bottom: 1em;
}
.entry-content .category-search ul {
    padding-left: 1em;
}
.entry-content .category-search ul li {
    margin: 0 1em 0 0;
}
/*.entry-content h4.deadline-title:before {
    left: 34%;
}*/
.entry-content h4.long-title:before {
    left: 28%;
}
.entry-content h4.deadline-title:after {
    right: 34%;
}
.entry-content h4.long-title:after {
    right: 28%;
}
.entry-content .timeline-box p.apply-btn a {
    font-size: 1em;
    padding: 0.3em 0.5em;
}
.sample-movie,
.sample-movie-txt {
    flex-basis: calc(100% - 16px)!important;
}
.held-event-box {
    -ms-flex-align: center; /*IE10*/
    -webkit-box-align: center; /* Android4.3以下、Safari3.1〜6.0 */
    -webkit-align-items: center; /* Safari6.1以降 */
    align-items:center;
}
.view-btn {
    margin-top: 0;
}
.join-company-box {
    display: block;
}
.join-company-txt {
    width: 100%;
    margin-right: 0;
}
.join-btn {
    margin-top: 2em;
}
ul.all-btn {
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
}
ul.all-btn .syuten-btn span.btn-titla {
    margin-bottom: 0.3em;
}
ul.all-btn li.syuten-btn {
    margin: 0 0 2em;
    min-height: auto;
    padding: 0 0 0.3em;
}
ul.all-btn li.all {
    padding: 0;
}
ul.search-zone li {
    width: 100%;
}
.ribon-content span {
    font-size: 1.3rem;
    line-height: 1.3rem;
}
.held-event-box .ribon-content span {
    font-size: 1.1rem;
    line-height: 1.1rem;
    left: 51px;
    top: 15px;
    width: 130px;
}

.pre-btn {
    width: 85%;
}
.pre-btn a {
    font-size: 1.3rem;
    padding: 0.5em;
}
.ex-info-box {
    width: 98%;
}
ul.search-zone li label i {
    /*width: 30px;*/
}

.held-event-box .event-info-txt {
    margin-bottom: 0.5em;
}
.questionary-box h4 {
    font-size: 1.3rem;
    margin-top: 1em;
}
.event-list {
    padding-left: 0;
}
.event-list-box {
    width: 46%;
}
.entry-content ul.link-btn li:first-child {
    margin-bottom: 2em;   
}
.time-table table .thead {
    display: none;
}
.time-table table tr {
    width: 100%;
    border-bottom: 2px solid #000;
}
.time-table table td {
    display: block;
    text-align: right;
    width: 100%;
    min-height: 67px;
    border-right: none;
    border-bottom: 1px solid #ccc;
}
.time-table table td:first-child {

}
.time-table table td:before {
    content: attr(data-label);
    float: left;
    font-weight: bold;
    margin-right: 10px;
}
.time-table table td .view-btn {
    text-align: center;
    margin-bottom: 1em;
}
.link-banner-area {
    width: 98%;
    margin: 1em auto 0;
}
.timeline-box ul {
    flex-wrap: wrap;
}
.entry-content .timeline-box ul li {
    margin-bottom: 2em;
}
.choose-box {
    margin-right: 1em;
}
.choose-box select {
    font-size: 1rem;
}
.entry-content p.event-label {
    width: 50%;
}
.link-banner-area ul li.ad-btn a {
    /*padding-top: 1.2em;*/
}
.bubble-box {
    flex-wrap: wrap;
}
.live-box {
    flex-wrap: wrap;
    justify-content: center;
}
.exhibition-zone-list ul li {
    width: calc(90% / 2);
}
.wp-block-columns.is-layout-flex {
    gap: 0em !important;
}
.wp-block-column .wp-block-image {
    margin: 2em 0 0;
}
}

@media screen and (max-width: 600px) {
.entry-content h3 {
    margin-top: 1em;
}
.site-branding .wrap {
     padding-left: 0; 
     padding-right: 0;
}
.logo_area {
    left: 5px;
    max-width: 300px;
}
.js .menu-toggle {
    top: 0;
    right: 6px;
}
.menu-toggle {
    font-size: 0.8em;
}
.navigation-top {
    min-height: 54px;
}
.center input.back,
.continue-area input.back {
    margin-right: 0;    
    margin-bottom: 2em;
}
.link-banner-area ul {
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
}
.link-banner-area ul li {
    min-height: 94px;
}
.link-banner-area ul li.syuten-btn {
    margin-right: 0;
}
.link-banner-area ul li {
    padding: 0;
    width: 90%;
}
.link-banner-area ul li a span.btn-titla {
    font-size: 1.2em;
}
.link-banner-area ul li.syuten-btn a {
    padding-top: 0.5em;
}
.session-area h2 {
    font-size: 1.1rem;
    line-height: 1.6;
    padding: 0.5em 1em;
}
.session-area h2 span.whet {
    font-size: 1rem;
}
.session-area h2 span.sp-session-title {
    font-size: 1.1rem;
    display: block;
}
.session-area p {
    font-size: 0.7rem;
}
.session-area h3 {
    padding-bottom: 0.5em;
}
.session-area h3.intensive {
    padding-top: 0;
}
.session-area h3 span.session {
    width: 100%;
    display: block;
    margin-right: 0;
    margin-bottom: 0.5em;
}
.session-area h3 span {
    font-size: 1.5rem;
}
.link-banner-area {
    margin: 1em 0 0;
}
.zone-area {
    margin: 1em 0;
}
.pc-map,
.zone-area ul {
    display: none;
}
.sp-map {
    display: block;
}

.link-area ul {
    padding-left: 0;
}
body:not(.twentyseventeen-front-page) .entry-header,
.page-header {
    padding: 1em 0.5em 1.5em;
}
.page .panel-content .entry-title, 
.page-title, 
body.page:not(.twentyseventeen-front-page) .entry-title,
body.archive .page-header a {
     font-size: 1.2rem;
    letter-spacing: 0em;
}
body.page:not(.archive) h2.entry-title:before, 
body.single h2.entry-title:before, 
body.archive .page-header a:before, 
h2.category-title:before {
    bottom: -5px;
    width: 50px;
}
.wp-block-buttons .is-style-fill a {
    font-size: 1rem;
}
.link-banner-area ul li, 
.syuten-btn {
    min-height: auto;
}
.entry-content p.price {
    margin-left: 0;
    font-size: 1rem;
}
.entry-content p.price strong {
    font-size: 1.8rem;
}
.entry-content .theme p {
    padding: 0.25em 0.5em;
    font-size: 1.3em;
}
.entry-content p.about-day, 
.entry-content p.about-term,
.entry-content p.period-title {
    font-size: 1.2rem;
}
.entry-content p.about-term span {
    display: block;
}
body.page-id-2 .entry-content h4 span {
    display: block;
    line-height: 1.8;
    font-size: 1rem;
}
.entry-content p.center {
    text-align: left;
}
.entry-content .terms ul {
    padding-left: 0;
}
.entry-content .terms ul li,
.list-btn a, .wp-block-button a.wp-block-button__link {
    font-size: 1rem;
}
.entry-content .terms ul li > ul.terms-box {
    padding-left: 0.8em;
}
.entry-content .terms ul li > ul.terms-box li {
    font-size: 0.9rem;
    margin-bottom: 0.3em;
}
input.pay-day {
    width: 15%;
}
.entry-content ul.item-list li {
    font-size: 0.9rem;
}
.company_info,
.matching-info,
.join-company-box {
    padding: 1rem 1rem calc(1rem + 10px);
}
.company_info_box {
    margin: 1em 0;
}
.entry-content .company_item ul li {
    line-height: 45px;
    width: 45px;
    height: 45px;
    font-size: 1.5rem;
}
.entry-content .company_info_txt p {
    font-size: 1rem;
}
.entry-content ul.online-list li {
    font-size: 1rem;
}
ul.online-list li:before {
    height: 90%;
    box-shadow: 0 0 0 1px #040544, 0 0.3em 0 0 #CDCDDA;
}
.entry-content h5.company_name,
.entry-content .matching-info h3.matching-info-title {
    font-size: 1.2rem;
    padding: 0 0 0 40px;
}
.entry-content h5.company_name:before,
.entry-content .matching-info h3.matching-info-title:before {
    width: 30px;
}
.entry-content h6.company_title {
    margin: 1em 0 0;
}

ul.online-list li a {
}
.entry-content h5.tool-day, 
.tool-time {
    display: block;
}
.tool-time {
    width: auto;
    text-align: left;
}
.tool-link {
    width: 100%;
    min-width: 300px;
}
.entry-content p.status-end {
    font-size: 0.8rem;
}
.entry-content p.status {
    font-size: 0.9rem;
}
.entry-content p.status:before, 
.entry-content p.status:after {
    width: 20px;
    height: 3px;
}
ul.online-list li a,
.entry-content h4.tool-title,
.entry-content h5.tool-day, 
.tool-time, 
.tool-name,
ul.online-list li.no-online-list,
.entry-content ul.online-list li a,
ul.online-list li p.no-online-btn {
    font-size: 1em;
}
.entry-content ul.online-list li a {
    box-shadow: 5px 5px #040543;
}
.tool {
    padding: 0.5em 1em 1em;
    margin: 0 auto 0.5em;
}
.entry-content h5.tool-name {
    margin-top: 0.5em;
}
.entry-content .tool-link p {
    padding: 0.5rem 0;
    font-size: 0.9rem;
}
.tool-link p span {
    font-size: 0.8rem;
}
.tool-link p.yet span {
    display: inline-block;
    font-size: 0.8rem;
    padding: 0 0.3em;
}
h2.talk-title,
.cellMonth h2 {
    font-size: 1.3rem;
}
.schedule-box {
    display: block;
}
.calendar-box,
.choose-box {
    width: 100%;
}
.cellDay,
.entry-content .category ul li, 
.entry-content .category-search ul li,
table.form td p,
.entry-content ul.step-list li, 
body.page-id-1333 .entry-content ul li, 
body.page-id-1331 .entry-content ul li,
body.page-id-2 .entry-content ul.event-list-item li,
.questionary-btn a {
    font-size: 1rem;
}
.entry-content p.checkbox {
    margin: 1em 0 2em;
}
.instructor_add, 
.pre_info_add, 
.web_info_add, 
.seach-btn input {
    width: 100%;
}
/*.entry-content h4.deadline-title:before {
    left: 21%;
}*/
.entry-content h4.long-title:before {
    left: 11%;
}
.entry-content h4.deadline-title:after {
    right: 21%;
}
.entry-content h4.long-title:after {
    right: 11%;
}
table.form td p {
    line-height: 1.6;
}
.sample-movie {
     position: relative;
     padding-bottom: 56.25%;
     height: 0;
     overflow: hidden;
}
.sample-movie iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.company-movie iframe,
.contents-movie iframe {
     height: auto;
}
.entry-content .no-pre p {
    font-size: 1em;
}
.entry-content h5.tool-name {
    padding: 0.5rem 1rem 0.5rem 3.5rem;
    width: 100%;
    font-size: 1em;
    border-radius: 10px;
}
.entry-content h5.tool-name span {
    width: 35px;
    height: 35px;
    top: calc(50% - 17px);
    font-size: 1.3rem;
    line-height: 40px;
}
.held-event-box {
    -ms-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap: wrap;
}
.event-list-image {
    margin-right: 0;
    margin-bottom: 0.5em;
    text-align: center;
}
.event-info {
    width: 100%;
}
.held-event-box {
    padding: 1em 1em 1.5em;
}
.entry-content p.event-label {
    font-size: 0.9rem;
    width: 52%;
}
.entry-content .event-info h3 {
    font-size: 1.1rem;
}
.entry-content .event-info h4,
.search-btn input,
.pre-btn a,
.held-event-box .event-info h4,
.search-btn input[type="submit"] {
    font-size: 1rem;
}
.view-btn {
    width: 100%;
}
.view-btn a,
.category-title a {
    font-size: 1em;
}
.prv-btn-area ul li a {
    padding: 0.3em 1em;
}
/*.entry-content .prv-btn-area ul li {
    margin: 0 0 2em;
}
.entry-content .prv-btn-area ul li:last-child {
    margin: 0;
}*/
.ex-info-box h2,
.presen-area h3,
.pickup-area h3,
.held-event-area h3,
.news-wrap h3 {
    font-size: 1.5rem;
}
.ex-info-box {
    padding: 1em;
    margin: 1em auto 2em;
}
ul.all-btn li.syuten-btn a {
    font-size: 0.8em;
}
ul.all-btn .syuten-btn span.btn-titla {
    font-size: 1.2em;
}
.syuten-btn,
.search-btn input {
    box-shadow: 5px 5px #040543;
}
.ex-info-box h3 {
    margin-top: 0;
    font-size: 1.2rem;
}
ul.search-zone li {
    margin: 0 0 0.8em;
    font-size: 1rem;
    width: 100%;
}
ul.search-zone li label:before {
    margin-top: -11px;
}
ul.search-zone li label:after {
    margin-top: -0.8em;
    width: 25px;
    height: 25px;
}
.ribon-wrap {
    height: 130px;
}
.ribon-content,
.held-event-box .ribon-content {
    width: 117px;
    height: 117px;
}
.ribon-content span,
.held-event-box .ribon-content span {
    left: 41px;
    top: 9px;
    width: 100px;
}
.ribon-content span {
    font-size: 1rem;
    line-height: 1rem;
}
.ribon-content span,
.held-event-box .ribon-content span {
    font-size: 0.8rem;
    line-height: 0.8rem;
}
.pre-btn {
    width: 88%;
}
.pre-btn a {
    margin-top: 0.8em;
}
.pre-btn a i {
    font-size: 1.5rem;
}
.pre-btn a span {
    display: block;
}
ul.search-zone li label i {
    font-size: 1.5rem;
    width: 30px;
    height: 25px;
}
.held-event-box .event-info {
    width: 100%;
    margin-left: 0;
}
.held-event-box .event-info h3,
.held-event-area h4,
.questionary-box h4 {
    font-size: 1.2rem;
}
.calendar-area {
    padding: 1em 0.5em 3em;
}
.calendar-area table {
    border-spacing: 5px;
}
.calendar-area table tr td,
.entry-content h5 {
    font-size: 1rem;
}
.calendar-area table tr td.event-in {
    font-size: 1.1rem;
}
.list-btn a {
    font-size: 1rem;
    box-shadow: 0 5px #040543;
}
.search-btn input[type="submit"] {
    box-shadow: 0 5px #040543;
}
.search-btn {
    margin-bottom: 2em;
}
.ribon02 h6 {
    font-size: 1.3rem;
}
.ribon02 {
    margin: 0 0 0 -28px;
}
.ribon02:before {
    border-bottom: solid 11px transparent;
    border-right: solid 15px #bea922;
    left: -2px;
} 
.ribon02:after {
    border-width: 20px 15px 20px 0px;
} 
.presentation-list .tool, 
.online-info {
    padding: 1rem 0.5rem;
}
.entry-title-txt h2 {
    font-size: 1.1em;
}
.online-info > div {
    display: block;
}
.online-info h4 {
    margin: 0 0 0 -1.5em;
    font-size: 0.8rem;
    display: inline-block;
    width: auto;
}
.online-info h4.sp-archive {
    margin: 0;
}

.tool-link a {
    padding: 0.5rem 2rem;
}
.tool-link a span.required {
    font-size: 0.8rem;
}
.tool-link a:before, 
.tool-link a:after {
    border-top: 2px dotted #040544;
}
.tool-link a:before {
    top: 2px;
}
.tool-link a:after {
    bottom: 2px;
}
.event-seminer-title h2.entry-title {
    padding: 0.3em 0.5em 0.8em;
}
.calendar-area table tr td.event-in span {
    display: block;
    width: 15px;
    height: 15px;
    line-height: 15px;
    font-size: 0.6rem;
    margin: 0 auto;
}
.presentation-list .entry-content p.status {
    margin: -10px 0 0 -19px;
    width: calc(26% + 20px);
}
.presentation-list .entry-content p.status:before {
    border-bottom: solid 10px transparent;
    border-right: solid 10px #b91e00;
    left: 0px;
}
.online-info > div .tool-time,
.online-info > div.recording .tool-time {
    width: auto;
}
.entry-content p.topics-label span {
    font-size: 0.9rem;
    margin: 0.5em 0;
}
.entry-content p.topics-label {
    padding: 0;
}
.theme-area {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.theme-box {
    margin: 0 0 1em;
}
.entry-content h5.event-date,
.entry-content .theme-box h6 {
    font-size: 1rem;
}
.entry-content p.evnet-tag-real, 
.entry-content p.evnet-tag-online {
    margin: 0.5em 0;
}
.event-list {
    padding-left: 0;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.event-list-box {
    width: 100%;
    max-width: 100%;
}
.entry-content p.quest-txt {
    display: inline;
}
.entry-content .timeline-box ul li {
    margin: 0 0 1em;
}
.entry-content ul.exhibiting {
    display: block;
}
.held-event-area {
    padding: 2em 1em 3em;
}
.held-event-area h4 span.month {
    font-size: 2.5rem;
}
.event-day a {
    font-size: 2rem;
    margin-right: 0.3em;
    /*text-decoration: underline;*/
}
.calendar-area table tr th {
    display: none;
}
.calendar-area table tr td {
    width: 100%;
    display: block;
    margin-bottom: 1em;
}
.calendar-area table tr td p.event-day:after {
    color: #1a1a1a;
    margin-left: 0.3em;
    font-size: 0.9rem;
}
/*.calendar-area table tr td:nth-child(1) p.event-day:after {
    content: "MON";
}
.calendar-area table tr td:nth-child(2) p.event-day:after {
    content: "TUE";
}
.calendar-area table tr td:nth-child(3) p.event-day:after {
    content: "WED";
}*/
.calendar-area table tr td:nth-child(1) p.event-day:after {
    content: "THU";
}
.calendar-area table tr td:nth-child(2) p.event-day:after {
    content: "FRI";
}
.calendar-area table tr td:nth-child(3) p.event-day:after {
    content: "SAT";
}
.entry-content ul.sketch li {
    flex-basis: 50%;
}
.link-banner-area ul li.ad-btn a {
    font-size: 1.1rem;
    padding: 1em 0;
}
.exhibition-zone-list ul {
    padding: 1em;
}
.exhibition-zone-list ul li {
    width: 100%;
}
.presen-area {
    margin-top: 1em;
}
h6:before {
    width: 29px;
}

}
@media screen and (max-width: 480px) {
.site-content {
    padding: 0 0 3em;
}
.breadcrumbs {
    /*margin-bottom: 2em;*/
}
.entry-content ul li {
    font-size: 1rem;
    margin-bottom: 0;
}
ul, ol {
    padding: 0 0 0 1.3em;
}
.frame ul {
    padding: 0 0 0 2em;
}
.entry-content p,
.lecturer {
    padding: 0 0.3em;
}

.text_area h2 {
    font-size: 0.7rem;
}
.text_area h2 span {
    font-size: 1.3rem;
}
.event-title-area h2,
.theme p {
    font-size: 1.5em;
}


.wrap {
    /*padding-left: 1em;
    padding-right: 1em;*/
}
.link_btn a {
    padding: 0.3em 0.5em;
    font-size: 0.9375rem;
}
.site-footer {
    margin-top: 2em;
}
h1 {
    font-size: 1.2rem;
}
ul.award li img {
    margin-right: 0;
    margin-bottom: 1em;
}
li > ul, 
li > ol {
    padding-left: 0.5em;
}
.entry-content p {
    font-size: 1rem;
}
body.archive .content-area {
    padding: 1em;
}
body.archive .page-header {
    padding-bottom: 0;
}
body.archive .entry-title a {
    font-size: 1.1rem;
}
#slb_viewer_wrap .slb_theme_slb_default .slb_data_title, 
#slb_viewer_wrap .slb_theme_slb_default .slb_group_status {
    font-size: 16px !important;
}
 table.patent thead {
    display: none;
  }
  table.patent tr {
    display: block;
  }
  table.patent td {
    border-bottom: 1px solid #ddd;
    display: block;
  }
  table.patent td:last-child {
    border-bottom: none;   
}
  table.patent td:before {
    content: attr(aria-label);
    display: block;
  }
.entry-content ul.date-list li {
    margin-right: 0;
    padding: 0.5em;
}
ul.poster-list {
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:center;/*--- safari（PC）用 ---*/
    justify-content:center;
}
.top-entry-btn a {
    padding: 0.5em 0.8em;
}
.download-box a {
    font-size: 1.2em;
}
.info-box p span {
    font-size: 1rem;
}
input.wpcf7-free-text {
    width: 90%;
}
form input[type="button"].q_back {
    margin-right: 0;
    margin-bottom: 1em;
}
form input[type="submit"].q_submit {
    margin-left: 0;
}
}
/* Adjust positioning of edit shortcuts, override style in customize-preview.css */
/* 320px */
@media screen and (min-width: 20em) {

	body.customize-partial-edit-shortcuts-shown .site-header .site-title {
		padding-left: 0;
	}
}
/* 480px */
@media screen and (min-width: 30em) {

	/* Typography */

	body,
	button,
	input,
	select,
	textarea {
		font-size: 18px;
		font-size: 1.125rem;
	}

	h1 {
		font-size: 30px;
		font-size: 1.875rem;
	}
.site-info h1 {
		font-size: 25px;
		font-size: 1.5rem;
}
	h2,
	.home.blog .entry-title,
	.page .panel-content .recent-posts .entry-title,
body.page:not(.twentyseventeen-front-page) .entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}

	h3 {
		font-size: 22px;
		font-size: 1.5rem;
	}
p.satellite {
		font-size: 22px;
		font-size: 1.5rem;
}
	h4 {
		font-size: 18px;
		font-size: 1.4rem;
	}

	h5 {
		font-size: 13px;
		font-size: 1.3rem;
	}

	h6 {
		font-size: 16px;
		font-size: 1.5rem;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 14px;
		font-size: 0.875rem;
	}

	/* Fix image alignment */
	img.alignleft {
		float: left;
		margin-right: 1.5em;
	}

	img.alignright {
		float: right;
		margin-left: 1.5em;
	}
.entry-content ul li {
    font-size: 16px;
    font-size: 1.1rem;
    margin-bottom: 0.5em;
}
.entry-content .timeline-box ul li {
    font-size: 1.3rem;
}
	/* Site Branding */

	.site-branding {
		/*padding: 3em 0;*/
	}

	/* Front Page */

	.panel-content .wrap {
		padding-bottom: 2em;
		padding-top: 3.5em;
	}

	.page-one-column .panel-content .wrap {
		max-width: 740px;
	}

	.panel-content .entry-header {
		margin-bottom: 4.5em;
	}

	.panel-content .recent-posts .entry-header {
		margin-bottom: 0;
	}

	/* Blog Index, Archive, Search */

	.taxonomy-description {
		font-size: 14px;
		font-size: 0.875rem;
	}

	.page-numbers.current {
		font-size: 16px;
		font-size: 1rem;
	}

	/* Site Footer */

	.site-footer {
		font-size: 16px;
		font-size: 1rem;
	}

	/* Gallery Columns */

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

	.gallery-columns-1 .gallery-item {
		max-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%;
	}
}
/* 768px */
@media screen and (min-width: 48em) {

	/* Typography */

	body,
	button,
	input,
	select,
	textarea {
		font-size: 16px;
		font-size: 1.1rem;
		line-height: 1.8;
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 13px;
		font-size: 0.8125rem;
	}

	/* Layout */

	.wrap {
		/*max-width: 1000px;
		padding-left: 1em;
		padding-right: 1em;*/
	}

	.has-sidebar:not(.error404) #primary {
		float: left;
		width: 58%;
	}

	.has-sidebar #secondary {
		float: right;
		padding-top: 0;
		width: 36%;
	}

	.error404 #primary {
		float: none;
	}

	/* Site Branding */

	.site-branding {
		margin-bottom: 0;
	}

	.has-header-image.twentyseventeen-front-page .site-branding,
	.has-header-video.twentyseventeen-front-page .site-branding,
	.has-header-image.home.blog .site-branding,
	.has-header-video.home.blog .site-branding {
		bottom: 0;
		display: block;
		left: 0;
		height: auto;
		padding-top: 0;
		position: absolute;
		width: 100%;
	}

	.has-header-image.twentyseventeen-front-page .custom-header,
	.has-header-video.twentyseventeen-front-page .custom-header,
	.has-header-image.home.blog .custom-header,
	.has-header-video.home.blog .custom-header {
		display: block;
		height: auto;
	}

	.custom-header-media {
		height: 165px;
		position: relative;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 0;
		position: relative;
	}

	.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media,
	.has-header-video:not(.twentyseventeen-front-page):not(.home) .custom-header-media {
		bottom: 0;
		height: auto;
		left: 0;
		position: absolute;
		right: 0;
		top: 0;
	}

	.custom-logo-link {
		padding-right: 2em;
	}

	.custom-logo-link img,
	body.home.title-tagline-hidden.has-header-image .custom-logo-link img,
	body.home.title-tagline-hidden.has-header-video .custom-logo-link img {
		max-width: 350px;
	}

	.title-tagline-hidden.home.has-header-image .custom-logo-link img,
	.title-tagline-hidden.home.has-header-video .custom-logo-link img {
		max-height: 200px;
	}

	.site-title {
		font-size: 36px;
		font-size: 2.25rem;
	}

	.site-description {
		font-size: 16px;
		font-size: 1rem;
	}



	/* Front Page */

	.twentyseventeen-front-page.has-header-image .site-branding,
	.twentyseventeen-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		margin-bottom: 70px;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media,
	.twentyseventeen-front-page.has-header-video .custom-header-media,
	.home.blog.has-header-image .custom-header-media,
	.home.blog.has-header-video .custom-header-media {
		height: 1200px;
		height: 100vh;
		max-height: 100%;
		overflow: hidden;
	}

	.twentyseventeen-front-page.has-header-image .custom-header-media:before,
	.twentyseventeen-front-page.has-header-video .custom-header-media:before,
	.home.blog.has-header-image .custom-header-media:before,
	.home.blog.has-header-video .custom-header-media:before {
		height: 33%;
	}

	.admin-bar.twentyseventeen-front-page.has-header-image .custom-header-media,
	.admin-bar.twentyseventeen-front-page.has-header-video .custom-header-media,
	.admin-bar.home.blog.has-header-image .custom-header-media,
	.admin-bar.home.blog.has-header-video .custom-header-media {
		height: calc(100vh - 32px);
	}

	.panel-content .wrap {
		padding-bottom: 4.5em;
		padding-top: 6em;
	}

	.panel-image {
		height: 100vh;
		max-height: 1200px;
	}

	/* With panel images 100% of the screen height, we're going to fix the background image where supported to create a parallax-like effect. */
	.background-fixed .panel-image {
		background-attachment: fixed;
	}

	.page-two-column .panel-content .entry-header {
		float: left;
		width: 36%;
	}

	.page-two-column .panel-content .entry-content {
		float: right;
		width: 58%;
	}

	/* Front Page - Recent Posts */

	.page-two-column .panel-content .recent-posts {
		clear: right;
		float: right;
		width: 58%;
	}

	.panel-content .recent-posts article {
		margin-bottom: 4em;
	}

	.panel-content .recent-posts .entry-header,
	.page-two-column #primary .panel-content .recent-posts .entry-header,
	.panel-content .recent-posts .entry-content,
	.page-two-column #primary .panel-content .recent-posts .entry-content {
		float: none;
		width: 100%;
	}

	.panel-content .recent-posts .entry-header {
		margin-bottom: 1.5em;
	}

	.page .panel-content .recent-posts .entry-title {
		font-size: 26px;
		font-size: 1.625rem;
	}

	/* Posts */

	.site-content {
		/*padding: 1em 0 0;*/
	}
body.home .site-content {
		/*padding: 2em 0;*/
}
	.single-post .entry-title,
	.page .entry-title {
		font-size: 26px;
		font-size: 1.7rem;
	}

	.comments-pagination,
	.post-navigation {
		clear: both;
                padding: 0 20px;
	}

	.post-navigation .nav-previous {
		float: left;
		width: 45%;
	}

	.post-navigation .nav-next {
		float: right;
		text-align: right;
		width: 45%;
	}

	.nav-next,
	.post-navigation .nav-next {
		margin-top: 0;
	}

	/* Blog, archive, search */

	.sticky .icon-thumb-tack {
		height: 23px;
		left: -2.5em;
		top: 1.5em;
		width: 32px;
	}

	body:not(.has-sidebar):not(.page-one-column) .page-header,
	body.has-sidebar.error404 #primary .page-header,
	body.page-two-column:not(.archive) #primary .entry-header,
	body.page-two-column.archive:not(.has-sidebar) #primary .page-header {
		/*float: left;
		width: 36%;*/
	}

	.blog:not(.has-sidebar) #primary article,
	.archive:not(.page-one-column):not(.has-sidebar) #primary article,
	.search:not(.has-sidebar) #primary article,
	.error404:not(.has-sidebar) #primary .page-content,
	.error404.has-sidebar #primary .page-content,
	body.page-two-column:not(.archive) #primary .entry-content,
	body.page-two-column #comments {
		/*float: right;
		width: 58%;*/
	}

	.blog .site-main > article,
	.archive .site-main > article,
	.search .site-main > article {
		/*padding-bottom: 4em;*/
	}

	.navigation.pagination {
		clear: both;
		/*float: right;*/
		width: 100%;
	}

	.has-sidebar .navigation.pagination,
	.archive.page-one-column:not(.has-sidebar) .navigation.pagination {
		float: none;
		width: 100%;
	}

	.entry-footer {
		display: table;
		width: 100%;
	}

	.entry-footer .cat-tags-links {
		display: table-cell;
		vertical-align: middle;
		width: 100%;
	}

	.entry-footer .edit-link {
		display: table-cell;
		text-align: right;
		vertical-align: middle;
	}

	.entry-footer .edit-link a.post-edit-link {
		margin-top: 0;
		margin-left: 1em;
	}

	/* Entry content */

	/* without sidebar */

	:not(.has-sidebar) .entry-content blockquote.alignleft {
		margin-left: -17.5%;
		width: 48%;
	}

	:not(.has-sidebar) .entry-content blockquote.alignright {
		margin-right: -17.5%;
		width: 48%;
	}

	/* with sidebar */

	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: 0;
		width: 34%;
	}

	.has-sidebar .entry-content blockquote.alignright {
		margin-right: 0;
		width: 34%;
	}

	.has-sidebar #primary .entry-content blockquote.alignright.below-entry-meta {
		margin-right: -72.5%;
		width: 62%;
	}

	/* blog and archive */

	.blog:not(.has-sidebar) .entry-content blockquote.alignleft,
	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignleft,
	.archive:not(.has-sidebar) .entry-content blockquote.alignleft,
	.page-two-column .entry-content blockquote.alignleft {
		margin-left: -72.5%;
		width: 62%;
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.twentyseventeen-front-page.page-two-column .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright {
		margin-right: 0;
		width: 36%;
	}

	/* Post formats */

	.format-quote blockquote .icon {
		left: -1.5em;
	}

	/* Pages */

	.page.page-one-column .entry-header,
	.twentyseventeen-front-page.page-one-column .entry-header,
	.archive.page-one-column:not(.has-sidebar) .page-header {
		margin-bottom: 4em;
	}

	.page:not(.home) #content {
		padding-bottom: 3.25em;
	}

	/* 404 page */

	.error404 .page-content {
		padding-bottom: 9em;
                max-width: 1200px;
                margin: 2em auto;
	}

	/* Comments */

	#comments {
		padding-top: 5em;
	}

	.comments-title {
		margin-bottom: 2.5em;
	}

	ol.children .children {
		padding-left: 2em;
	}

	/* Posts pagination */

	.nav-links .nav-title {
		position: relative;
	}

	.nav-title-icon-wrapper {
		position: absolute;
		text-align: center;
		width: 2em;
	}

	.nav-links .nav-previous .nav-title .nav-title-icon-wrapper {
		left: -2em;
	}

	.nav-links .nav-next .nav-title .nav-title-icon-wrapper {
		right: -2em;
	}

	/* Secondary */

	#secondary {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
	}

	/* Widgets */

	h2.widget-title {
		font-size: 11px;
		font-size: 0.6875rem;
		margin-bottom: 2em;
	}

	/* Footer */

	.site-footer {
		font-size: 14px;
		font-size: 0.875rem;
		line-height: 1.6;
		margin-top: 6em;
	}
body.home .site-footer {
     margin-top: 0;
}
	.site-footer .widget-column.footer-widget-1 {
		float: left;
		width: 36%;
	}

	.site-footer .widget-column.footer-widget-2 {
		float: right;
		width: 58%;
	}

	.social-navigation {
		/*clear: left;
		float: left;
		margin-bottom: 0;
		width: 36%;
                max-width: 980px;
                margin: 0 auto;*/
	}

	.site-info {
		/*float: left;*/
		padding: 0.7em 0 0;
                /*max-width: 980px;
                margin: 0 auto;*/
	}

	.social-navigation + .site-info {
		margin-left: 6%;
	}

	.site-info .sep {
		margin: 0 0.5em;
		display: inline;
		visibility: visible;
		height: auto;
		width: auto;
	}

	/* Gallery Columns */

	.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%;
	}
div.wpcf7 textarea,
div.wpcf7 input,
div.wpcf7 select {
    font-size: 1.3rem;
}
}
/* 1072px */
@media screen and ( min-width: 67em ) {

	/* Layout */

	/* Navigation */
	.navigation-top .wrap {
		/*padding: 0.75em 2em;*/
	}

	.navigation-top nav {
		margin-left: 0;
	}

	/* Sticky posts */

	.sticky .icon-thumb-tack {
		font-size: 32px;
		font-size: 2rem;
		height: 22px;
		left: -1.25em;
		top: 0.75em;
		width: 32px;
	}

	/* Pagination */

	.page-numbers {
		display: inline-block;
	}

	.page-numbers.current {
		font-size: 15px;
		font-size: 0.9375rem;
	}

	.page-numbers.current .screen-reader-text {
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		overflow: hidden;
		position: absolute !important;
		width: 1px;
	}

	/* Comments */

	.comment-body {
		margin-left: 0;
	}
}



/* 1264px */
@media screen and ( min-width: 79em ) {

	.has-sidebar .entry-content blockquote.alignleft {
		margin-left: -20%;
	}

	.blog:not(.has-sidebar) .entry-content blockquote.alignright,
	.archive:not(.has-sidebar) .entry-content blockquote.alignright,
	.page-two-column .entry-content blockquote.alignright,
	.twentyseventeen-front-page .entry-content blockquote.alignright {
		margin-right: -20%;
	}
.event-box ul {
    /*-webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-around;
    justify-content:space-around;*/
}

}

/* 1430px */
@media screen and ( min-width: 89.375em ) {
	/* Navigation */

	.navigation-top {
                width: 70%;
		/*top: 69px;
                bottom: auto;
		font-size: 16px;
		font-size: 1rem;
		left: 0;
		position: absolute;
		right: 0;
		width: 100%;
		z-index: 3;
                border-top: 1px solid #eee;*/
	}
body.admin-bar .navigation-top {
    /*top: 101px;*/
}
	.navigation-top .wrap {
		/*max-width: 1000px;*/
		/* The font size is 14px here and we need 50px padding in ems */
		padding: 0.75em 1em;
	}

	.navigation-top nav {
		/*margin-left: -1.25em;*/
	}


body.page-template-page-talk-setting-form .site-navigation-fixed.navigation-top,
body.page-template-page-talk-setting-form #masthead.fixed,
.talkSettingForm .site-navigation-fixed.navigation-top,
.talkSettingForm #masthead.fixed {
    position: relative;
}
	.admin-bar .site-navigation-fixed.navigation-top {
		top: 32px;
	}

.site-branding .wrap {
    display:-webkit-box;
    display:-ms-flexbox;
    display: -webkit-flex;
    display:flex;
    -webkit-box-pack:justify;/*--- Androidブラウザ用 ---*/
    -ms-flex-pack:justify;/*--- IE10 ---*/
    -webkit-justify-content:space-between;/*--- safari（PC）用 ---*/
    justify-content:space-between;
}




	/* Main Navigation */

	.js .menu-toggle,
	.js .dropdown-toggle {
		display: none;
	}

	.main-navigation {
		width: auto;
	}

	.js .main-navigation ul,
	.js .main-navigation ul ul,
	.js .main-navigation > div > ul {
		display: block;
	}

	.main-navigation ul {
		background: transparent;
		padding: 0;
	}

	.main-navigation > div > ul {
		border: 0;
		margin-bottom: 0;
		padding: 0;
	}

	.main-navigation li {
		border: 0;
		display: inline-block;
                margin: 0;
                font-size: 1.05em;
	}

	.main-navigation li li {
		display: block;
	}

	.main-navigation a {
		/*padding: 0.5em 1.25em;*/
	}

	.main-navigation ul ul {
		background: #fff;
		border: 1px solid #bbb;
		left: -999em;
		padding: 0;
		position: absolute;
		top: 100%;
		z-index: 99999;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:before,
	.main-navigation ul li.page_item_has_children:after {
		border-style: solid;
		border-width: 0 6px 6px;
		content: "";
		display: none;
		height: 0;
		position: absolute;
		right: 1em;
		bottom: -1px;
		width: 0;
		z-index: 100000;
	}

	.main-navigation ul li.menu-item-has-children.focus:before,
	.main-navigation ul li.menu-item-has-children:hover:before,
	.main-navigation ul li.menu-item-has-children.focus:after,
	.main-navigation ul li.menu-item-has-children:hover:after,
	.main-navigation ul li.page_item_has_children.focus:before,
	.main-navigation ul li.page_item_has_children:hover:before,
	.main-navigation ul li.page_item_has_children.focus:after,
	.main-navigation ul li.page_item_has_children:hover:after {
		display: block;
	}

	.main-navigation ul li.menu-item-has-children:before,
	.main-navigation ul li.page_item_has_children:before {
		border-color: transparent transparent #bbb;
		bottom: 0;
	}

	.main-navigation ul li.menu-item-has-children:after,
	.main-navigation ul li.page_item_has_children:after {
		border-color: transparent transparent #fff;
	}

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

	.main-navigation ul ul a {
		padding: 0.75em 1.25em;
		width: 16em;
	}

	.main-navigation li li {
		-webkit-transition: background-color 0.2s ease-in-out;
		transition: background-color 0.2s ease-in-out;
	}

	.main-navigation li li:hover,
	.main-navigation li li.focus {
		background: #767676;
	}

	.main-navigation li li a {
		-webkit-transition: color 0.3s ease-in-out;
		transition: color 0.3s ease-in-out;
	}

	.main-navigation li li.focus > a,
	.main-navigation li li:focus > a,
	.main-navigation li li:hover > a,
	.main-navigation li li a:hover,
	.main-navigation li li a:focus,
	.main-navigation li li.current_page_item a:hover,
	.main-navigation li li.current-menu-item a:hover,
	.main-navigation li li.current_page_item a:focus,
	.main-navigation li li.current-menu-item a:focus {
		color: #fff;
	}

	.main-navigation ul li:hover > ul,
	.main-navigation ul li.focus > ul {
		left: 0.5em;
		right: auto;
	}

	.main-navigation .menu-item-has-children > a > .icon,
	.main-navigation .page_item_has_children > a > .icon {
		display: inline;
		left: 5px;
		position: relative;
		top: -1px;
	}

	.main-navigation ul ul .menu-item-has-children > a > .icon,
	.main-navigation ul ul .page_item_has_children > a > .icon {
		margin-top: -9px;
		left: auto;
		position: absolute;
		right: 1em;
		top: 50%;
		-webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(-90deg); /* IE 9 */
		transform: rotate(-90deg);
	}

	.main-navigation ul ul ul {
		left: -999em;
		margin-top: -1px;
		top: 0;
	}

	.main-navigation ul ul li.menu-item-has-children.focus:before,
	.main-navigation ul ul li.menu-item-has-children:hover:before,
	.main-navigation ul ul li.menu-item-has-children.focus:after,
	.main-navigation ul ul li.menu-item-has-children:hover:after,
	.main-navigation ul ul li.page_item_has_children.focus:before,
	.main-navigation ul ul li.page_item_has_children:hover:before,
	.main-navigation ul ul li.page_item_has_children.focus:after,
	.main-navigation ul ul li.page_item_has_children:hover:after {
		display: none;
	}

	.site-header .site-navigation-fixed .menu-scroll-down {
		display: none;
	}

	/* Scroll down arrow */

	.site-header .menu-scroll-down {
		display: block;
		padding: 1em;
		position: absolute;
		right: 0;
	}

	.site-header .menu-scroll-down .icon {
		-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
		-ms-transform: rotate(90deg); /* IE 9 */
		transform: rotate(90deg);
	}

	.site-header .menu-scroll-down {
		color: #fff;
		top: 2em;
	}

	.site-header .navigation-top .menu-scroll-down {
		color: #767676;
		top: 0.7em;
	}

	.menu-scroll-down:focus {
		outline: thin dotted;
	}

	.menu-scroll-down .icon {
		height: 18px;
		width: 18px;
	}
#top-menu {
    text-align: right;
}
}

@media screen and ( max-width: 48.875em ) and ( min-width: 48em ) {

	.admin-bar .site-navigation-fixed.navigation-top,
	.admin-bar .site-navigation-hidden.navigation-top {
		top: 46px;
	}
}


@media screen and ( min-width: 1300px ) {
.zone-area {
    max-width: 1060px;
    margin: 3em auto;
}
.zone-area ul li.pin01 {
    bottom: 54px;
    left: 115px;
    right: 0;
}

.zone-area ul li.pin02 {
    bottom: 158px;
    right: 201px;
}

.zone-area ul li.pin03 {
    bottom: 246px;
    right: 41px;

}

.zone-area ul li.pin04 {
    bottom: 181px;
    left: 262px;
}

.zone-area ul li.pin05 {
    bottom: 282px;
    left: 445px;
}

.zone-area ul li.pin06 {
    top: 86px;
    right: 238px;
}

.zone-area ul li.pin07 {
    top: 150px;
    left: 57px;
}

.zone-area ul li.pin08 {
    top: 26px;
    left: 213px;
}
}

@media (max-width: 781px) and (min-width: 600px) {
.wp-block-column {
    flex-basis: auto !important;
}
.wp-block-column:nth-child(2n) {
    margin-left: 0;
}
}

/*--------------------------------------------------------------
20.0 Print
--------------------------------------------------------------*/

@media print {

	/* Hide elements */

	form,
	button,
	input,
	select,
	textarea,
	.navigation-top,
	.social-navigation,
	#secondary,
	.content-bottom-widgets,
	.header-image,
	.panel-image-prop,
	.icon-thumb-tack,
	.page-links,
	.edit-link,
	.post-navigation,
	.pagination.navigation,
	.comments-pagination,
	.comment-respond,
	.comment-edit-link,
	.comment-reply-link,
	.comment-metadata .edit-link,
	.pingback .edit-link,
	.site-footer aside.widget-area,
	.site-info {
		display: none !important;
	}

	.entry-footer,
	#comments,
	.site-footer,
	.single-featured-image-header {
		border: 0;
	}

	/* Font sizes */

	body {
		font-size: 12pt;
	}

	h1 {
		font-size: 24pt;
	}

	h2 {
		font-size: 22pt;
	}

	h3 {
		font-size: 17pt;
	}

	h4 {
		font-size: 12pt;
	}

	h5 {
		font-size: 11pt;
	}

	h6 {
		font-size: 12pt;
	}

	.page .panel-content .entry-title,
	.page-title,
	body.page:not(.twentyseventeen-front-page) .entry-title {
		font-size: 10pt;
	}

	/* Layout */

	.wrap {
		padding-left: 5% !important;
		padding-right: 5% !important;
		max-width: none;
	}

	/* Site Branding */

	.site-header {
		background: transparent;
		padding: 0;
	}

	.custom-header-media {
		padding: 0;
	}

	.twentyseventeen-front-page.has-header-image .site-branding,
	.twentyseventeen-front-page.has-header-video .site-branding,
	.home.blog.has-header-image .site-branding,
	.home.blog.has-header-video .site-branding {
		position: relative;
	}

	.site-branding {
		margin-top: 0;
		margin-bottom: 1.75em !important; /* override styles added by JavaScript */
	}

	.site-title {
		font-size: 25pt;
	}

	.site-description {
		font-size: 12pt;
		opacity: 1;
	}

	/* Posts */

	.single-featured-image-header {
		background: transparent;
	}

	.entry-meta {
		font-size: 9pt;
	}

	/* Colors */

	body,
	.site {
		background: none !important; /* Brute force since user agents all print differently. */
	}

	body,
	a,
	.site-title a,
	.twentyseventeen-front-page.has-header-image .site-title,
	.twentyseventeen-front-page.has-header-video .site-title,
	.twentyseventeen-front-page.has-header-image .site-title a,
	.twentyseventeen-front-page.has-header-video .site-title a {
		color: #222 !important; /* Make sure color schemes don't affect to print */
	}

	h2,
	h5,
	blockquote,
	.site-description,
	.twentyseventeen-front-page.has-header-image .site-description,
	.twentyseventeen-front-page.has-header-video .site-description,
	.entry-meta,
	.entry-meta a {
		color: #777 !important; /* Make sure color schemes don't affect to print */
	}

	.entry-content blockquote.alignleft,
	.entry-content blockquote.alignright {
		font-size: 11pt;
		width: 34%;
	}

	.site-footer {
		padding: 0;
	}
}


/* 追加したcss */

.main-visual {
    margin: 0 auto 0.5em;
    max-width: 2086px;
}
.main-visual a {
    display: block;
}
.session-area {
    margin: 3em auto 5em;
}
.session-area h2 {
    font-size: 2rem;
    padding: 0.3em 0;
}
.main-visual-txt {
    max-width: 1200px;
    margin: 1em auto 0;
    font-weight: bold;
    text-align: center;
}
ul.sponsor-box {
    list-style: none;
    padding: 0;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
  	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
    gap: 1.5em;
    box-sizing: border-box;
    justify-content: center;
}
ul.sponsor-box li {
    margin: 0;
    width: calc(93% / 4);
    border: 1px solid #ccc;
}
ul.sponsor-box li a {
    display: block;
    box-shadow: rgba(136, 165, 191, 0.48) 6px 2px 16px 0px, rgba(255, 255, 255, 0.8) -6px -2px 16px 0px;
    border: 1px solid #fff;
}
ul.sponsor-box li img {
    vertical-align: bottom;
}
ul.sponsor-box li a:hover {
    box-shadow: rgba(246, 40, 0, 0.3) 0px 5px 15px;
    border: 1px solid #F62800;
}
ul.sponsor-box-b {
    margin-bottom: 3em;
    gap: 2em;
    justify-content: space-between;
}
ul.sponsor-box-b li {
     width: auto;
}
.sp-img {
    display: none;    
}
.main-navigation ul li {
    padding: 0.5em 0.7em;
}
.pListFinishedBtns {
    text-align: center;
    margin: 1em auto;
    max-width: 1000px;
    cursor: pointer;
    background-color: #040544;
    border-radius: 10px;
    padding: 0.5em;
    color: #fff;
    font-size: 1.3rem;
    font-weight: bold;
}
.pListFinishedBtns span {
    display: block;
}
.pListFinishedBtns span.show:after,
.pListFinishedBtns span.hide:after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    margin-left: 0.3em;
}
.pListFinishedBtns span.show:after {
    content: "\f13a";
}
.pListFinishedBtns span.hide:after {
    content: "\f139";
}


.no-btn {
    max-width: 560px;
    background-color: #ccc;
    color: #999;
    box-shadow: none;
    border: none;
}
.no-btn:hover {
    box-shadow: none;
    transform: none;
}

.guide-area {
}
.guide-area p a {
	-webkit-box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	box-shadow: inset 0 -1px 0 rgba(15, 15, 15, 1);
	-webkit-transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, -webkit-box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out;
	transition: color 80ms ease-in, box-shadow 130ms ease-in-out, -webkit-box-shadow 130ms ease-in-out;
      font-weight: bold;
}
.guide-area p a:hover {
	color: #f62800;
	-webkit-box-shadow: inset 0 0 0 rgba(246, 40, 0, 0), 0 3px 0 rgba(246, 40, 0, 1);
	box-shadow: inset 0 0 0 rgba(246, 40, 0, 0), 0 3px 0 rgba(246, 40, 0, 1);
}
.guide-area ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
}
.guide-area ul li.guidelines{
    margin: 0 0 4em;
}
.guide-area ul li.guidelines a,
.guide-area ul li.register a {
    padding: 0.3em;
    display: block;
    color: #fff;
    text-align: center;
    font-weight: bold;
    font-size: 1.3rem;
    -webkit-transition: 600ms;
            transition: 600ms;
    border-radius: 15px;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.guide-area ul li.guidelines a {
    background-color: #266DD3;
    border: 3px solid #266DD3;
}
.guide-area ul li.register a {
    background-color: #F62800;
    letter-spacing: 0.05em;
    border: 3px solid #F62800;
}
.guide-area ul li.register a span {
    font-size: 1.8rem;
}
.guide-area ul li.guidelines a:hover {
    border: 3px solid #266DD3;
    background: #fff;
    color: #266DD3;
}
.guide-area ul li.register a:hover {
    border: 3px solid #F62800;
    background: #fff;
    color: #F62800;
}
.archive-m {
    max-width: 500px;
}
.bubble-box {
    display: flex;
    justify-content: center;
    margin-top: 0.5em;
    border-top: 2px dashed #ccc;
    padding: 0.3em 0 0;
}


h2.seminar-title {
    background-color: #EBEBF0;
    color: #040544;
    padding: 0.5em 0.5em 0.5em 1em;
    margin-top: 3em;
    border-left: 7px solid #040544;
}
h2.seminar-title + h3 {
    margin-top: 1em;
}









@media screen and (min-width: 601px) {

.session-title {
    margin: 2em auto 0;
}
.session-area h3 {
    padding-top: 0;
    padding-bottom: 0;
    border-bottom: none;
    border-top: none;
}
}

@media screen and (max-width: 1199px) {
.sponsor-area {
    padding: 0 1em;
}
ul.search-zone {
    justify-content: center;
    padding: 0;
}
}
@media screen and (max-width: 1120px) {
.questionary-box h4 {
    margin-top: 0.5em;
}
ul.sponsor-box-b {
    justify-content: center;
}
}
@media screen and (max-width: 768px) {
.sponsor-area h2 {
    font-size: 1.5rem;
}
.sponsor-area {
    margin: 4em auto 2em;
}
ul.sponsor-box li {

}
.session-area h3 {
    margin: 0;
}
.session-area h3 span {
    font-size: 2rem;
}
.session-area h3 span.session {
    font-size: 1rem;
}
.guide-area ul li.register a,
.guide-area ul li.guidelines a {
    font-size: 1.3rem;
}
.guide-area ul li.register a {
    /*height: 100px;
    padding-top: 1.4em;*/
}
.guide-area {
    margin: 2em auto 0;
}
.twitter-area {
    width: 98%;
}
.twitter-wrap {
    flex-wrap: wrap;
}
.guide-area ul li.guidelines {
    margin: 0 0 2em;
}
.calendar-area table tr td p.top-event-label-event span,
.calendar-area table tr td p.top-event-label-seminar span {
    /*display: block;
    margin: 0 auto;*/
}
.calendar-area table tr td p.top-event-label {
    padding: 0.3em 0.5em;
}
ul.sponsor-box-b {
    margin-bottom: 1em;
    gap: 1em 0.5em;
}
}
@media screen and (max-width: 600px) {
.sponsor-area h2 {
    font-size: 1.2rem;
}
ul.sponsor-box {
    gap: 1em;
}
ul.sponsor-box li {
    width: 29%;
}
ul.sponsor-box-b {
    gap: 1em;
}
ul.sponsor-box-b li {
    width: 47%;
}
.sp-img {
    display:block;    
}
.pc-img {
    display: none;    
}
.session-area {
    margin: 0 auto;
}
.session-area h3 {
    padding: 0.3em 0 0;
    margin: 0 0 0.5em;
    border-bottom: none;
}
.session-area h3 span {
    font-size: 1.2rem;
}
.session-area h3 span.session {
    font-size: 0.9rem;
}
.pListFinishedBtns {
    font-size: 1rem;
}
.session-area h2 {
    font-size: 1.1rem;
}
.session-title {
    padding: 0 0.5em 1em;
}
.session-area h3.intensive {
    margin: 0;
    padding: 0;
}
.cellMonth h2 span {
    font-size: 0.9rem; 
    margin-left: 0;
    margin-top: 0.5em;
    display: block;
}
.choose-box select {
    width: 100%;
}
.guide-area {
    margin: 2em auto 0;
}
.guide-area ul {
    display: block;
}
.guide-area ul li {
    margin: 0 1em 1.5em;
}
.guide-area ul li.register a, 
.guide-area ul li.guidelines a {
    font-size: 1rem;
}
.guide-area ul li.register a {
    height: auto;
    padding-top: 0.5em;
}
.guide-area ul li.register a span {
    font-size: 1.6rem;
}
.entry-content p.present-txt {
    font-size: 1rem;
}
.entry-content p.present-txt span {
    padding: 1rem;
}
.entry-content p.present-txt:before {
    left: -22px;
}
.entry-content p.present-txt:after {
    right: -22px;
}
body.page-id-1967 .wp-block-button a.wp-block-button__link {
    margin-bottom: 2em;
}

.twitter-area h2 {
   font-size: 1.2rem;
}
.session-area h2.band {
    font-size: 2rem;
}
.twitter-wrap {
    display: block;
}
.twitter-area {
    padding: 1em;
}
.calendar-area table tr td p.top-event-label-event span, 
.calendar-area table tr td p.top-event-label-seminar span {
    display: inline-block;
    margin: 0 0 0 0.5em;
}
body.page-id-1967 h6:before {
    width: 30px;
}
table.room-option td input.quantity-area,
table.room-option-form td input.quantity-area {
    width: 15%;
}
table.option-form th.price,
table.option-form th.quantity {
    width: 100%;
    text-align: center;
}
table.option-form th.quantity,
table.room-option-form td:nth-child(3) {
    width: 100%;
}
table.option-form td:nth-child(2), 
table.option-form td:nth-child(3) {
   text-align: left;
}
table.room-option-form td.wb {
   padding: 10px 10px 20px;
   border-top: 1px solid #ddd;
}
table.room-option-form td:nth-child(3) {
   border-left: 1px solid #ddd;
}
.calendar-area table tr td p.top-event-label span {
   width: 30px;
   height: 30px;
   line-height: 30px;
   font-size: 1.3rem;
}
.event-day a {
    width: 60px;
    height: 60px;
    line-height: 60px;
}
.live-box {
    display: block;
}
.live-box-con {
    width: 100%;
    margin: 0 0 2em;
}
.live-box_wrapper {
    margin: 0 1.5em;
    position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
.live-box_wrapper iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.syuten-btn a span.btn-titla {
    font-size: 1.2em;
}
.session-title {
    margin: 2em 0 0;
}
.exhibition-zone {
    margin: 2em 0;
}
.live-box_wrapper {
    margin: 1.5em 0 0;
}
.live-box-con p {
    text-align: left;
}
.presen-area {
    padding: 2em 1em 1em;
}
.news-area h4 {
    font-size: 1.1rem;
}
.news-area {
    margin-bottom: 1em;
}
.exhibition-zone-list ul {
    gap: 1em;
}
ul.search-zone {
    gap: 0.5em;
}
.news-wrap {
     padding: 2em 1em 3em;
}

}

@media screen and (min-width: 89.375em) {
.navigation-top {
    width: 73%;
}
}

