@charset "UTF-8";

/*
Theme Name:TGSW 2026
Text Domain:tgsw-2026
Description: TGSW2026専用ワードプレステーマ
Author: ONZE
Author URI: https:/on-ze.com
Theme URI: https://tgsw.tsukuba.ac.jp/2026
Version: 0.9
*/

/******************/


:root {
	--color-dark:#333333;
	--color-blue:#198fba;
	--color-aqua:#009fc6;
	--oz-color-background:#F6F8FA;
	--oz-color-gold:#848280;
	--oz-color-gray:#888;
	--oz-color-gray:#cdcdcd;
	--oz-color-border:#e7e7e7; /* border */
	--color-white:#ffffff;
	--font-bold:700;
	--line-height-mini:1.4;
}



/******************/
/******************/
/* ONZE RESET CSS */

*,
*::before,
*::after {
	box-sizing:border-box;
}

* {
	border:0;
	margin:0;
	outline:0;
	padding:0;
	font:inherit;
	font-family:inherit;
	font-size:100%;
	font-style:inherit;
	font-weight:inherit;
	text-decoration:none;
	vertical-align:baseline;
	/*	all:unset;
        display:revert;*/
}

article, aside, dialog, figure, footer, header, main, nav, section {display:block;}
img, picture, audio, canvas, video, svg {display:inline-block; max-width:100%;}

h1, h2, h3, h4, h5, h6 {
	overflow-wrap:break-word;
}

br,
hr {display:block;}

ol,
ul {list-style:none;}

blockquote, q {quotes:none;}
blockquote:before, blockquote:after, q:before, q:after {content:none;}

input,
select {vertical-align:middle;}


/******************/

html {font-size:62.5%; width:100%; height:100%;}

body {
	background:#F6F8FA;
	color:#333333;
	color:var(--color-dark);
	font-family: Hiragino Sans, \\30D2\30E9\30AE\30CE\89D2\30B4\30B7\30C3\30AF, Hiragino Kaku Gothic ProN, \\30D2\30E9\30AE\30CE\89D2\30B4 ProN W3, \\6E38\30B4\30B7\30C3\30AF Medium, Yu Gothic Medium, \\6E38\30B4\30B7\30C3\30AF\4F53, YuGothic, Meiryo, メイリオ, sans-serif;
	font-size:18px;
	font-size:1.8rem;
	line-height:1;
	position:relative;
	text-align:center;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
	font-feature-settings:"palt";
	-webkit-font-smoothing:antialiased;
	/*-moz-font-smoothing:antialiased;
    -ms-font-smoothing:antialiased;
    -o-font-smoothing:antialiased;*/
	font-smoothing:antialiased;
	/* text-rendering:optimizeLegibility; まだ使わないほうが無難 */
	-webkit-tap-highlight-color:transparent;
	width:100%;
	height:100%;
}

body.is-navi {overflow:hidden;}


/******************/
/******************/
/* html format ****/

a,
a:link,
a:visited,
a:hover,
a:active {
	color:inherit;
	-webkit-tap-highlight-color:transparent;
	-moz-tap-highlight-color:transparent;
	-ms-tap-highlight-color:transparent;
	-o-tap-highlight-color:transparent;
	tap-highlight-color:transparent;
	text-decoration:none;
	-webkit-text-decoration-skip:objects;
}
button {background:none;}

a:hover {color:#3C9CC2; color:var(--color-aqua);}

h1,
h2,
h3,
h4,
h5,
h6 {display:block;}

b {color:inherit;}
i {font-style:normal;}
u {text-decoration:underline;}
em {font-weight:bold;}
strong {font-weight:bold; font-size:1.4em;}
mark {background:transparent;}

q {}
q:before,
q:after {content:'"';}
s {text-decoration:underline;}
del {text-decoration:line-through;}

ins {}
iframe {}

ruby {}
rt {font-size:0.5em;}

sup {vertical-align:super; font-size:smaller;}
sub {vertical-align:sub; font-size:smaller;}

details {margin:0 0 40px 0;}

hr {margin:0 0 40px 0; border:0; border-top:1px solid #e7e7e7; border-color:#cdcdcd; height:0;}

table {border-collapse:collapse; border-spacing:0; empty-cells:show; border:0; width:100%; margin:0 0 2em 0;}
table th,
table td {
	padding:12px; vertical-align:top; border:0; border-top:1px solid; border-bottom:1px solid; border-color:#fff;
	line-height:1.5;
}

table th {text-align:center; border-top:1px solid #333333; border-bottom:1px solid #333333; border-color:var(--color-dark); vertical-align:middle; color:#333333; color:var(--color-dark);}
table td {border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; border-color:var(--oz-color-border);}
table thead th,
table thead td {background:transparent; text-align:center; border-top:1px solid #333333; border-bottom:1px solid #333333; border-color:var(--color-dark);
	padding:2px 8px;
}
table tfoot {font-size:12px; font-size:1.2rem;}
table tfoot th,
table tfoot td {background:transparent; text-align:right; padding:2px; border:0;}
table caption {text-align:left; padding:0 0 4px 4px; font-size:24px; font-size:2.4rem; color:#333333; color:var(--color-dark); font-weight:bold;}
table caption:before {content:"■"; color:#333333; color:var(--color-dark); margin-right:0.4em;}
table caption span {display:block; font-size:12px; font-size:1.2rem; font-weight:normal;}
table th {}
table th i {display:block; white-space:nowrap;}

/******************/
/******************/
/* shortcodes *****/

.pc {display:block;}
.tb {display:none;}
.sp {display:none;}
.pc.tb {display:block;}
.pc.sp {display:block;}
.tb.sp {display:none;}


.alignright,
.align-right,
.textright,
.text-right {text-align:right;}
.alignleft, .align-left, .textleft, .text-left {text-align:left;}
.center, .aligncenter, .align-center, .textcenter, .text-center {
	text-align:center; display:block; margin-left:auto; margin-right:auto;}
.clear {clear:both;}
.clearfix:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.empty {visibility:hidden;}
[hidden],
.hide,
.none {display:none;}
.hidden {overflow:hidden;}
.left, .floatleft, .float-left {float:left;}
.right, .float-right, .float-right {float:right;}
.relative {position:relative;}
.absolute {position:absolute;}
.static {position:static;}
.fixed {position:fixed;}
.nowrap {white-space:nowrap;}
.small {font-size:0.8em;}

.indent-1 {text-indent:-1em; padding:0 0 0 1em;}

.text-small {font-size:14px; font-size:1.4rem;}

img.left,
img.alignleft,
img.align-left {margin:0 20px 20px 0; float:left;}
img.right,
img.alignright,
img.align-right {margin:0 0 20px 20px; float:right;}

img.full {width:100%; max-width:100%; height:auto;}
/*
::-moz-selection {background:#333333; color:#fff;}
::selection {background:#333333; color:#fff;}
*/

.table {display:table; table-layout:fixed; border-collapse:collapse; width:100%; position:relative;}
.table .cell {display:table-cell; vertical-align:top; position:relative;}

table.border,
table.border th,
table.border td {border:1px solid #e7e7e7;}
table.hover tbody tr:hover,
table.hover tbody tr:nth-child(odd):hover,
table.hover tbody tr:nth-child(even):hover {background:#333333; color:#fff; cursor:text;}
table.stripe tbody tr:nth-child(odd) {background-color:#e7e7e7;}


.color-white {color:#fff;}
.color-dark {color:#333333;}
.color-blue {color:#3C9CC2;}
.color-gray {color:#888888;}
.color-light {color:#e7e7e7;}
.color-red {color:red;}


/******************/
/******************/
/* WordPress Tags */

img.size-full,
img.size-large,
.wp-post-image,
.post-thumbnail img {
	max-width:100%;
	width:100%;
	height:auto;
}

.wp-caption {}
.wp-caption-text {}
.sticky {}
.gallery-caption {}
.bypostauthor {}
#wpstats {display:none;}

.wp-embedded-content {max-width:100%; width:100%;}

/******************/
/******************/
/* layout *********/

.site {width:100%; height:100%;}

.inner {
	clear:both; display:block; margin:0 auto; position:relative; max-width:1600px; width:100%;
	padding:0 8%;
	padding-left:calc( 8% + constant(safe-area-inset-left) );
	padding-right:calc( 8% + constant(safe-area-inset-right) );
}

.inner[data-width="min"] {max-width:1100px;}
.inner[data-width="mid"] {max-width:1200px;}
.inner[data-width="max"] {max-width:1600px;}

@media screen and (max-width:1000px) {
	.inner {padding:0 6%;
		padding-left:calc( 6% + constant(safe-area-inset-left) );
		padding-right:calc( 6% + constant(safe-area-inset-right) );
	}
}
@media screen and (max-width:800px) {
	.inner {padding:0 4%;
		padding-left:calc( 4% + constant(safe-area-inset-left) );
		padding-right:calc( 4% + constant(safe-area-inset-right) );
	}
}


/******************/
/******************/
/* header *********/



.site-header {
	position:fixed;
	top:0;
	width:100%;
	background:#fff; border-bottom:1px solid #E7E7E7; padding:10px 0; z-index:10;
}
.site-header .inner {
	position: relative;
	max-width:100%;
	margin: 0 auto;
	padding: 0 16px;
	display:flex;
	justify-content: space-between;
}


.header-logo {display:flex; align-items:center; flex-shrink:0; display:flex; align-items:center;}
.header-logo .logo {display:block; height:64px; width:auto;}
.header-logo .logo a {display:block; height:100%; width:auto; transition:opacity 0.2s;}
.header-logo .logo a:hover {opacity:0.5;}
.header-logo .logo:last-child {margin-right:0;}
.header-logo .logo img {display:block; height:100%; width:auto;}
.header-logo .description {display:none;}

@media screen and (max-width:800px){
	.header-logo> .logo {height:calc(5.7vw + 20px);}
}


.header-navi {
	margin: 0 0px 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: flex-end;
	flex-basis: 100%;
	max-width: 940px;
	flex-shrink: 1;
	font-size:1.6rem; font-weight:bold;
}


.header-navi .navigation {width:100%; flex-basis:50%;}
.header-navi .navigation ul {display:flex; height:100%; justify-content:space-between; align-items:center;}
.header-navi .navigation ul li a {
	display:block; padding:0.5em 0; display:flex; align-items:center; justify-content:center; white-space:nowrap; transition:color 0.2s;
}
.header-navi .navigation ul li a:before {
	content:""; width:1.4em; height:1.4em; margin:0 0.2em 0 0; background:center/contain no-repeat;
}
.header-navi .navigation ul li a:before,
.header-navi .navigation ul li a:before {background-image:url("images/icon-tgsw-black.svg");}
.header-navi .navigation ul li:nth-child(2) a:before {background-image:url("images/icon-greeting.svg");}
.header-navi .navigation ul li:nth-child(3) a:before {background-image:url("images/icon-sessions.svg");}
.header-navi .navigation ul li:nth-child(4) a:before {background-image:url("images/icon-time.svg");}
.header-navi .navigation ul li:nth-child(5) a:before {background-image:url("images/icon-movie.svg");}
.header-navi .navigation ul li:nth-child(6) a:before {background-image:url("images/icon-access-black.svg");}
.header-navi .navigation ul li:nth-child(7) a:before {background-image:url("images/icon-news.svg");}
.header-navi .navigation ul li:nth-child(8) a:before {background-image:url("images/icon-contact.svg");}


.header-navi .subnavigation {
	display:flex;
	justify-content: center;
	font-size: 1.2rem;
}
.header-navi .subnavigation ul {
	display: flex;
	height: 100%;
	justify-content: space-between;
	align-items: center;
}
.header-navi .subnavigation ul li {
	margin: 0 1.75em 0 0;
	color: #6B6B6B;
}
.header-navi .subnavigation .archiveselector {
	font-size:1.3rem; margin:0 0 0 8px; padding:0 1em; height:2.5em; background:#F6F8FA; border-radius:4px; border:1px solid #E7E7E7;}
.header-navi .subnavigation>.searchform {margin:0 0 0 18px;}
.header-navi .subnavigation>.searchform input {font-size:1.3rem; width:100%; height:2.5em; padding:0 1em;}




.header-utility {flex-shrink:0; display:flex; justify-content:space-between;}
.header-utility>.button {width:78px; height:78px; position:relative; z-index:0; display:flex; justify-content:center; align-items:center; flex-direction:column; font-weight:bold; font-size:1.0rem; margin:0 0 0 8px; border-radius:6px; background:#fff; box-shadow:0 0 8px rgba(16,116,172,0.12); border:1px solid #E7E7E7; overflow:hidden; transition:0.3s; cursor:pointer;}
.header-utility .button:before {
	content:"";
	display:block; width:55%; height:0; padding-top:55%; margin:0 auto 6px; background:center center no-repeat;
	background-size:contain;
}
.header-utility>.button.-search:before {background-image:url("images/icon-search-large.svg");}
.header-utility .button.-language:before {background-image:url("images/icon-language-large.svg");}
.header-utility>.button.-language {overflow:visible;}
.header-utility>.button.-language ul li button {
	position:absolute; top:0; right:0; bottom:0; left:0; width:100%; height:100%; color:transparent; border-radius:6px;
}
.header-utility>.button.-registration:before {background-image:url("images/icon-registration-large.svg");}
.header-utility>.button.-mypage:before {background-image:url("images/icon-mypage-large.svg");}
.header-utility>.button.-navitoggle:before {background-image:url("images/menu-open.svg");}
.header-utility>.button.-navitoggle .close {display:none;}
.header-utility>.button.-navitoggle.is-on:before {background-image:url("images/menu-close.svg");}
.header-utility>.button.-navitoggle.is-on .close {display:block;}
.header-utility>.button.-navitoggle.is-on .open {display:none;}
.header-utility>.button.-pc-hide {display:none;}
.header-utility>.button:hover {background:#e6e8ee; border-color:#e6e8ee; color:inherit;}
.header-utility>.button.-blue {background:#C6E7F5; border-color:#C6E7F5; color:#121212; display:none;}
.header-utility>.button.-blue:after {content:""; display:block; position:absolute; top:0; right:0; bottom:0; left:0; border-color:#C6E7F5; color:#121212; background:linear-gradient(45deg,#CCFFFF,#96ECFF); transition:opacity 0.3s; z-index:-1;}
.header-utility>.button.-blue:hover {background:#e6e8ee; border-color:#e6e8ee; color:#333333;}		
.header-utility>.button.-blue:hover:after {opacity:0;}
@media screen and (max-width:1300px){
	.header-utility>.button.-pc-hide {display:flex;}
	.header-utility>.button.-sp-hide {display:none;}
	.header-navi .subnavigation .archiveselector {
		margin-left: 0;
        width: 14em;
        height: 3.2em;
        margin: 0;
        font-size: 1.4rem;
    }
	.header-navi .subnavigation>.searchform{
		margin: 0 0 12px 0;
	}
	.header-navi .subnavigation>.searchform input{
		width: 14em;
        height: 3.2em;
        font-size: 1.4rem;
	}
}
@media screen and (max-width:800px){
	.header-utility>.button {width:64px; height:64px; font-size:1.0rem;}
	.header-utility>.button::before {margin-bottom:4px;}
}
@media screen and (max-width:400px){
	.header-utility>.button:before {width:45%; padding-top:45%;}
	.header-utility>.button {width:56px; height:56px;}
	.header-utility>.button::before {margin-bottom:2px;}
	.header-utility>.button.-search:before {background-image:url("images/icon-search-large-bold.svg");}
	.header-utility>.button.-language:before {/*background-image:url("images/icon-language-large-bold.svg");*/}
	.header-utility>.button.-language ul li a {position:absolute; top:0; right:0; bottom:0; left:0; color:transparent;}
	.header-utility>.button.-registration:before {background-image:url("images/icon-registration-large-bold.svg");}
	.header-utility>.button.-navitoggle:before {background-image:url("images/menu-open.svg");}
	.header-utility>.button.-navitoggle.is-on:before {background-image:url("images/menu-close-bold.svg");}
}
@media screen and (max-width:360px){
	.header-utility>.button {margin-left:4px;}
	.header-utility>.button {width:50px; height:50px;}
}


@media screen and (max-width:1300px){
	.header-navi {
		position:fixed; overflow-y:scroll; display:block; max-width:none; padding:30px 20px 80px; top:90px; right:0;bottom:0; left:0; background:rgba(255,255,255,1); backdrop-filter:blur(20px); z-index:-1;
	}
	.header-navi {opacity:0; pointer-events:none; transition:0.4s;}
	.header-navi>.site-navigation {font-size:1.6rem; margin-bottom:16px;}
	.header-navi > .navigation ul {display:block;}
	.header-navi > .navigation>ul>li>a {width:fit-content; padding:0.75em 0; justify-content:flex-start;}
	.header-navi>.bottom {display:block;}
	.header-navi .subnavigation {display:block; text-align:left; margin:0 0 32px;}
	.header-navi .subnavigation ul {display:block; text-align:left; margin:0 0 32px;}
	.header-navi .subnavigation ul li a {width:fit-content; padding:1em 0; display:block;}
	.header-navi>.bottom>.searchform {margin:0 0 12px; display:none;}
	.header-navi>.bottom>.searchform input {width:14em; height:3.2em; font-size:1.4rem;}
	.header-navi>.bottom>.archiveselector {width:14em; height:3.2em; margin:0; font-size:1.4rem;}
	.is-navi .header-navi {opacity:1; pointer-events:auto;}
}
@media screen and (max-width:800px){
	.header-navi {
		top:60px;
	}
}

/* ic-navi.svg */
.navi-toggle {
	display:none;
	color:transparent; cursor:pointer;
}
/* ic-navi-close.svg */
.navi-toggle.is-active {background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHN0eWxlPi5jMXtmaWxsOiMwYTNjNmU7fS5jbHMtMntmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjxnPjxnPjxyZWN0IGNsYXNzPSJjMSIgeT0iMTEiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxMiAtNC45Nykgcm90YXRlKDQ1KSIvPjxyZWN0IGNsYXNzPSJjMSIgeT0iMTEiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtNC45NyAxMikgcm90YXRlKC00NSkiLz48cmVjdCBjbGFzcz0iY2xzLTIiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIvPjwvZz48L2c+PC9zdmc+");}
.navi-toggle:hover {}

@media screen and (max-width:460px) {
	#header-logo h2 {display:none;}
}
@media screen and (max-width:360px) {
	#header-logo {padding:12px 0 0 4px;}
}

/******************/
/* util ***********/

#header-util,
#sidebar-util,
#main-util {font-size:16px; font-size:1.6rem;}

#header-util {padding:32px 32px;}
#main-util {display:none;}

#header-util ul,
#sidebar-util ul,
#main-util ul {display:block; margin:0 0 40px 0;
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:stretch;
	align-content:stretch;
	-webkit-justify-content:space-between;
	justify-content:space-between;
	position:relative; text-align:center;
}
#header-util ul {margin:0;}
#header-util ul li,
#sidebar-util ul li,
#main-util ul li {
	flex:0 1 auto;
	flex-grow:0;
	flex-shrink:1;
	flex-basis:49%;
}
#header-util ul li a,
#sidebar-util ul li a,
#main-util ul li a {display:block; background:#848280; color:#fff; padding:6px 0;}
#header-util ul li a:hover,
#sidebar-util ul li a:hover,
#main-util ul li a:hover {background:#333333; background:var(--color-dark); cursor:pointer; opacity:1;}

#header-util ul li.is-current a,
#sidebar-util ul li.is-current a,
#main-util ul li.is-current a {background-color:#333333; background-color:var(--color-dark);}
#header-util ul li.is-current a:hover,
#sidebar-util ul li.is-current a:hover,
#main-util ul li.is-current a:hover {cursor:default;}

#sidebar-search {cursor:pointer; margin:0 0 60px 0;}
#header-search-form input[type="search"],
#sidebar-search input,
#sidebar-search input[type="search"] {
	border:0; border-bottom:2px solid #848280; padding:12px 0 8px 32px; background:#fff; color:#848280;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	-webkit-appearance:textfield;
	background-image:url("images/ic-search-gold.svg");
	background-repeat:no-repeat;
	background-size:20px 20px; background-position:6px center;
	border-radius:0;
	width:100%;
	line-height:normal;
	display:block;
}
#header-search {display:none;}
#header-search-form input[type="search"] {border:1px solid #cdcdcd;}
#sidebar-search input[type="search"]::-webkit-search-decoration,
#sidebar-search input[type="search"]::-webkit-search-cancel-button,
#sidebar-search input[type="search"]::-webkit-search-results-button,
#sidebar-search input[type="search"]::-webkit-search-results-decoration {display:none;}
#header-search-form input:focus,
#sidebar-search input:focus {border-color:#333333; border-color:var(--color-dark); color:#333333;}
#sidebar-search input[type="search"]:focus {
	background-image:url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyMCAyMCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwYTNjNmU7fTwvc3R5bGU+PC9kZWZzPjxnPjxnPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTIwLDE4bC01LjIxLTUuMTdhOCw4LDAsMCwwLDEuNTYtNC43NkE4LjE3LDguMTcsMCwwLDAsMCw4LjExLDguMTgsOC4xOCwwLDAsMCwxMi43OCwxNC44TDE4LDIwWk0yLjQsOC4xMWE1Ljc4LDUuNzgsMCwxLDEsNS43OCw1LjczQTUuNzYsNS43NiwwLDAsMSwyLjQsOC4xMVoiLz48L2c+PC9nPjwvc3ZnPg==");
}

#sidebar-search ::-webkit-input-placeholder {color:#848280; color:var(--oz-color-gold); text-transform:uppercase;}
#sidebar-search ::-moz-placeholder {color:#848280; color:var(--oz-color-gold); opacity:1; text-transform:uppercase;}
#sidebar-search :-moz-placeholder {color:#848280; color:var(--oz-color-gold); opacity:1; text-transform:uppercase;}
#sidebar-search :-ms-input-placeholder {color:#848280; color:var(--oz-color-gold); text-transform:uppercase;}
#sidebar-search :placeholder-shown {color:#848280; color:var(--oz-color-gold); text-transform:uppercase;}

#sidebar-search input:focus::-webkit-input-placeholder {color:#333333; color:var(--color-dark);}
#sidebar-search input:focus::-moz-placeholder {color:#333333; color:var(--color-dark);}
#sidebar-search input:focus:-moz-placeholder {color:#333333; color:var(--color-dark);}
#sidebar-search input:focus:-ms-input-placeholder {color:#333333; color:var(--color-dark);}
#sidebar-search input:focus:placeholder-shown {color:#333333; color:var(--color-dark);}


/******************/
/******************/
/* widget *********/



/******************/
/******************/
/* footer *********/

.site-footer {
	text-align:center; clear:both; display:block; padding:40px 0 120px;
}
.footer-navi ul {
	display: flex;
	justify-content: center;
	font-size: 1.2rem;
	margin:0 auto 36px;
}
.footer-navi li {
	margin: 0 1em;
	color: #6B6B6B;
}
@media screen and (max-width:600px){
	.footer-navi ul {display: block;margin:0 auto 60px;}
	.footer-navi li {
		margin: 2em 0;
		font-size: 1.6rem;
		border-bottom: 1px solid #6B6B6B;
		border-image: linear-gradient(90deg, rgba(107,107,107,0) 0%, rgba(107,107,107,0.4) 50%, rgba(107,107,107,0) 100%) 1;
		padding-top: 1.3em;
		padding-bottom: 1.3em;
		margin: 0 2rem;
	}
	.footer-navi li:last-child {
		border-bottom: none;
	}
}

.language-selector {display:flex; justify-content:center; width:100%; margin:0 0 36px 0;}
.language-selector>.button {max-width:40%; width:12em; margin:0 6px; padding:1em 0; text-align:center; font-size:1.2rem; font-weight:bold; border:1px solid #c5c5c5; border-radius:4px; line-height:1.2; cursor:pointer; transition:0.2s;}
.language-selector>.button:hover {background:#fff; box-shadow:0 0 24px rgb(16 116 172 / 6%), 0 0 40px rgb(16 116 172 / 6%); border-color:#fff;}
.language-selector>.button.is-current {
	color:#ffffff;
	background:var(--color-blue); border-color:#C6E7F5; box-shadow:0 0 12px rgb(16 116 172 / 12%), 0 0 40px rgb(16 116 172 / 12%); transition:border 0s;}

.eventorganizer-banners {display:flex; justify-content:center; margin:0 auto 32px;}
.eventorganizer-banners>.banner {margin:0 36px 0 0; height:76px; width:auto;}
.eventorganizer-banners>.banner:last-of-type {margin-right:0;}
.eventorganizer-banners>.banner>a {display:block; width:auto; height:100%; transition:opacity 0.2s;}
.eventorganizer-banners>.banner>a:hover {opacity:0.5;}
.eventorganizer-banners>.banner>a>img {display:block; height:100%; width:auto;}
@media screen and (max-width:800px){
	.eventorganizer-banners>.banner {height:calc(6vw + 24px);flex: 1 1 48%;margin: 0 2rem;}
	.eventorganizer-banners>.banner>a{
		width: fit-content;
	}
}

.site-footer>.secretariat {line-height:1.8; font-size:1.2rem; color:#6B6B6B; margin:0 0 40px;}
.site-footer>.secretariat>li {padding:0;}
.site-footer>.secretariat>li[data-icon]:before {position:static; display:inline-block; vertical-align:-20%; margin:0 0.4em 0 0;}
.site-footer>.secretariat>.email {margin:1em 0 0;}

.sponsors-banner {display:none;}
.sponsors-banner p {margin:0 0 6px 1%; font-size:16px; font-size:1.6rem; text-align:left;}
.sponsors-banner ul {
	display:flex;
	justify-content:center;
	margin:0 auto 40px;
}
.sponsors-banner ul li {
	margin:0 1% 0;
	flex-basis:162px;
}
.sponsors-banner .banner img {width:100%; height:auto;}
.sponsors-banner .banner a:hover img {opacity:0.75;}

.sns-icon-list {line-height:1;}
.sns-icon-list ul{
	width: 20rem;
	display: flex; margin:0 auto 4em;
	justify-content: space-between;
	align-items: center;
}
.sns-icon-list ul li a[target="_blank"]{
	border: none;
	background: none;
	width: 3.75rem;
	display: block;
	padding: 0;
	transition: 0.3s;
}
.sns-icon-list ul li a[target="_blank"]:hover{
	background-image: none; border:0;
	transform: scale(1.1);
}


#footer-logo dl {width:100%; max-width:200px; margin:0 auto 40px;}
#footer-logo dl dt {display:block; margin:0 auto 20px;}
#footer-logo dl dd {display:none;}
#footer-logo dl dt img {width:100%; max-width:100%; height:auto;}
#footer-logo dl dt a {display:block;}
#footer-logo dl dt a:hover img {opacity:0.75;}

small.site-info {clear:both; font-size:12px; font-size:1.2rem;}


/******************/
/******************/
/* main ***********/

.site-main {
	position:relative;
	padding:99px 0 0 0;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
}

.site-main img {max-width:100%; height:auto;}


.main-header {}
.main-content.has-sidebar {float:left; width:calc(100% - 320px);}
.main-sidebar {float:right; width:300px; text-align:left;}

@media screen and (max-width:700px){
	.main-sidebar {float:none;width: 100%;}
	.main-content.has-sidebar {float:none; width:100%;}
}


.main-sidebar .post-sidebar {
	margin-left: 40px;
	flex-basis: 400px;
}
.main-sidebar .post-sidebar>.module {
	margin-bottom: 40px;
}
.main-sidebar .post-sidebar .widget-title {
	font-size: 2.6rem;
	font-weight: bold;
	margin-bottom: 1em;
}
.main-sidebar .post-sidebar .archives>li {
	display: block;
	margin-bottom: 0.5em;
	line-height: 1.6;
}
.main-sidebar .post-sidebar>.module {
	margin-bottom: 40px;
}
.main-sidebar .post-sidebar .screen-reader-text {
	display: none;
}
.main-sidebar .post-sidebar .archives .a-meta{
    color: #237e9a;
}
@media screen and (max-width:700px){
	.main-sidebar {display: none;}
}


/******************/
/******************/
/* sidebar.php ****/




#sidebar-clock {padding:0; line-height:1.3; margin:60px 0 12px 0;}
#sidebar-clock ul {text-align:center;}
#sidebar-clock ul li {
	background-color:#e7e7e7;
	margin:0 0 12px 0;
	padding:12px 12px 0.1em;
}
#sidebar-clock dl {letter-spacing:0.1em; margin:0 0 6px 0;}
#sidebar-clock dl dt {text-transform:uppercase; display:block; letter-spacing:0.2em; font-size:12px; font-size:1.2rem; background-color:#fff; padding:4px 12px; margin:0 0 6px 0;}
#sidebar-clock dl dd {}
#sidebar-clock .date {font-size:16px; font-size:1.6rem; display:block;}
#sidebar-clock .week {margin:0 2px 0 0; padding:0; font-size:16px; font-size:1.6rem; display:none;}
#sidebar-clock .time {font-size:24px; font-size:2.4rem; margin:0 0;}

#sidebar-selector {margin:0 auto 20px;}
#sidebar-selector select {margin:0 auto; padding:6px 12px; width:100%; }

/******************/
/******************/
/* article ********/

.article {
	margin:0; padding:0; vertical-align:top; text-align:left;
	/*word-break:break-all;
    word-wrap:break-word;*/
	word-wrap:break-word;
	overflow-wrap:break-word;
	line-height:2.0;
	position:relative;
}

/*
.article a {color:#3C9CC2; color:var(--color-aqua);}
.article a:hover {color:#333333; color:var(--color-dark);}
*/

.post-container {
	padding: 44px;
	background: #fff;
	margin: 0 0 12px;
	border: 1px solid #E7E7E7;
	box-shadow: 0 0 32px rgba(14,88,156,0.06);
	border-radius: 12px;
}

.type-post h1,
.type-post h2,
.type-post h3,
.type-post h4,
.type-post h5,
.type-post h6 {line-height:1.3; font-weight:bold;}

.type-post h1 {font-size:38px; font-size:3.8rem;}
.type-post h2 {font-size:34px; font-size:3.4rem;}
.type-post h3 {font-size:30px; font-size:3.0rem;}
.type-post h4 {font-size:24px; font-size:2.4rem;}
.type-post h5 {font-size:22px; font-size:2.2rem;}
.type-post h6 {font-size:20px; font-size:2.0rem;}

.article h1 i,
.article h2 i,
.article h3 i,
.article h4 i,
.article h5 i,
.article h6 i {display:block;}

/*
@media screen and (max-width:600px) {
	.article h4 {font-size:30px; font-size:3.0rem;}
	.article h5 {font-size:24px; font-size:2.4rem;}
	.article h6 {font-size:20px; font-size:2.0rem;}
}
*/
.article p {margin:0 0 1rem 0;}
@media screen and (max-width:700px){
	.article p {margin:0 0 1rem 0;font-size: 1.6rem;}
}
.type-post ul,
.type-post ol {margin:0 0 3.0em 2em; padding:0; list-style:outside;}

.type-post ul ul,
.type-post ul ol,
.type-post ol ul,
.type-post ol ol {margin-bottom:0;}

.type-post ul {list-style:disc;}
.type-post ul ul {list-style:circle;}
.type-post ol {list-style:decimal;}
.type-post ol ol {list-style:upper-roman;}

.type-post ul.col {list-style:none; margin:0 0 3.0em 0;}
.type-post ul.col li img {width:100%; max-width:100%; height:auto;}

.type-post dl {margin:0 0 3.0em 0; padding:0;}
.type-post dl dt {margin:0; position:relative;}
.type-post dl dd {margin:0; padding-left:1em; margin:0 0 1em 0;}
.type-post dl dt i,
.type-post dl dd i {display:block;}

.article img {max-width:100%; height:auto;}


.article :not(.button) a[target="_blank"] {padding:0 23px 0 0; background:url("images/icon-external.svg") right 4px center no-repeat; background-size:14px 14px;
	border-bottom:1px solid #3C9CC2;
}
.article :not(.button) a[target="_blank"]:hover {
	background-image:url("images/icon-external-sky.svg");
	border-color:#3C9CC2;
}

.article .btn a[target="_blank"] {background-image:none;}
.article .btn a[target="_blank"]:hover {background-image:none; background-color:#333333;}

.type-post blockquote {
	padding:1em;
	margin:0 0 3.0em 1em;
	border-left:2px solid #333333;
}

.type-post blockquote > *:last-child,
.type-post blockquote > *:last-child > *:last-child,
.type-post blockquote > *:last-child > *:last-child > *:last-child {margin-bottom:0;}

blockquote cite {font-size:0.8em;}
blockquote cite:before {content:"— "; margin:0 0 0 1em;}

pre, code {
	font-family:"Deja-vu Sans Mono", Monaco, "Consolas", "Courier New", "Osaka-mono", "MS Gothic", monospace;
	color:#ffffff;
	background:#333333;
	border-radius:4px;
	margin:0 0 20px 0;
	padding:0.8em 1em;
	white-space:pre-wrap;
	word-break:break-all;
	word-wrap:break-word;
}

code {display:inline-block; padding:0.1em 0.4em; margin:0 0.2em;}


.article .italic {font-style:italic;}
/*
このコードを記述するとボックスの下に 余白ができてしまうので…
pre::-webkit-scrollbar {width:15px;}
pre::-webkit-scrollbar-thumb {background:#ccc;}
*/

/******************/
/* post-type ******/

.type-page,
.type-post {text-align:left;}


.section {clear:both; margin:0 0 0; padding:60px 0; position:relative;}

.section-title {
    font-weight: bold;
    margin: 0 0 1rem 0;
    line-height: 1.3;
    font-size: 3.6rem;
}
@media screen and (max-width:800px) {
	.section-title {
		font-size: 2.4ZZrem;
	}
}
.section-subtitle {
	font-weight: bold;
	margin: 0 0 1em 0;
	line-height: 1.3;
	font-size: 3.6rem;
}

.section-content {
	padding: 44px;
background: #fff;
margin: 0 0 72px;
border: 1px solid #E7E7E7;
box-shadow: 0 0 32px rgba(14,88,156,0.06);
border-radius: 12px;
}
.section-content.-padding-0{
	padding: 0;
}

.notice-box {
	background:#e7e7e7;
	padding:1em 2em 0.1em; margin:0 0 2em;
}
.notice-box .title {font-weight:bold; font-size:18px; font-size:1.8rem;}
.notice-box .description {font-size:14px; font-size:1.4rem; margin:0 0 1em 0;}
.notice-box .notice-title {font-weight:bold; font-size:18px; font-size:1.8rem; margin:0 0 4px 0;}
.notice-box dl {font-size:14px; font-size:1.4rem; display:flex; justify-content:flex-start; margin:0;}
.notice-box dl:last-of-type {margin:0 0 1em 0;}
.notice-box dl dt::after {content:"：";}
.notice-box dl dd {margin:0 1em 0 0; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.achievement-box {
	background:#e7e7e7;
	border-left:2px solid #888684;
	padding:1em; margin:0 0 1em 0;
}
.achievement-title {font-size:24px; font-size:2.4rem; margin:0 0 0.6em 0;}
.achievement-info {font-size:14px; font-size:1.4rem; margin:0;}
.achievement-info .title {color:#fff; background-color:#888684; float:left; clear:both; max-width:10em; width:100%; margin:0 0.6em 0.6em 0;
	text-align:center;
	white-space:nowrap;
}
.achievement-info .data {overflow:hidden; margin:0 0 0.6em 0;}

@media screen and (max-width:800px) {
	.achievement-box {padding:1em 1em 0.1em 1em;}
	.achievement-info .title {float:none; margin:0;}
	.achievement-info .data {margin:0 0 1em 0;}
	.section-content {
		padding: 44px 24px;
	}
	.section-subtitle {font-size: 2.4rem;}
}


/*
.type-page h4 span {background-color:#333333; color:#fff; padding:6px 16px; border-radius:4px; font-size:24px; font-size:2.4rem; display:inline-block;}
.type-page h5 span {
	background-color:#333333; font-size:0.6em; color:#fff; padding:6px 16px; border-radius:4px; display:inline-block;
}
*/
.page-title{
	padding:100px 0 40px ;
}
.page-title .title {
	position:relative;
	padding:0 0 0 1.8em;
	font-size: 36px;
	font-size: 3.6rem;
	font-weight: bold;
	width: -moz-fit-content;
	width: fit-content;
	line-height: 1.3;
	text-align: left;
	clear: both;
	line-height: 1.3;
	display: block;
}
.page-title .title::before {
	content:""; display:block; position:absolute; top:-0.1em; left:0; width:1.5em; height:1.5em; background:center/contain no-repeat;
}
.page-id-55 .page-title .title::before {background-image:url("images/icon-info.svg");}
.page-id-27 .page-title .title::before {background-image:url("images/icon-info.svg");}
.page-id-3 .page-title .title::before {background-image:url("images/icon-info.svg");}
.page-id-9 .page-title .title::before {background-image:url("images/icon-contact.svg");}
.page-id-29 .page-title .title::before {background-image:url("images/icon-greeting.svg");}
.page-id-31 .page-title .title::before {background-image:url("images/icon-time.svg");}
.page-id-33 .page-title .title::before {background-image:url("images/icon-movie.svg");}
.page-id-46 .page-title .title::before {background-image:url("images/icon-access.svg");}
.page-title .news.title::before {background-image:url("images/icon-news.svg");}
.page-id-479 .page-title .title::before {background-image:url("images/icon-session.svg");}
.page-id-sessions.page-title .title::before {background-image:url("images/icon-sessions.svg");}

.section-content.-greeting {
    line-height: 2;
}
.section-content.-greeting .portrait  {
	width: 25%;
	min-width: min(300px, 100%);
	float: left;
	margin: 0 2em 4em 0;
}
.section-content.-greeting .portrait>img {
    display: block;
    margin: 0 0 1em;
}
.section-content.-greeting p:last-child {
    margin-bottom: 0;
}
.section-content.-greeting .sign {
    text-align-last: left;
    font-family: serif;
    font-size: 1.8rem;
    text-align: center;
}
.section-content.-greeting p {
    margin: 0 0 1.5em;
}
.section-content.-greeting .sign>.name {
    line-height: 1;
    font-size: 2.8rem;
}
.section-content.-greeting .sign>.post {
    margin-right: 1em;
	display:block;
	text-align:left; line-height:1.3;
}
.section-content.-greeting .messagetitle {
    font-size: 1.4em;
    line-height: 1.5;
}
.section-content.-greeting p:nth-last-child(2) {
    margin-bottom: 0;
}


@media screen and (max-width:800px){
	.section-content.-greeting .portrait  {
		width: 50%;
		min-width:auto;
	}
}
@media screen and (max-width:700px){
	.section-content.-greeting .portrait  {
		width: 80%;
		margin:0 auto 4em;
		float:none;
	}
}


@media screen and (max-width:700px){
	.page-title .title {font-size: 2.4rem;}
	.page-title {margin:2rem 0;}
}
.page-title .title {margin:0; font-weight:bold;}
.page-title .title i {display:block; font-size:50px; font-size:5.0rem; font-weight:500;}

.post-title,
.post-session-title {text-align:left; clear:both; padding:0 0; line-height:1.3; }



.page-title h4.title {margin:0; font-size:40px; font-size:4.0rem; color:#fff;}
.page-title h3 span {display:none;}

.post-session-title h3 {margin:0 0 12px 0; font-size:20px; font-size:2.0rem;}

.post-title {border-bottom:1px solid #d9d9d9; padding:0 0 16px 0; margin:0 0 20px 0;}
.post-title h3 {margin:0 auto; font-size:40px; font-size:4.0rem; font-weight:bold;}
.post-title h3 i,
.post-session-title h3 i {font-size:40px; font-size:4.0rem;}



@media screen and (max-width:800px) {
	.page-title h3 i {font-size:60px; font-size:6.0rem;}
	.post-title h3 {font-size:30px; font-size:3.0rem;}
	.section-content.-greeting .messagetitle {
		font-size: 0.8em;
	}
	.section-content.-greeting .sign{
		font-size: 1.8rem;
	}
	.section-content.-greeting .sign>.name{
		font-size: 2.4rem;
	}
}
@media screen and (max-width:600px) {
	.page-title h3 i {font-size:50px; font-size:5.0rem;}
	.page-title h4 i {font-size:40px; font-size:4.0rem;}
	.post-title h3 i,
	.post-session-title h3 i {font-size:32px; font-size:3.2rem;}
}
@media screen and (max-width:480px) {
	.page-title h3 i {font-size:40px; font-size:4.0rem;}
	.page-title h4 i {font-size:36px; font-size:3.6rem;}
}


.page-title-button {position:absolute; right:0; transform:translateY(-100%); top:-12px;}
.page-title-button.button a {
	background-color:#fff !important;
	background-image:url("images/ic-external-dark.svg") !important;
	background-position:right 1em center !important;
	background-size:1em 1em;
	color:#333333;
	padding: 1em 5em 1em 4em !important;
	border-color:#ffffff !important;
}
.page-title-button.button a:hover {
	background-color:#333333 !important;
	background-image:url("images/ic-external-white.svg") !important;
}

/*
.post-category,
.page-category {font-size:18px; font-size:1.8rem; line-height:1.5; margin:0 0 4px 0;}
.post-category i,
.page-category i {text-transform:uppercase; color:#fff; background:#848280; background:var(oz-color-gold); display:inline-block; padding:2px 8px 0; white-space:nowrap; margin:0 2px 4px 0;}
*/


.page-category {margin:0;}

.post-session-label {position:absolute; left:-8px; top:-8px;}
.post-session-label b {
	display:block;
	background:#3C9CC2; background:var(--color-aqua); border:1px solid #3C9CC2; border-color:#3C9CC2; border:0; color:#fff; padding:4px 12px; padding-right:24px; z-index:3; overflow:visible;
	-webkit-clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0);
	clip-path: polygon(100% 0, 90% 50%, 100% 100%, 0 100%, 0 0);
}
.post-session-label:before {content:""; position:absolute;
	width:0; height:0; left:0; bottom:-8px;
	border-style:solid; border-width:0 8px 8px 0;
	border-color:transparent #888 transparent transparent; z-index:4;
}
.post-session-category {margin:0 0 4px 0;}

.post-session-category i {
	text-transform:uppercase; color:#fff; background:#848280; background:var(oz-color-gold); display:inline-block; padding:2px 8px 0; white-space:nowrap; margin:0 2px 4px 0;
}
.post-session-category.cat-plenary i {background-color:#D3B6F7;}
.post-session-category.cat-concurrent i {background-color:#88BEEE;}
.post-session-category.cat-special i {background-color:#A9E6A8;}
.post-session-category.cat-event i {background-color:#FFC68A;}


.post-session-meta {border-bottom:1px solid #cdcdcd; margin:0 0 32px 0; padding:0 0 16px 0;}

.post-session-date,
.post-session-room {font-size:14px; position:relative; padding:0 0 0 20px; display:block;}
.post-session-room {margin:0 0 6px 0;}

.post-session-date::before {}

.post-session-date::before,
.post-session-room::before {
	font-size:16px; font-size:1.6rem;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	font-family:'Material Icons';
	font-weight:normal;
	font-style:normal;
	line-height:1;
	letter-spacing:normal;
	text-transform:none;
	display:inline-block;
	white-space:nowrap;
	word-wrap:normal;
	direction:ltr;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	/* ▼ Browsers Support */
	text-rendering:optimizeLegibility;
	-moz-osx-font-smoothing:grayscale;
	-ms-font-feature-settings:"liga";
	font-feature-settings:'liga';
}

.post-session-date::before {content:"\e8b5";}
.post-session-room::before {content:"\efed";}


.post-session-date .hybrid-onsite {background-color:#333333; color:#fff; display:inline-block; padding:2px 12px; line-height:1; white-space:nowrap;}

.post-session-organizer ul {font-size:14px;}
.post-session-organizer ul li {display:inline-block; background-color:#e7e7e7; padding:2px 12px; white-space:nowrap; margin:0 2px 2px 0;}

.post-session-content dl dt {font-weight:bold; font-size:20px; font-size:2.0rem; line-height:1.5;}
.post-session-content dl dd {padding:0 0 0 1em;}

.post-date {position:absolute; left:-8px; top:-8px; z-index:3;}
.post-date:before {content:""; position:absolute;
	width:0; height:0; left:0; bottom:-8px;
	border-style:solid; border-width:0 8px 8px 0;
	border-color:transparent #333333 transparent transparent; z-index:4;
}
.post-date b {display:block; color:#fff; background-color:#848280; background-color:var(--oz-color-gold); margin:0; padding:4px 12px 2px;}
.post-date i {display:block; font-weight:bold; font-size:14px; font-size:1.4rem;}


.post-content {text-align:left;}

.page-content {position:relative;}
.page-content:after,
.post-content:after {content:""; display:block; clear:both; overflow:hidden;}

.post-content img.left,
.post-content img.right,
.page-content img.left,
.page-content img.right {width:48%;}



.link-button {
	margin: 1.5rem 0;
	position: relative;
	align-items: center;
	justify-content: center;
	width: 100%;
	border-radius: 4px;
	font-size: 1.6rem;
	text-align: center;
	font-weight: bold;
	color: #121212;
	line-height: 1.2;
	white-space: nowrap;
	box-shadow: 0 0 12px rgba(16, 116, 172, 0.12), 0 0 40px rgba(16, 116, 172, 0.12);
	overflow: hidden;
	transition: 0.2s;
	z-index: 0;
	padding: 1em 1.5em;
	max-width: fit-content;
	border: none;
	background-image: none;
	display: block;
}
.link-button:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: linear-gradient(20deg, #CCFFFF, #96ECFF);
    z-index: -1;
    transition: opacity 0.2s;
}
.link-button:after {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    margin: 0 0 0 0.7em;
    vertical-align: -5%;
    width: 0.8em;
    height: 0.8em;
    background: url(images/arrow-right-black.svg) center / contain no-repeat;
    transition: transform 0.2s;
}
.link-button:hover {
	color: #333333;
	border-color: #e6e8ee;
	background: #e6e8ee;
	box-shadow: 0 0 24px rgba(16, 116, 172, 0.06), 0 0 40px rgba(16, 116, 172, 0.06);
}
.link-button:hover:before {
    opacity: 0;
}
.link-button:hover:after {
    transform: translate(4px, 0);
}

/*
.page-content dl {margin:0 0 2em 0;}
.page-content dl dt {
	width:fit-content;
	background:linear-gradient(90deg, rgba(12,48,97,1) 0%, rgba(0,122,199,1) 100%);
	color:#fff; font-weight:bold;
	padding:0 1em;
	margin:0.5em 0 0 0;
}
*/

.page-content ul.description {
	margin:0 0 2em 1em;
	padding:0 0 0 0.5em;
}
.page-content ul.description li {
	padding:0 0 0;
	text-indent:-0.5em;

}
.page-content ul.description li::before {
	content:"・";
}

.page-content ol.description {
	margin:0 0 2em 1em;
	padding:0 0 0 0.5em;
}
.page-content ol.description li {
	list-style:none;
	counter-increment:chapter;
	padding:0 0 0 1em;
	text-indent:-1.5em;
}
.page-content ol.description li::before {
	content:counter(chapter) ".";
	padding-right:10px;
}



.article-box {background:#fff; padding:40px 40px 20px; margin:0 0 4px 0; clear:both; position:relative;}

/*
.open-date {text-align:center;}
.open-date {font-size:24px; font-size:2.4rem; margin:0 auto 12px !important;}
.open-date i {font-size:36px; font-size:3.6rem;}
*/
/******************/
/******************/
/* front-page.php */


.section-top-hero {
	background:var(--color-blue) center top 60vw no-repeat;
	background-image:url("images-page/top-hero-background.webp");
	background-size:100% auto;
	padding:60px 0 40px 0; margin:0;
	position:relative;
	font-weight:var(--font-bold); font-size:2.0rem; line-height:var(--line-height-mini);
}

.section-top-hero .hero {
	margin-top:-22%;
}
.section-top-hero .hero img {
	max-width:1400px; margin:0 auto;
	width:96%;
	display:block;
}
.section-top-hero .drone {
	position:absolute;
	right:2%; top:5%;
	max-width:20%;
	animation: drone-float 5s ease-in-out infinite;
}

@keyframes drone-float {
	0% {
	transform: translate(0, 0) rotate(0deg);
	}
	25% {
	transform: translate(-15px, 20px) rotate(-2deg);
	}
	50% {
	transform: translate(0, 35px) rotate(2deg);
	}
	75% {
	transform: translate(15px, 20px) rotate(-2deg);
	}
	100% {
	transform: translate(0, 0) rotate(0deg);
	}
}


.section-top-hero .title {margin:0 0 2em 0; padding:0 1em 0 0;}

.section-top-hero .title img {width:100%;}

.section-top-hero .box {padding:0 0 0 20px; max-width:860px; position:relative; z-index:2;}



.section-top-hero .item {display:flex; margin:0 0 0.2em; color:#fff;}
.section-top-hero .item:last-of-type {margin-bottom:0;}

.section-top-hero .item.-emphasis {display:block; margin-bottom:40px;}
.section-top-hero .item .label {margin:0 0.4em 0.4em 0; white-space:nowrap;}
.section-top-hero .item>.label.-emphasis {display:inline-block; position:relative; font-size:2.4rem;}
/* .tophero-eventinfo>.item>.label.-emphasis:after {content:""; display:block; position:absolute; right:-12px; bottom:-6px; width:160px; height:100px; background:url("images/airplane-icon.png") center/contain no-repeat; transform:translate(100%,0);} */
.section-top-hero .item>.data.-date {height:calc(54px + 2.4vw); width:auto; max-width:60%; font-size:100px; margin:0;}
.section-top-hero .item>.data.-date>img {display:block; width:100%;}

.section-top-hero .button {margin:1.4em auto 0 0;}

.article-top .section-top-hero .sns-icon-list {
	position:absolute; top:20px; right:20px;
}
.article-top .section-top-hero .sns-icon-list ul li a {
	background:none; border:0;
	padding:0;
}
.article-top .section-top-hero .sns-icon-list ul li a:hover {
	border:0;
}


@media (max-width:1100px) {
	.article-top .section-top-hero .sns-icon-list {display:none;}
}
@media screen and (max-width:700px) {
	.section-top-hero .title {padding:0;}
	.section-top-hero .title span img {width:60%;}
	.section-top-hero .title .year {max-width:200px;}
	.section-top-hero .box {padding:0 20px 0 20px;}

	.section-top-hero .item:last-of-type {margin-bottom:150px;}
	.section-top-hero .item {font-size: 1.5rem;}

	.section-top-hero .item.-emphasis {margin-bottom:0px;}

} 
@media screen and (max-width:500px) {
	.section-top-hero .item.-emphasis {margin-bottom:0px;}

} 

.section-top-entry {
	background-size: 41px 41px;
	background-position: 0 0, 20.5px 20.5px;
	background-image:
		radial-gradient(#badee4 15px, transparent 15px),
		radial-gradient(#badee4 15px, #e1ecf1 15px);
	background-attachment: fixed;
	padding:150px 0;
	position:relative;
	overflow:hidden;
}
.section-top-entry::before {
	content:"";
	position:absolute;
	pointer-events:none;
	display:block;
	left:0; right:0; top:0;
	width:100%; height:100%;
	background:no-repeat;
	background-image:url("images-page/top-entry-01.webp") , url("images-page/top-entry-02.webp");
	background-position:left bottom -10%, right bottom -30%;
	background-size:32% auto;
	z-index:3;
}
.section-top-entry::after {
	content:"";
	position:absolute;
	display:block;
	left:0; right:0;
	top:0;
	width:100%; height:100%;
	aspect-ratio:1 / 1;
	background:url("images-page/top-entry-background.webp") center top no-repeat;
	background-size:100% auto;
	z-index:2;
}
.section-top-entry .button {
	z-index:5;
}
@media screen and (max-width:1200px) {
	.section-top-entry::after {
		top:auto;
		bottom:-20%;
	}
}
@media screen and (max-width:1000px) {
	.section-top-entry {padding:120px 0;}
	.section-top-entry::after {bottom:-30%;}
}
@media screen and (max-width:800px) {
	.section-top-entry {padding:100px 0;}
	.section-top-entry::after {bottom:-40%;}
}
@media screen and (max-width:700px) {
	.section-top-entry {padding:60px 0;}
	.section-top-entry::after {bottom:-55%;}
}

.section-top-news {
	background-color:var(--color-blue); padding:50px 0 0.1em 0;
	color:#fff;
}
.section-top-news .flex-container {justify-content:space-between;}

.section-top-news .flex-item {padding:0; margin:0;}
.section-top-news .flex-item:nth-child(1) {flex-basis:30%;}
.section-top-news .flex-item:nth-child(2) {flex-basis:65%; }

.section-top-news [data-icon="news-white"]:before {
	background-image: url("images/icon-news-white.svg");
}

.section-top-news .archives ul {
	/*max-height: 340px;
	overflow-y: auto;*/
}

.section-top-news .archives ul li a {
	box-shadow:none;
	color:var(--color-dark);
}
.section-top-news .archives ul li a:hover {
	color:var(--color-white);
}
.section-top-news .archives ul li a:hover .meta {color:var(--color-white);}
.section-top-news .archives ul li a:hover .title {color:var(--color-white);}
.section-top-news .archives ul li a:hover .thumbnail {background:var(--color-white);}

@media screen and (max-width:900px) {
	.section-top-news .flex-container {display: block;}
	.section-top-news .flex-item:nth-child(1) .section-subtitle {margin-bottom: 2rem;}
	.section-top-news .flex-item:nth-child(1) .button {margin-bottom: 2rem;}
	.section-top-news .flex-item:nth-child(2) {flex-basis:100%; }
}





.section-top-about {text-align:center;}
.section-top-about .title {
	background:url("images-page/top-about-icon.webp") center top no-repeat;
	background-size:200px auto;
	padding:120px 0 0 0;
	margin:0 auto 2em;
	color:var(--color-blue); font-size:36px; font-size:3.6rem;
	font-weight:var(--font-bold);
	line-height:1.3;
}
.section-top-about .photo {max-width:600px; width:80%; margin:0 auto 4em;}

.section-top-about hr {
	margin:60px auto;
	width:136px; height:19px;
	background:url("images-page/top-about-hr.svg") 0 0 no-repeat;
	border:0;
}

@media (max-width:900px) {
	.section-top-about .title {font-size:32px; font-size:3.2rem;
		background-size:160px auto;
	}
}
@media (max-width:900px) {
	.section-top-about .title {font-size:24px; font-size:2.4rem;}
}

.section-top-access {
	background-color:#badee4;
}

.section-top-access .flex-container {
	flex-direction:row-reverse; justify-content:space-between; flex-wrap:nowrap;
}
@media screen and (max-width:800px) {
	.section-top-access .flex-container {flex-direction:row; display: block;}
}
.section-top-access .flex-item {
	flex-basis:48%; max-width:48%; margin:0;
	display:flex; align-items:stretch;
	flex-direction:column;
}
@media screen and (max-width:800px) {
	.section-top-access .flex-item {
		flex-basis:100%;
		max-width:100%;
	}
	.section-top-access .flex-item:last-child {
		height: 300px;
	}
	.section-top-hero .sns-icon-list ul{
		margin-top: 1.5rem;
	}
}

.section-top-access table th,
.section-top-access table td {border-color:#333; padding:1em;}
.section-top-access table th {white-space:nowrap; font-weight:bold;}
.section-top-access table td a {}
.section-top-access .maps {
	display:flex; height:100%;
	line-height:0; position:relative; border-radius:10px; overflow:hidden;
	box-shadow:0 0 24px rgba(16,116,172,0.06), 0 0 40px rgba(16,116,172,0.06);
}

.maps iframe {
	position:absolute; top:0; left:0; right:0; bottom:0; width:100%; height:100%;
}
@media screen and (max-width: 800px) {
    .section-top-access table th,
.section-top-access table td {font-size: 1.5rem;}
}
/******************/
/******************/
/* page.php *******/

/*
#post-about {text-align:left;}
#post-about h6 {font-weight:bold; text-align:center;}

#post-about .list-sessions-descriptions dl dt {margin:0 0 0.6em 0; line-height:1.5; color:#3C9CC2; color:var(--color-aqua);}
#post-about .list-sessions-descriptions dl dt i {font-size:20px; font-size:2.0rem;}
#post-about .list-sessions-descriptions dl dt b {display:block; font-size:16px; font-size:1.6rem; font-weight:bold;}
#post-about .list-sessions-descriptions dl dd {margin:0 0 2em 0;}
*/
#post-about h5,#post-about .text-bold {font-size: 1.6rem;font-weight: bold;}
@media screen and (max-width:600px) {
	#post-about .page-content img.right {float:none; width:100%; margin:0 0 1em 0;}
}


#post-programs .programs-date-selector ol {display:table; table-layout:fixed; width:100%; border-spacing:0; border-collapse:collapse; padding:0; margin:0 0 1px 0; line-height:1.3;}
#post-programs .programs-date-selector ol li {background-color:#fff; display:table-cell; text-align:center;
	padding:4px 0; margin:0;}
#post-programs .programs-date-selector ol li:not(:last-child) {border-right:1px solid #333333;}
#post-programs .programs-date-selector ol li i {font-size:20px; font-size:2.0rem;}
#post-programs .programs-date-selector ol li span {display:block; font-size:12px; font-size:1.2rem;}
#post-programs .programs-date-selector ol li:hover {background-color:#3C9CC2; background-color:var(--color-aqua); color:#fff; cursor:pointer;}

#post-programs .programs-selector ol {
	display:table; table-layout:fixed; width:100%; border-spacing:0; border-collapse:collapse; padding:0; margin:0 0 3px 0; line-height:1.3;
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.programs-selector ol li {
	background-color:#fff; text-align:center; vertical-align:middle;
	padding:0; margin:0; font-size:14px; font-size:1.4rem;
	display:flex;
	margin:0;
	padding:0;
	flex:0 1 auto;
	flex-basis:calc(25% - 2px);
}

.programs-selector ol li a {
	padding:12px 0 10px 0; display:block; color:#848280; display:flex;
	flex-basis:100%;
	align-items:center;
	-webkit-justify-content:center;
	justify-content:space-center;
}
.programs-selector ol li a:before {content:"▶︎"; margin:0 0.5em 0 0;}
.programs-selector ol li i {font-size:20px; font-size:2.0rem;}
.programs-selector ol li span {display:block; font-size:12px; font-size:1.2rem;}
.programs-selector ol li a:hover {
	background-color:#333333; background-color:var(--color-dark); color:#fff; cursor:pointer;
}

/*
#post-programs .programs-timeline {padding:0 0 1em 0;}
#post-programs .programs-timeline dl {clear:both; display:flow-root; position:relative; margin:0 0 1em 0; line-height:1.5;}
#post-programs .programs-timeline dl dt {position:absolute; left:0;
	display:inline-block; text-align:right; top:0; width:64px; font-size:20px; font-size:2.0rem;}
#post-programs .programs-timeline dl dt i {}
#post-programs .programs-timeline dl dd {margin-left:120px; position:relative; padding:6px 0 0 0;}
#post-programs .programs-timeline dl dd:before {
content:""; display:block; width:6px; height:1px; background-color:#333333; position:absolute; left:-30px; top:1.1em;
}
#post-programs .programs-timeline dl dd a {}
#post-programs .programs-timeline dl dd a span {display:block;}
#post-programs .programs-timeline dl dd a .title {color:#333333; color:var(--color-dark);}
#post-programs .programs-timeline dl dd a .organizer {font-size:12px; font-size:1.2rem;}
*/

#post-programs .title i {text-transform:uppercase; font-size:32px; font-size:3.2rem;}

.programs-table {margin:0 0 40px 0; padding:40px 0 0 0; margin-top:-40px;}

.programs-table table {text-align:left; font-size:12px; font-size:1.2rem; margin:0;}
.programs-table table thead {display:none;}
.programs-table table thead td {white-space:nowrap;}
.programs-table table tr:nth-child(odd) {background-color:#E5EAEA;}
.programs-table table tr:nth-child(even) {background-color:#F7F9F9;}


.programs-table table th,
.programs-table table td {
	text-align:center;
	vertical-align:middle;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}
.programs-table table th {
	padding:4px 12px; color:#fff; max-width:6em; width:6em; white-space:nowrap;
}
.programs-table table th span {padding:1em 0.5em; display:block;}
.programs-table table th span.cat-plenary {background-color:#D3B6F7;}
.programs-table table th span.cat-concurrent {background-color:#88BEEE;}
.programs-table table th span.cat-special {background-color:#A9E6A8;}
.programs-table table th span.cat-event {background-color:#FFC68A;}
/**/

.programs-table table td a {color:#333333;}

/*
.programs-table table td.organizer {min-width:15em; text-align:left;}
.programs-table table td.organizer ul li {display:block;}
*/
.programs-table table td.name {text-align:left; font-size:1.1em; font-weight:bold; min-width:400px; max-width:800px;}

.programs-table table td.name span {text-indent:-1.5em; padding:0 0 0 1em;}
.programs-table table td.name span::before {content:"▶︎"; margin:0 0.5em 0 0;}
.programs-table table td.name a:hover {
	color:#3C9CC2;
	color:var(--color-aqua);
}
.programs-table table td.name a:hover span {}
.programs-table table td.name a:hover span::before {text-decoration:none;}

#post-programs table td.date {text-align:center; white-space:nowrap;}
#post-programs table td.date span {display:block; white-space:nowrap;}

#post-programs table td.room {white-space:nowrap;}

#post-programs table td.style {text-align:center; white-space:nowrap;}
#post-programs table ul {margin:0; padding:0 0 0;}
#post-programs table ul li {display:block; padding:0 0 0 1em; text-indent:-0.5em;}
#post-programs table ul li span:before {content:"・";}
#post-programs table td b {color:#cc0000;}

/*
.programs-items {}
.programs-items dl {font-size:15px; font-size:1.5rem; position:relative; margin:0 0 3em 0;}
.programs-items dl dt {color:#3C9CC2; color:var(--color-aqua);}
.programs-items dl dt:before {content:"●"; margin:0 0.4em 0 0;}
.programs-items dl dd {margin-left:1.4em; padding:0; position:relative; font-size:17px; font-size:1.7rem; font-weight:bold;}
.programs-items dl dd a {color:#333333; color:var(--color-dark);}
.programs-items dl dd a:hover {color:#3C9CC2; color:var(--color-aqua);}
.programs-items dl dd ul {font-size:14px; font-size:1.4rem; font-weight:normal; list-style:disc;}
.programs-items dl dd ul li {}
.programs-items dl dd ul li a {color:#888; color:var(--oz-color-gray); color:#333333; color:var(--color-dark);}
.programs-items dl dd ul li a:hover {color:#3C9CC2; color:var(--color-aqua); text-decoration:underline;}
.programs-items dl dd ul li a:before {content:"・"; margin:0 0.4em 0 0; display:none;}
*/

/*
#post-archives-sessions form,
#post-archives-sessions select {margin:0 auto 40px;}
#post-archives-sessions select {max-width:300px;}
*/
#post-archives-sessions{
	text-align: left;
}
#post-archives-sessions .sdgs-selector{
	display: grid;
    grid-template-columns: repeat(auto-fill, minmax(calc(2.5% + 32px), 1fr));
    gap: 8px;
	margin: 28px 0 0;
}
#post-archives-sessions .sdgs-selector li{
	cursor: pointer;
	opacity: 0.4;
	transition: 0.3s;
}
#post-archives-sessions .sdgs-selector li:hover{
	opacity: 0.8;
}


#post-archives-sessions .sdgs-selector li.is-active, #post-archives-sessions .sdgs-selector li.is-active:first-of-type ~ li{
	opacity: 1;
}
.sdgs-selector li.is-active:not(:first-of-type){
	opacity: 1;
	box-shadow: 0 0 12px rgb(16, 116, 172, 0.12), 0 0 40px rgb(16, 116, 172, 0.12);
    transform: scale(1.1);
}
#post-archives-sessions .sdgs-selector img{
	display: block;
}


#post-archives-sessions .tab-selector{
	margin-bottom: 1em;
}
#post-archives-sessions .tab-selector .button{
	flex-basis: 100%;
    margin-right: 1%;
    border: 1px solid #c5c5c5;
    border-radius: 4px;
    transition: 0.2s;
    white-space: nowrap;
}
#post-archives-sessions .tab-selector .button:hover{
	color: inherit;
    background: #fff;
    box-shadow: 0 0 24px rgb(16 116 172 / 6%), 0 0 40px rgb(16 116 172 / 6%);
    border-color: var(--color-aqua);
}
#post-archives-sessions .tab-selector .button.is-active{
	color: var(--color-white);
    background: var(--color-blue);
    border-color: #C6E7F5;
    box-shadow: 0 0 12px rgb(16 116 172 / 12%), 0 0 40px rgb(16 116 172 / 12%);
    transition: border 0s;
}
#post-archives-sessions .tab-selector .button span{
	display: block;
    padding: 1em;
    text-align: center;
    font-weight: bold;
    line-height: 1.2;
    cursor: pointer;
	position: relative;
}
#post-archives-sessions .tab-selector .button span::before{
	content: "";
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    margin: 0 0.35em 0 0;
    vertical-align: -2%;
    background: url(images/arrow-right-small-color.svg) center / contain no-repeat;
    transition: transform 0.2s;
}
#post-archives-sessions .tab-selector .button.is-active span::before{
	background-image: url(images/arrow-right-small-white.svg);
}
#post-archives-sessions .sessions-list{
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    position: relative;
    text-align: justify;
}
#post-archives-sessions .sessions-list .session-box{
	display: block;
    flex-basis: 32%;
    margin: 0 0 2% 0;
    text-align: left;
	position: relative;
}
#post-archives-sessions .sessions-list .session-box a{
	position: relative;
    padding: 24px;
    height: 100%;
    background: #fff;
    border: 1px solid #E7E7E7;
    box-shadow: 0 0 32px rgba(14, 88, 156, 0.06);
    border-radius: 12px;
    transition: 0.5s;
	display: block;
}
#post-archives-sessions .sessions-list .session-box a:hover {
    transform: scale(1.02);
    box-shadow: 0 0 64px rgba(14, 88, 156, 0.09);
    color: inherit;
}
#post-archives-sessions .sessions-list .session-box .label {
	position: absolute;
	top: -10px;
	left: -10px;
	display: flex;
	font-size: 1.1rem;
	font-weight: bold;
	color: #121212;
	text-align: center;
	flex-direction: column;
	justify-content: center;
	width: 88px;
	height: 88px;
	padding: 0 16px 8px 0;
	filter: drop-shadow(0 0 16px rgba(14, 88, 156, 0.06));
	color: #121212;
	overflow: hidden;
	line-height: 1.6;
	border-radius: 10px;
	z-index: 8;
}
#post-archives-sessions .sessions-list .session-box .label:before {
	content: "";
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 160%;
    height: 160%;
    background: linear-gradient(20deg, #CCFFFF, #96ECFF);
    border-radius: 1000px;
    z-index: -1;
}
#post-archives-sessions .sessions-list .session-box[data-category="secretariat"] .label:before {
    background: linear-gradient(120deg, #F0E9FF, #D3B0FF);
}
#post-archives-sessions .sessions-list .session-box[data-category="city"] .label:before {
    background: linear-gradient(120deg, #fff1ac, #ffcb8f);
}
#post-archives-sessions .sessions-list .session-box[data-category="cic"] .label:before {
    background: linear-gradient(120deg, #e2e7ff, #8daff3);
}
#post-archives-sessions .sessions-list .session-box[data-category="free-theme"] .label:before {
    background: linear-gradient(120deg, #ffffff, #f2f063);
}
#post-archives-sessions .sessions-list .session-box .label .id {
	font-size: 2.4rem;
    font-family: 'Josefin Sans';
    line-height: 1;
}
#post-archives-sessions .sessions-list .session-box .thumbnail{
	position: relative;
    display: block;
    margin: 0 0 16px;
	border: 1px solid #c5c5c5;
    border-radius: 4px;
    overflow: hidden;
}
#post-archives-sessions .sessions-list .session-box .thumbnail::before{
	content: "";
    display: block;
    height: 0;
    padding-top: 66.666%;
}
#post-archives-sessions .sessions-list .session-box .thumbnail img{
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}
#post-archives-sessions .sessions-list .session-box .title{display: block;
    font-size: 1.8rem;
    font-weight: bold;
	line-height: 1.6;
    margin: 0.5em 0;
}
#post-archives-sessions .sessions-list .session-box .summary{display: block;
    color: #6B6B6B;
    line-height: 1.6;
	font-size: 1.4rem;
    margin: 0 0 1em;
}
#post-archives-sessions .sessions-list .session-box .information{
	font-size: 1.4rem;
	line-height: 1.4;
}
#post-archives-sessions .sessions-list .session-box .information .item{
    margin: 0 0 0.5em;
}
#post-archives-sessions .sessions-list .session-box .information .item .team{
	font-weight: bold;
    flex-basis: 6.5em;
    flex-shrink: 0;
    white-space: nowrap;
}
#post-archives-sessions .sessions-list .session-box .information .item .data{
	flex-basis: 100%;
    flex-shrink: 1;
}
#post-archives-sessions .sessions-list .session-box .information .item::before{
	content: "";
    display: block;
    position: absolute;
    top: -0.1em;
    left: 0;
    width: 1.5em;
    height: 1.5em;
    background: center / contain no-repeat;
}
[data-icon="time"]:before{
	background-image: url(images/icon-time.svg);
}
[data-icon="place"]:before {
    background-image: url(images/icon-place.svg);
}
#post-archives-sessions .sessions-list .session-box .viewmore-text{
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: max-content;
    font-size: 1.4rem;
    padding: 1.2em 2em;
    border: 1px solid #c5c5c5;
    color: #333;
	font-weight: bold;
    border-radius: 4px;
    opacity: 0;
    pointer-events: none;
    transition: 0.5s;
    z-index: 4;
}
#post-archives-sessions .sessions-list .session-box a:hover .viewmore-text{
	opacity: 1;
}
#post-archives-sessions .sessions-list .session-box .viewmore-text::after{
	content: "";
    display: inline-block;
    margin: 0 0 0 1em;
    vertical-align: -5%;
    width: 0.8em;
    height: 0.8em;
    background: url(images/arrow-right-black.svg) center / contain no-repeat;
    transition: transform 0.2s;
}
#post-archives-sessions .sessions-list .session-box a::after{
	content: "";
    position: absolute;
    top: 0;
	right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background: rgba(255, 255, 255, 0.9);
    opacity: 0;
    border-radius: 12px;
    transition: opacity 0.5s;
    z-index: 2;
    pointer-events: none;
}
#post-archives-sessions .sessions-list .session-box a:hover::after{
	opacity: 1;
}
.sessions-list .gap {
    flex-basis: 32%;
}
@media screen and (max-width: 1300px) {
    #post-archives-sessions .sessions-list .session-box {
        margin-bottom: 2.75%;
    }
	#post-archives-sessions .sessions-list .session-box, #post-archives-sessions .sessions-list .session-box .gap {
        flex-basis: 31.5%;
    }
	.sessions-list .session-box, .sessions-list .gap {
        flex-basis: 31.5%;
    }
}
@media screen and (max-width: 960px) {
    #post-archives-sessions .sessions-list .session-box {
        margin-bottom: max(24px, 3%);
    }
    #post-archives-sessions .sessions-list .session-box, #post-archives-sessions .sessions-list .session-box .gap {
        flex-basis: 48.5%;
    }
	.sessions-list .session-box, .sessions-list .gap {
        flex-basis: 48.5%;
    }
}
@media screen and (max-width: 600px) {
    #post-archives-sessions .sessions-list .session-box, #post-archives-sessions .sessions-list .session-box .gap {
        flex-basis: 100%;
    }
	.sessions-list .session-box, .sessions-list .gap {
        flex-basis: 100%;
    }
	#post-archives-sessions .sessions-list .session-box .title{
		font-size: 1.6rem;
	}
}

.tab-selector {
	overflow-x: scroll;
}
.tab-selector {
	font-size: 1.2rem;
}
.postsession-header{
	position: relative;
    padding: 0 0 0 132px;
    margin: 60px 0 72px;
}
.postsession-header .id{
	position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(45deg, #CCFFFF, #96ECFF);
    font-weight: bold;
    color: #121212;
    padding: 4px 0 0;
    width: 112px;
    height: 112px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
    border-radius: 50%;
    font-family: 'Josefin Sans', sans-serif;
    font-size: 3.2rem;
    box-shadow: 0 0 12px rgb(16, 116, 172, 0.12), 0 0 40px rgb(16, 116, 172, 0.12);
    border: 1px solid #C6E7F5;
}

.postsession-header .section-title{
	margin: 0 0 8px;
}
.postsession-header .format{
	display: inline-block;
    font-size: 1.2rem;
    vertical-align: 25%;
    font-weight: bold;
    border-radius: 4px;
    color: #121212;
    padding: 0.4em 1em;
    background: #C1F0FF;
}
.postsession-header .format.-online{
	background-color: #FFD2DE;
}
.postsession-header .format.-hybrid{
	background-color: #E1CBFF;
}
.post-session-meta .item{
	display: flex;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1.5;
	margin-bottom: 0.5em;
}
.post-session-meta .item dt::after{
	content:":";
	padding: 0 0.5em;
}
.post-session-meta .item>.label{
	/* margin-right: -0.5em; */
	white-space: nowrap;
}
.post-session-meta .item [data-icon="time"]{
	/* margin-right: 1em; */
}
.post-session-meta .item [data-icon="place"]{
	/* margin-right: 1em; */
}
.sdgs{
	margin: 12px 0 0;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(64px, 1fr));
    gap: 8px;
}
.speakers-list{
	display: flex;
    margin: 0 0 calc(72px - 2.5%);
    justify-content: space-between;
    flex-wrap: wrap;
}
.speaker-box {
    padding: 24px;
    background: #fff;
    border: 1px solid #E7E7E7;
    box-shadow: 0 0 32px rgba(14, 88, 156, 0.06);
    border-radius: 12px;
}
.speakers-list>.speaker-box {
    flex-basis: 18%;
    margin-bottom: 2.5%;
}
.speaker-box .portrait {
    margin: 0 0 8px;
}
.speaker-box .name {
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1.4;
    margin: 0.4em 0;
}
.speaker-box .profile {
    font-size: 1.4rem;
    line-height: 1.6;
    color: #6B6B6B;
}
.speakers-list>.empty {
    flex-basis: 18%;
    height: 0;
    visibility: hidden;
}
.sessioninfo-table {
    border-radius: 12px;
    overflow: hidden;
    line-height: 1.6;
	margin: 0;
}
.subsection-title{
	font-weight: bold;
    margin: 0 0 1em;
    line-height: 1.4;
    font-size: 3.6rem;
}
.sessioninfo-table tr:first-of-type th, .sessioninfo-table tr:first-of-type td {
    border-top: none;
}
.sessioninfo-table th[data-icon]:before {
    position: static;
    display: inline-block;
    vertical-align: -25%;
    margin: 0 0.25em 0 0;
}
.sessioninfo-table td.-bg-black {
    color: #fff;
    background: #333;
    border: none;
}
.sessioninfo-table tr:first-of-type th, .sessioninfo-table tr:first-of-type td {
    border-top: none;
}
.sessioninfo-table th, .sessioninfo-table td {
    padding: 1em;
    vertical-align: middle;
}
.sessioninfo-table th {
    min-width: 9em;
    padding: 1em 0.5em;
	border-bottom: 1px solid #e7e7e7;;
}
.sessioninfo-table td {
    border-left: 1px solid #c5c5c5;
}
.sessioninfo-table .sessionname td {
    font-weight: bold;
}
.postsession-header .keywords .keyword, .postsession-header .documents .document {
    display: inline-block;
    font-size: 0.65em;
    margin: 0.2em 0.2em 0.2em 0;
    padding: 0em 1em;
    background: #EBEBEB;
    border-radius: 4px;
}


.more-button[class] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    max-width: 240px;
    padding: 1.25em 0;
    border-radius: 4px;
    font-size: 1.6rem;
    text-align: center;
    font-weight: bold;
    background: var(--color-blue);
    color: var(--color-white);
    border: 1px solid #C6E7F5;
    line-height: 1.2;
    white-space: nowrap;
    box-shadow: 0 0 12px rgba(16, 116, 172, 0.12), 0 0 40px rgba(16, 116, 172, 0.12);
    overflow: hidden;
    transition: 0.2s;
    z-index: 0;
}
.more-button[class]:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    z-index: -1;
    transition: opacity 0.2s;
}
.more-button[class]:after {
    content: "";
    display: inline-block;
    flex-shrink: 0;
    margin: 0 0 0 0.7em;
    vertical-align: -5%;
    width: 0.8em;
    height: 0.8em;
    background: url(images/arrow-right-white.svg) center / contain no-repeat;
    transition: transform 0.2s;
}
.more-button.-center {
    margin-right: auto;
    margin-left: auto;
}
.more-button:hover {
    color: var(--color-white);
    border-color: var(--color-aqua);
    background: var(--color-aqua);
    box-shadow: 0 0 24px rgba(16, 116, 172, 0.06), 0 0 40px rgba(16, 116, 172, 0.06);
}
.more-button:hover:after {
    transform: translate(4px, 0);
}
.more-button:hover:before {
    opacity: 0;
}
.postsession-content .responsive-table {
    position: relative;
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
}
.responsive-table .scrollable-icon {
    opacity: 0;
    transition: .2s;
    pointer-events: none;
    transition-delay: .4s;
}
.responsive-table .scrollable-icon {
    content: "";
    position: absolute;
    top: min(30vh, 50%);
    left: 50%;
    width: 112px;
    height: 112px;
    background: url(images/icon-scrollable-jp.svg) center / contain no-repeat;
    transform: translate(-50%, -50%);
    z-index: 2;
    backdrop-filter: blur(2px);
}
.postsession-content .session-timetable {
    border-collapse: separate;
    border-spacing: 2px;
    line-height: 1.6;
    margin: 0;
    font-size: 1.4rem;
    min-width: 600px;
	cursor: grab;
}
.postsession-content .session-timetable th, .session-timetable td {
    padding: 1em;
    border: 1px solid transparent;
    border-radius: 4px;
    vertical-align: middle;
    text-align: center;
}
.postsession-content .session-timetable th, .session-timetable td {
    background: #F6F8FA;
}
.postsession-content .session-timetable tr:first-of-type th,.postsession-content .session-timetable tr:first-of-type td {
    border-top-color: transparent;
}
.postsession-content .session-timetable .title, .postsession-content .session-timetable .speaker, .postsession-content .session-timetable .affiliation {
    text-align: left;
}
.postsession-content .session-timetable th, .session-timetable td {
    background: #F6F8FA;
}
.postsession-content table tbody tr:first-of-type td {
    border-top: 1px solid #c5c5c5;
}
.postsession-content .session-timetable thead th, .postsession-content .session-timetable thead td {
    background: #333333;
    color: #fff;
    font-weight: bold;
}
.post-archives-sessions .section-content a {
	text-decoration: underline;
	color: var(--color-aqua);
}
.post-archives-sessions .section-content .button a {
	text-decoration: none;
	color: #121212;
}
@media screen and (max-width: 1200px) {
    .speakers-list>.empty, .speakers-list>.speaker-box {
        flex-basis: 24%;
    }
	.speakers-list>.empty, .speakers-list>.speaker-box {
        flex-basis: 24%;
    }
}
@media screen and (max-width: 900px) {
    .speakers-list>.empty, .speakers-list>.speaker-box {
        flex-basis: 32%;
    }
	.speakers-list>.empty, .speakers-list>.speaker-box {
        flex-basis: 32%;
    }
	.postsession-header{
		padding: 90px 0 0 0;
		margin: 0;
	}
	.postsession-header .id{
		width: 80px;
		height: 80px;
		font-size: 2.2rem;
	}
	.post-session-meta .item{
		display: block;
		margin-bottom: 1.5rem;
	}
	.postsession-header .section-title{
		margin-bottom: 2rem;
		font-size: 2.4rem;
	}
	.postsession-header .format{
		margin-bottom: 1rem;
	}
	.postsession-header .keywords .keyword, .postsession-header .documents .document {
		font-size: 0.65em;
	}
	.post-session-meta .item>dd{
		padding-left: 1.8em;
	}
	.post-session-meta .item dt::after{
		display: none;
	}
}
@media screen and (max-width: 800px) {
    .speaker-box {
        padding: 18px;
    }
	.more-button[class] {
        font-size: 1.4rem;
    }
	.more-button[class]:after {
        margin-left: 0.4em;
    }
}
@media screen and (max-width: 600px) {
    .speakers-list>.empty, .speakers-list>.speaker-box {
        flex-basis: 49%;
    }
	.speakers-list>.empty, .speakers-list>.speaker-box {
        flex-basis: 49%;
    }
	.sessioninfo-table {
        font-size: 1.2rem;
    }
	
	.post-archives-sessions .section-content{
		padding: 1.5rem;
	}
	.speaker-box .name{
		font-size: 1.8rem;
	}
	.post-archives-sessions .section-content .flex-container{
		display: block;
	}
}

#post-timetable .responsive-table{
	position: relative;
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
	cursor: grab;
}
.event-timetable{
	position: relative;
}
#post-timetable .event-timetable .tablebody {
    width: fit-content;
}
#post-timetable .event-timetable .tablebody svg{
	height: 720px;
    width: auto;
	max-width: 10000px;
}
#post-timetable .more-button[class]{
padding: 1.5em;
margin: 0 0 5rem 0;
max-width: fit-content;
border: none;
background-image: none;
}
@media screen and (max-width: 700px) {
    #post-timetable .more-button[class]{
		font-size: 1.3rem;
		padding: 2rem;
	}
}
#post-timetable .more-button:hover {
    color: #333333;
    border-color: #e6e8ee;
    background: #e6e8ee;
    box-shadow: 0 0 24px rgba(16, 116, 172, 0.06), 0 0 40px rgba(16, 116, 172, 0.06);
}
#post-timetable .more-button:hover:before {
    opacity: 0;
}
.event-timetable svg [id] [id^="background"] {
    filter: drop-shadow(0 0 4px rgba(14, 88, 156, 0.06));
    cursor: pointer;
	transition: 0.3s;
}
.event-timetable svg [id] [id^="background"]:hover {
    fill: #d2d5dc !important;
}
.event-timetable svg [id] [id^="arrow"] {
    transition: 0.2s;
}
.event-timetable svg [id]:hover [id^="arrow"] {
    transform: translate(0, 2px);
}

@media screen and (max-width: 800px) {
    #post-timetable .event-timetable .tablebody svg{
		height: 500px;
		width: auto;
		max-width: 10000px;
	}
	#post-timetable .section-content{
	padding: 44px 12px;
	}
}






/******************/
/* jquery-tabs ****/

/*
#tabs {position:relative;}
#tabs ol {
	display:table; table-layout:fixed; text-align:center; border-collapse:separate; border-spacing:12px 0;
	padding:0; margin:0 auto 40px; width:100%;
	position:relative; z-index:3;
}
#tabs ol li {display:table-cell; padding:6px 0; cursor:pointer; white-space:nowrap; background-color:#fff; border:1px solid #3C9CC2; border-color:var(--color-aqua); color:#3C9CC2; color:var(--color-aqua); position:relative;}

#tabs ol li:hover {background-color:#333333; background-color:var(--color-dark); border-color:#333333; border-color:var(--color-dark); color:#fff;}

#tabs ol li.current {background:#3C9CC2; background-color:var(--color-aqua); color:#fff;}
#tabs ol li.current:hover {background-color:#3C9CC2; background-color:var(--color-aqua); border-color:#3C9CC2; border-color:var(--color-aqua);}
#tabs ol li.current:after {content:""; position:absolute; left:50%; bottom:-15px; margin-left:-16px; width:0;
	height:0; border-style:solid;
	border-width:16px 16px 0 16px;
	border-color:#3C9CC2 transparent transparent transparent;
}

#tab-content {text-align:left; padding:0; margin:0 0; position:relative;}
*/

/*
#post-sponsors h4,
#post-sponsors h5 {}
#post-sponsors h4 span {font-size:16px; font-size:1.6rem; font-weight:normal;}
#post-sponsors h4 span i {font-size:40px; font-size:4.0rem;}
*/


#post-sponsorship ol {list-style:none; padding:0; margin:0 2em 3.3em; text-align:center;}
#post-sponsorship ol li {margin:0 0 2% 0; padding:2%;
	flex:0 1 auto;
	flex-basis:33.3333%;
	max-width:33.3333%;
	border-left:1px solid #e7e7e7; border-color:var(--oz-color-border);
}
#post-sponsorship ol li:last-child {border-right:1px solid #e7e7e7; border-color:var(--oz-color-border);}
#post-sponsorship ol li span {}
#post-sponsorship ol li .title {font-size:32px; font-size:3.2rem; display:block;}
#post-sponsorship ol li .price {}
#post-sponsorship ol li .price b {font-size:2.0em; font-weight:bold;}
#post-sponsorship .r-table {margin:0 0 40px 0;}
#post-sponsorship table {width:100%; max-width:100%; table-layout:fixed;}
#post-sponsorship table th,
#post-sponsorship table td {white-space:nowrap;}
#post-sponsorship table th {}
#post-sponsorship table th span {display:block; font-size:0.8em;}
#post-sponsorship table tbody td {text-align:center; vertical-align:middle;}

@media screen and (max-width:900px) {
	#post-sponsorship table {table-layout:auto;}
}
@media screen and (max-width:800px) {
	#post-sponsorship ol {display:block;}
	#post-sponsorship ol li {display:block; flex-basis:100%; max-width:100%; border:0; border-top:1px solid #cdcdcd; border-color:var(--oz-color-gray);}
	#post-sponsorship ol li:last-child {border-right:0; border-bottom:1px solid #cdcdcd; border-color:var(--oz-color-gray);}
}


#post-organizer .page-content .title {font-size:40px; font-size:4.0rem;}
#post-organizer ul.flex-container {
	list-style:none; margin:0 0 4px 0; text-align:center; line-height:1.3;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
#post-organizer ul.flex-container li.flex-item {
	margin:0 0 0; padding:0; vertical-align:middle; display:flex;
	flex:0 1 auto;
	flex-basis:calc(50% - 2px);
}
#post-organizer ul.flex-container li a {
	padding:12px 1% 10px; background-color:#fff;
	color:#333333; color:var(--color-dark);
	display:flex;
	flex-basis:100%;
	align-items:center;
	-webkit-justify-content:center;
	justify-content:space-center;
}
#post-organizer ul.flex-container li a:hover {
	background-color:#333333; color:#fff;
}
#post-organizer .box:after {content:""; clear:both; display:block;}
#post-organizer p.right {font-size:12px; font-size:1.2rem;}
#post-organizer table th {min-width:24%; width:24%;}
#post-organizer .list-company ul {
	font-size:14px; font-size:1.4rem;
	margin:0 0 1em 1em;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	-webkit-justify-content:space-around;
	justify-content:space-around;
	list-style:disc;

}
#post-organizer .list-company ul::after {
	content:"";
	display:block;
	flex:0 1 auto;
	flex-basis:32%;
}

#post-organizer .list-company ul li {
	margin:0 0 0.75% 0;
	padding:0 0 0;
	line-height:1.35;
	flex:0 1 auto;
	flex-basis:30%;
}


@media screen and (max-width:600px) {
	#post-organizer .page-content .title {font-size:32px; font-size:3.2rem;}
	#post-organizer ul.flex-container {display:none;}
	#post-organizer .list-company ul li {flex-basis:45%;}
}
@media screen and (max-width:460px) {
	#post-organizer .list-company ul li {flex-basis:100%;}
}


.tab-selector {
	display: flex;
    justify-content: space-between;
    margin: 0 0 56px;
    font-size: 1.4rem;
    -ms-overflow-style: none;
    scrollbar-width: none;
	gap: 1em;
}
.tab-selector li {
	margin: 0;
	flex-basis: 100%;
}
.tab-selector li a {
	display: block;
    padding: 1em;
    text-align: center;
    font-weight: bold;
    line-height: 1.2;
    cursor: pointer;
	display: block;
    width: auto;
}
.tab-selector li a::before {
	content: "";
    display: inline-block;
    width: 0.8em;
    height: 0.8em;
    margin: 0 0.35em 0 0;
    vertical-align: -2%;
    background: url(images/arrow-right-small-color.svg) center / contain no-repeat;
    transition: transform 0.2s;
}
.tab-selector li a:hover {
	color: var(--color-aqua);
}
#post-movie .box {
	margin-top: 4rem;
}
h4.section-title {
	border-bottom: 1px solid #c5c5c5;
    padding: 0 0 0.2em;
    margin-bottom: 1.25em;
	font-weight: bold;
    margin: 0 0 1em;
    line-height: 1.4;
    font-size: 3.6rem;
}
#post-movie p:not([class]) {
	display: contents;
}
#post-movie .movies-list {
	display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
	align-items: flex-start;
}
#post-movie .movie-box {
	flex-basis: 31%;
    max-width: 31%;
	margin: 0 0 4% 0;
	display: flex;
    flex-direction: column;
    padding: 12px;
    background: #fff;
    border: 1px solid #E7E7E7;
    box-shadow: 0 0 32px rgba(14, 88, 156, 0.06);
    border-radius: 12px;
}
#post-movie .movie-box .movie-title{
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: bold;
	display: block;
	margin-bottom: 0;
}
#post-movie .movie-box .movie-youtube{
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    padding-top: 58%;
    margin: 0 0 1em 0;
}
#post-movie .movie-box .movie-youtube iframe{
    position: absolute;
    top: 0;
    right: 0;
    width: 100% !important;
    height: 100% !important;
    z-index: 3;
}
#post-movie .movie-box .movie-button{
    width: 100%;
    max-width: none;
    margin: auto 0 0;
	border: 1px solid #c5c5c5;
    background: none;
    box-shadow: none;
	background: none;
	font-size: 1.4rem;
    padding: 0.6em 2em;
    display: block;
	text-align: center;
	font-weight: bold;
	border-radius: 4px;
	transition: 0.2s;
	margin-top: 1.5em;
}
#post-movie .movie-box .movie-button::after{
	content: "";
    display: inline-block;
    flex-shrink: 0;
    margin: 0 0 0 0.7em;
    vertical-align: -5%;
    width: 0.8em;
    height: 0.8em;
    background: url(images/arrow-right-black.svg) center / contain no-repeat;
    transition: transform 0.2s;
	font-size: 1.4rem;
}
#post-movie .movie-box .movie-button:hover{
    color: #333333;
    border-color: #e6e8ee;
    background: #e6e8ee;
    box-shadow: 0 0 24px rgba(16, 116, 172, 0.06), 0 0 40px rgba(16, 116, 172, 0.06);
}


@media screen and (max-width:900px){
	#post-movie .movie-box {
		flex-basis: 48%;
		max-width: 48%;
	}
	#post-movie .box{
		padding: 0;
	}
}
@media screen and (max-width:600px){
	#post-movie .movie-box {
		flex-basis: 100%;
		max-width: 100%;
		padding: 1.5rem;
		border-radius: 7px;
	}
	h4.section-title {
		font-size: 2.4rem;
	}
}
/* .movie-archives .flex-container {}
.movie-archives .flex-container:after {content:""; display:block; flex-basis:32%;}
.movie-archives .flex-item {line-height:1.5; flex-basis:32%;}
.movie-archives .movie-box {padding:52% 0 0 0; margin:0 0 0.5em 0; position:relative;}
.movie-archives .movie-box iframe {
	position:absolute;
	top:0;
	right:0;
	width:100% !important;
	height:100% !important;
}
.movie-archives .movie-title {
	font-size:12px; font-size:1.2rem; display:block; color:#333333;
}
.movie-archives .movie-author {
	font-size:12px; font-size:1.2rem; display:block; color:#888;
}
 */
/* 
@media screen and (max-width:1400px) {
	#post-movie  .flex-item {
		flex-basis:48%;
		max-width:48%;
	}
	#post-movie .flex-item p {font-size:12px; font-size:1.2rem;}
}
@media screen and (max-width:580px) {
	#post-movie .flex-item {
		flex-basis:100%;
		max-width:100%;
	}
} */


#post-sessionlist .program-table{
	border-collapse: separate;
    border-spacing: 2px;
    line-height: 1.6;
    font-size: 1.6rem;
    margin: 0;
}
#post-sessionlist .program-table{
	border-collapse: separate;
    border-spacing: 2px;
    line-height: 1.6;
    font-size: 1.6rem;
    margin: 0;
}
#post-sessionlist .program-table tr:first-of-type th, #post-sessionlist .program-table tr:first-of-type td{
	border-top-color: transparent;
}
#post-sessionlist .program-table thead th{
	background: #333333;
    color: #fff;
    font-weight: bold;
}
#post-sessionlist .program-table th,#post-sessionlist .program-table td{
	padding: 1em;
    border: 1px solid transparent;
    border-radius: 4px;
    vertical-align: middle;
    text-align: center;
	background: #F6F8FA;
}
#post-sessionlist .program-table th.id{
    background: #96ECFF;
    color: #121212;
    font-weight: bold;
    white-space: nowrap;
	min-width: 7em;
}
#post-sessionlist .program-table td.sessionname{
	text-align: left;
    min-width: 14em;
}
#post-sessionlist .program-table .sessionname a span{
	position: relative;
	padding-left: 0.5em;

}
#post-sessionlist .program-table td.date{
	white-space: nowrap;
	text-align: center;
}
#post-sessionlist .program-table td.place{
	min-width: 7em;
}
#post-sessionlist .program-table td.format{
	white-space: nowrap;
}
#post-sessionlist .program-table .number{
	width: 5em;
    background: #96ECFF;
    color: #121212;
    font-weight: bold;
    white-space: nowrap;
}
#post-sessionlist .program-table .title span{
	padding-left: 1.6em;
	text-decoration: underline;
}
#post-sessionlist .program-table .title a>br{
	display: none;
}
#post-sessionlist .program-table .sessionname a span::before{
	content: "";
    position: absolute;
    top: 0.4em;
    left: -0.5em;
    display: block;
    width: 0.7em;
    height: 0.7em;
    background: url(images/arrow-right-small-color.svg) center / contain no-repeat;
    background-size: contain;
}
#post-sessionlist .program-table .location span,
#post-sessionlist .program-table .format span{
	justify-content: center;
}
#post-sessionlist .box-wrapper .box:nth-child(1) .number{
	background: #d8bbfc;
}
#post-sessionlist .box-wrapper .box:nth-child(2) .number{
	background: #ffcb8f;
}
#post-sessionlist .box-wrapper .box:nth-child(3) .number{
	background: #f1ef78;
}
#post-sessionlist .box-wrapper .box:nth-child(4) .number{
	background: #8dc3f3;
}
#post-sessionlist .box-wrapper .box:nth-child(5) .number{
	background: #FFBBC7;
}
#post-sessionlist .box-wrapper .box:nth-child(6) .number{
	background: #aeebad;
}



#post-sessionlist #sessionlist-cic+.section-content .id {
	background: #8dc3f3;
}
#post-sessionlist #sessionlist-science-city+.section-content .id {
	background: #ffcb8f;
}
#post-sessionlist #sessionlist-free-theme+.section-content .id {
	background: #f1ef78;
}
#post-sessionlist #sessionlist-secretariat+.section-content .id {
	background: #d8bbfc;
}
#post-sessionlist .subsection-title.-border {
    border-bottom: 1px solid #c5c5c5;
    padding: 0 0 0.2em;
    margin-bottom: 1.25em;
}
#post-sessionlist .subsection-title {
    font-weight: bold;
    margin: 0 0 1em;
    line-height: 1.4;
    font-size: 3.6rem;
}
























#post-access h4 {font-size:30px; font-size:3.0rem; line-height:1.3;}
#post-access iframe {
	position:absolute; top:0; left:0; right:0; bottom:0;
	width:100%;
	height:100%;
}
@media screen and (max-width:800px) {
	#post-access .flex-container {display:block;}
	#post-access .maps {min-height:400px;}
}

#post-howto-register .box {margin-bottom:2em;}

#post-privacy {font-size:14px; font-size:1.4rem;}
#post-privacy h4 {font-size:16px; font-size:1.6rem; font-weight:bold;}
#post-privacy h5 {margin:2em auto 1em auto; font-size:16px; font-size:1.6rem; font-weight:bold;}
#post-privacy p {margin:0 0 1em 0;}

#post-privacy ul,
#post-privacy ol {margin:0 0 2.0em 2em; padding:0; list-style:outside;}
#post-privacy ul {list-style:disc;}
#post-privacy ul ul {list-style:circle;}
#post-privacy ol {list-style:decimal;}
#post-privacy ol ol {list-style:upper-roman;}



#post-privacy .privacy-box {background-color:#e7e7e7; background-color:var(--oz-color-border);
	padding:2em 2em 0.1em; margin:2em 0;
}
#post-privacy .privacy-box *:first-child {margin-top:0;}
#post-privacy .privacy-box dl {margin:0 0 2em 0;}
#post-privacy .privacy-box dl dt {font-weight:bold; font-size:1.2em; margin:0 0 0.5em 0;}
#post-privacy .privacy-box dl dd {padding:0; margin:0;}


#post-for-staff p {text-align:center;}
#post-for-staff input {margin:0 auto; margin-bottom:24px;}
#post-for-staff input[type="password"] {width:400px; max-width:100%;}

.post-password-required p {text-align:center;}
form.post_password input {margin:0 auto; margin-bottom:24px;}
form.post_password input[type="password"] {width:400px; max-width:100%;}

#post-contact p {font-size:16px; font-size:1.6rem;}
#post-contact p b {font-weight:bold; font-size:1.1em;}
#post-contact p.small {font-size:12px; font-size:1.2rem;}
#post-contact p.form-text {margin-bottom: 3rem;}
#post-legal dl dt {font-weight:bold;}
#post-legal dl dt:before {content:"●"; margin:0 0.4em 0 0;}
#post-contact input[type="submit"][disabled], input[type="submit"][disabled]:hover {
    color: #888;
    background: transparent;
    border: 1px solid #ccc;
    cursor: not-allowed;
	box-shadow: none;
}
#post-contact input[type="submit"] {
	color: #121212;
    background: linear-gradient(20deg, #CCFFFF, #96ECFF);
    border-color: #C6E7F5;
    box-shadow: 0 0 12px rgb(16 116 172 / 12%), 0 0 40px rgb(16 116 172 / 12%);
    transition: border 0s;
	font-size: 1.6rem;
	text-align: center;
	display: block;
	margin: 0 auto;
}
#post-contact [type="submit"]{
    display: inline-block;
    width: 100%;
    min-width: 120px;
    padding: 12px 40px 12px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
    background: transparent;
    border: 1px solid #c5c5c5;
    position: relative;
	color: #121212;
}
#post-about-registration h5{
	font-size: 2.4rem;
	font-weight: bold;
	margin-top: 4rem;
}
#post-about-registration h5.red{
	color: #e70f0f;
}
#post-about-registration h5.red+ul{
	color: #e70f0f;
}
#post-about-registration ol.register {
	list-style: decimal;
	padding-left: 1.5em;
}
#post-about-registration ul.my-page {
	list-style: disc;
	padding-left: 1em;
}
#post-about-registration .more-button {
	max-width: none;
	width: fit-content;
	margin: 4rem auto 0 0;
	padding-right: 1.3em;
	padding-left: 1.3em;
}
@media screen and (max-width: 600px) {
    #post-about-registration .more-button {
		width: 100%;
		margin: 4rem auto 0 auto;
	}
	#post-about-registration {
		font-size: 1.5rem;
	}
	#post-about-registration h5{
		font-size: 2rem;
		margin-bottom: 1rem;
	}
}





/******************/
/******************/
/* single.php *****/

.post-content h1,
.post-content h2,
.post-content h3,
.post-content h4,
.post-content h5,
.post-content h6 {
	background: linear-gradient(90deg, rgba(12,48,97,1) 0%, rgba(0,122,199,1) 100%);
	color: #fff;
	margin:1em auto 1em 0;
	padding:2px 1em;
	font-weight:bold;
	width:-moz-fit-content;
	width:fit-content;
	line-height:1.3;
}


.post-content ins {
	display:block;
	background:#e7e7e7;
	padding:2em 2em 2em;
	margin:0 0 1em;
}

.post-content blockquote {
	background: #e7e7e7;
	border-left: 2px solid #888684;
	padding: 1em;
	margin: 0 0 1em 0;
}

.post-content ul.flex {list-style:none; margin: 0 0 3.0em 0;}
.post-content ul.flex li {text-align:center;}
.post-content ul.flex li img {max-width:100%; width:100%; display:block; border:1px solid #e7e7e7; margin:0 0 12px 0; line-height:1;}


.post-content .youtube {position:relative; width:100%; padding-top:56.25%;}
.post-content .youtube iframe{position:absolute; top:0; right:0; width:100%; height:100%;}



/******************/
/******************/
/* CustomContents */

.type-oz-custom-sessions .box {margin:0 0 20px 0;}
.type-oz-custom-sessions h4 {font-weight:normal; font-size:24px; font-size:2.4rem; font-weight:bold;}
.type-oz-custom-sessions h4:before {}
.type-oz-custom-sessions h3 a,
.type-oz-custom-sessions h4 a {color:#fff;}
.type-oz-custom-sessions h3 a:hover,
.type-oz-custom-sessions h4 a:hover {color:#fff; text-decoration:underline;}

.type-oz-custom-sessions h5 {font-size:16px;font-size:1.6rem; font-weight:bold; margin:0 auto 0.4em;}
.type-oz-custom-sessions h6 {font-size:14px;font-size:1.4rem; font-weight:bold; margin:0 auto 0.4em;}

.type-oz-custom-sessions ul li b {font-weight:bold;}

.session-speakers {clear:both;}
.session-speakers ul {list-style:none; margin:0 0 3em 0; padding:0; font-size:12px; font-size:1.2rem; line-height:1.5;}
.session-speakers ul:after {content:""; clear:both; display:block;}
.session-speakers ul li {margin:0 0 3.2% 0; padding:0; text-align:center; float:left; width:18.4%;}
.session-speakers ul li img {line-height:0; margin:0 0 6px 0; border:1px solid #e7e7e7; border-color:var(--oz-color-border); display:block; width:100%;}
.session-speakers ul li i {display:block; font-size:14px; font-size:1.4rem;}
.session-speakers ul li b {display:block; font-weight:bold; font-size:1.1em; margin:0.4em 0 0;}
.session-speakers ul li span {display:block; margin:0 0 0.4em 0;}
.session-speakers ul li span.speaker-profile,
.session-speakers ul li span.poste {color:#888; color:var(--oz-color-gray); font-size:10px; font-size:1.0rem;}
.session-speakers ul li br {display:none;}
.session-speakers ul li span br {display:block;}
.session-speakers ul li:nth-child(5n) {float:right;}
.session-speakers ul li:nth-child(5n + 1) {clear:both; margin-right:2%;}
.session-speakers ul li:nth-child(5n + 2) {margin-right:2%;}
.session-speakers ul li:nth-child(5n + 3) {margin-right:2%;}
.session-speakers ul li:nth-child(5n + 4) {}

@media screen and (max-width:900px) {
	.session-speakers ul li {width:23.5%;}
	.session-speakers ul li:nth-child(4n) {clear:none; float:right; margin-right:0;}
	.session-speakers ul li:nth-child(4n + 1) {clear:both; float:left; margin-right:2%;}
	.session-speakers ul li:nth-child(4n + 2) {clear:none; float:left; margin-right:2%;}
	.session-speakers ul li:nth-child(4n + 3) {clear:none; float:left; margin-right:0;}
}
@media screen and (max-width:700px) {
	.session-speakers ul li {width:32%;}
	.session-speakers ul li:nth-child(3n) {clear:none; float:right; margin-right:0;}
	.session-speakers ul li:nth-child(3n + 1) {clear:both; float:left; margin-right:2%;}
	.session-speakers ul li:nth-child(3n + 2) {clear:none; float:left; margin-right:0;}
}



.session-speakers table {margin:0 0 3.0em 0;}
.session-speakers table th,
.session-speakers table td {border:0; padding:12px 0; margin:0; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; border-color:var(--oz-color-border); vertical-align:middle; text-align:left;}
.session-speakers table th {font-size:14px; font-size:1.4rem; color:#333333; color:var(--color-dark); width:20%; padding:12px 16px;}
.session-speakers table td {font-size:12px; font-size:1.2rem;}
.session-speakers table td b {font-weight:bold;}

.session-speakers dl {clear:both; margin:0 0 3.0em 0;}
.session-speakers dl:after {content:""; clear:both; display:block;}
.session-speakers dl dt {float:left; width:12%; margin:0 0 0;}
.session-speakers dl dt img {line-height:0; border:1px solid #e7e7e7; border-color:var(--oz-color-border); display:block;}
.session-speakers dl dd {float:right; display:block; padding:0 0 0; margin:0 0 0.6em 0; overflow:hidden; width:calc(100% - 16%); font-size:12px; font-size:1.2rem;}
.session-speakers dl dd.name {line-height:1.5; font-size:14px; font-size:1.4rem;}
.session-speakers dl dd.poste {color:#888; color:var(--oz-color-gray);}
.session-speakers dl dd.poste span {background-color:#888; color:#fff;}
.session-speakers dl dd b {font-weight:bold;}

@media screen and (max-width:1600px) {
	.session-speakers dl dt {width:16%;}
	.session-speakers dl dd {width:calc(100% - 20%);}
}

@media screen and (max-width:800px) {
	.session-speakers dl dt {width:20%;}
	.session-speakers dl dd {width:calc(100% - 24%);}
}

.session-timetable {}
.session-timetable ol {display:block; padding:0; margin:0 0 3em 0; font-size:12px; font-size:1.2rem;}
.session-timetable ol li {display:block; padding:1em 0;
	border-top:1px solid #e7e7e7;
	border-bottom:1px solid #e7e7e7;
	border-color:var(--oz-color-border);
}
.session-timetable ol li:nth-child(odd) {background-color:#e7e7e7; background-color:var(--oz-color-border);}
.session-timetable dl {display:table; table-layout:fixed; width:100%; margin:0; padding:0;}
.session-timetable dl dt,
.session-timetable dl dd {margin:0; padding:0 1em; display:table-cell; vertical-align:middle;}
.session-timetable dl dd {line-height:1.5;}
.session-timetable dl dt {text-align:center; border-right:1px solid #e7e7e7;}
.session-timetable dl dd:not(:last-child) {border-right:1px solid #e7e7e7;}
.session-timetable ol li:nth-child(odd) dl dt,
.session-timetable ol li:nth-child(odd) dl dd:not(:last-child) {border-color:#fff;}
.session-timetable dl dd.timetable-title {padding:0 1em;}
.session-timetable dl dd.timetable-affiliation {font-size:10px; font-size:1.0rem;}

.session-timetable ol li.header {display:table; table-layout:fixed; width:100%;
	background-color:#333333;
	background-color:var(--color-dark);
	color:#fff; text-align:center; padding:0.2em 0;
}
.session-timetable ol li.header span {display:table-cell;}


/*
.session-schedule {margin:0 0 3em 0;}
.session-schedule table caption {font-weight:bold;}
.session-schedule table caption:before {display:none;}
.session-schedule table th,
.session-schedule table td {vertical-align:middle;}
.session-schedule table th {width:20%;}
.session-schedule table td .poste {color: #888;
color: var(--oz-color-gray);font-size: 12px;
font-size: 1.2rem;}
*/

/*
.box-session-info {padding-top:20px;}
.session-info table {margin:0 0 2.0em 0;}
.session-info table th,
.session-info table td {font-size:12px; font-size:1.2rem;}
.session-info table th {padding:8px 16px; white-space:nowrap; max-width:25%; width:25%;}
.session-info table td i {display:block;}
.session-info table td span {display:block;}
.session-info .session-info-date span {display:inline-block;}
.session-info ul {list-style:none; margin:0 0 20px 0; padding:0;}
.session-info ul li {margin:0; padding:0;}
.session-info ul li img {width:100%; max-width:100%; height:auto;}
*/

.session-sdgs {margin:1em 0 12px 0;}
.session-sdgs ul {line-height:0; margin:0 0 0 0; padding:0; letter-spacing:0;}
.session-sdgs ul li {display:inline-block;
	padding:0; margin:0 6px 6px 0;
	max-width:60px; width:60px; background:0 0 no-repeat;
	background-size:cover;
}
.session-sdgs ul li img {width:100%;}
.session-sdgs ul li.sdgs-01 {background-image:url("images/sdgs-01.svg");}
.session-sdgs ul li.sdgs-02 {background-image:url("images/sdgs-02.svg");}
.session-sdgs ul li.sdgs-03 {background-image:url("images/sdgs-03.svg");}
.session-sdgs ul li.sdgs-04 {background-image:url("images/sdgs-04.svg");}
.session-sdgs ul li.sdgs-05 {background-image:url("images/sdgs-05.svg");}
.session-sdgs ul li.sdgs-06 {background-image:url("images/sdgs-06.svg");}
.session-sdgs ul li.sdgs-07 {background-image:url("images/sdgs-07.svg");}
.session-sdgs ul li.sdgs-08 {background-image:url("images/sdgs-08.svg");}
.session-sdgs ul li.sdgs-09 {background-image:url("images/sdgs-09.svg");}
.session-sdgs ul li.sdgs-10 {background-image:url("images/sdgs-10.svg");}
.session-sdgs ul li.sdgs-11 {background-image:url("images/sdgs-11.svg");}
.session-sdgs ul li.sdgs-12 {background-image:url("images/sdgs-12.svg");}
.session-sdgs ul li.sdgs-13 {background-image:url("images/sdgs-13.svg");}
.session-sdgs ul li.sdgs-14 {background-image:url("images/sdgs-14.svg");}
.session-sdgs ul li.sdgs-15 {background-image:url("images/sdgs-15.svg");}
.session-sdgs ul li.sdgs-16 {background-image:url("images/sdgs-16.svg");}
.session-sdgs ul li.sdgs-17 {background-image:url("images/sdgs-17.svg");}
.session-sdgs ul li.sdgs-18 {background-image:url("images/society50-white.svg");}

@media screen and (max-width:1200px) {
	.session-sdgs ul li {max-width:15%; width:100%;}
}

.session-pdf {
	display:inline-block;
}
.session-pdf dl {
	font-size:14px; font-size:1.4rem;
	display:flex;
	width:auto; justify-content:flex-start; padding:2px 20px 2px 12px; background-color:#e7e7e7;
}
.session-pdf dl dt::after {content:"：";}
.session-pdf dl dd {width:auto;}
.session-pdf dl dd a {display:block; position:relative; padding:0 1.5em 0 0;}
.session-pdf dl dd a::after {
	position:absolute;
	top:50%;
	right:0;
	transform:translateY(-50%);
	font-family:'Material Icons';
	font-weight:normal;
	font-style:normal;
	line-height:1;
	letter-spacing:normal;
	text-transform:none;
	display:inline-block;
	white-space:nowrap;
	word-wrap:normal;
	direction:ltr;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	/* ▼ Browsers Support */
	text-rendering:optimizeLegibility;
	-moz-osx-font-smoothing:grayscale;
	-ms-font-feature-settings:"liga";
	font-feature-settings:'liga';
}
.session-pdf dl dd a::after {content:"\e873";}

/*
.box-registered {background-color:#e7e7e7; padding:2em 2em 1em; margin:0 0 2em 0; text-align:left;}
.box-registered .notice-box {background-color:#fff; margin:0 0 1em 0;}
.box-registered dl dt {font-size:16px;}
.box-registered h4 {background:transparent; color:#333333; padding:0 0 0 2em; margin:0 0 1em 0; line-height:1.2;}
.box-registered h5 {text-align:left; margin:0 0 0.6em 0; background:transparent; color:#333333; padding:0;
	border-bottom: 1px solid #cdcdcd;
	width:100%;
	font-size:20px; font-size:2.0rem;
}
*/
[data-icon] {position:relative; padding:0 0 0 1.8em;}
[data-icon]:before {content:""; display:block; position:absolute; top:-0.1em; left:0; width:1.5em; height:1.5em; background:center/contain no-repeat;}
[data-icon="session"]:before {background-image:url("images/icon-session.svg");}


/******************/
/******************/
/* archive.php ****/

.archives {width:100%; margin:0 auto; text-align:left; clear:both; line-height:1;}

.archives p {text-align:center; margin:0 auto 20px; padding:0 0 0 0; color:#fff; font-size:16px; font-size:1.6rem;}

.archives ul {
	list-style:none; padding:0; margin:0 0 60px 0; width:100%; height:100%; font-size:14px; font-size:1.4rem; text-align:left; zoom:1;
}
.archives ul li {
	display:block; margin:0; padding:0; text-align:left; position:relative;
	margin-bottom:1em;
}
.archives ul li a {
	background-color:#ffffff; position:relative;
	padding:24px 16px;
	display: flex;
	align-items: center;
	padding: 14px;
	justify-content: space-between;
	font-size: 1.6rem;
	background: #fff;
	border-radius: 12px;
	border: 1px solid #E7E7E7;
	overflow:hidden;
	box-shadow:0 0 24px rgba(16,116,172,0.06), 0 0 40px rgba(16,116,172,0.06);
}
.archives ul li a:hover {color:#ffffff; background-color:var(--color-aqua);}
.archives ul li a:hover .meta {color:var(--color-white);}

.archives ul li span {display:block; overflow:hidden;}
.archives ul li .thumbnail {
	width:112px; padding:0 0 0; overflow:hidden; margin:0; line-height:1; vertical-align:middle;
	border:1px solid var(--oz-color-border); border-radius:6px;
	overflow:hidden;
	background:#fff;
}
@media screen and (max-width:700px) {
	.archives ul li .thumbnail {
		display: none;
	}
}
.archives ul li .thumbnail img {display:block;}
.archives .text {flex-basis:100%;
	padding:10px 0;
	margin:0 0 0 20px;
}
@media screen and (max-width:700px) {
.archives .text {margin: 0;}
}
.archives ul li .thumbnail img {max-width:100%; width:100%;}
.archives ul li .meta {display:block; margin:0 0 6px 0; color:#237e9a;}

.archives ul li .a-category {display:none;}
.archives ul li .title {
	display:block; margin:0 0 12px 0;
	font-size:20px;
	font-size:2.0rem;
	font-weight:bold;
	line-height:1.3;
}
@media screen and (max-width:700px) {
	.archives ul li .title {font-size:1.6rem;margin: 0;}
}
.archives ul li .summary {display:none;}

.archives-white ul li {border:0; margin:0 0 20px 0;}
.archives-white ul li a {background-color:#fff; color:#333333;}
.archives-white ul li a:hover {color:#333333;}

@media screen and (max-width:900px) {
	.archives ul li .a-title {font-size:24px; font-size:2.4rem;}
}
@media screen and (max-width:800px) {
	.archives ul li .a-thumbnail {width:240px;}
	.archives ul li .a-content {width:calc(100% - 300px);}
}
@media screen and (max-width:640px) {
	.archives ul li .a-thumbnail {width:200px; padding:0 20px 0 0;}
	.archives ul li .a-content {width:calc(100% - 240px);}
}
@media screen and (max-width:500px) {
	.archives ul li {}
	.archives ul li a {display:block;}
	.archives ul li .a-thumbnail {width:100%; padding:0; margin:0 0 12px 0; display:block;}
	.archives ul li .a-content {width:100%; display:block;}
}




.archives-search ul li .a-thumbnail {display:none;}


.archives-selector {margin:0 0 20px 0; text-align:left;/* position:absolute; right:0; top:20px;*/}
.archives-selector .cell {position:relative; display:table-cell;}
.archives-selector select {
	-webkit-appearance:menulist-button; width:100%;
	position:absolute; cursor:pointer;
	opacity:0; height:48px; left:0px; top:0px;
	text-transform:uppercase;
}
.archives-selector .button {overflow:hidden; display:block; border:1px solid #fff; border-radius:2px; color:#fff; width:100%; padding:12px 12px; text-align:center; letter-spacing:0.1em; white-space:nowrap;
	cursor:pointer; background-color:transparent; font-size:12px; font-size:1.2rem;
}
.archives-selector select:hover + .button {background-color:#fff; color:#333333; color:var(--color-dark);}

/* セッションからのお知らせ に使用 */
.archives-list {margin:0 0 2em 0; line-height:1.75;}
.archives-list ul li a {display:block; background-color:#fff; padding:0.5em 1em; margin:0 0 4px 0; color:#333333; color:var(--color-dark);}
.archives-list ul li a:hover {opacity:0.75;}
.archives-list ul li a .meta {font-size:12px;}
.archives-list ul li a .archives-title {font-weight:bold; font-size:16px; font-size:1.6rem;}
.archives-list ul li a .archives-summary {font-size:10px;}


.archives-participate {color:#fff; border: 1px solid rgba(255,255,255,0.4); padding:24px;}
.archives-participate h4 {font-size:16px; font-size:1.6rem; margin:0 0 2em 0;}
.archives-participate h4 i {font-size:30px; font-size:3.0rem;}
.archives-participate ul {margin:0 0 ;}
.archives-participate ul li {border:0; padding:0; margin:0 0 24px 0; padding:0 0 0 1em;}
.archives-participate ul li:first-child {border:0;}
.archives-participate ul li .a-thumbnail {display:none;}
.archives-participate ul li .a-title {margin:0; font-size:24px; font-size:2.4rem;}
.archives-participate ul li:before {}

.archives-sessions {
	line-height:1.5; padding:60px 0 0.1em;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
}
.archives-sessions ul {
	list-style:none; text-align:center; list-style:none; padding:0; margin:0; display:block; position:relative;
}
.archives-sessions ul li {
	display:inline-block; margin:0 0 6% 0; text-align:left; padding:0;
}

.archives-sessions ul li[data-category="cat-event"],
.archives-sessions ul li[data-category="cat-test"] {display:none;}

.archives-sessions ul li .box {padding:0; margin:0 0 4px 0;}
.archives-sessions ul li .box a {
	background:#fff; color:#333333; color:var(--color-dark);
	border:0 solid #fff; padding:16px 16px 0.1em; display:block;
}
.archives-sessions ul li .box a:hover {background:#333333; background:var(--color-dark); color:#fff;}
.archives-sessions ul li[data-category="cat-plenary"] .box a:hover {background-color:#D3B6F7;}
.archives-sessions ul li[data-category="cat-concurrent"] .box a:hover {background-color:#88BEEE;}
.archives-sessions ul li[data-category="cat-special"] .box a:hover {background-color:#A9E6A8;}
.archives-sessions ul li[data-category="cat-event"] .box a:hover {background-color:#FFC68A;}

.archives-sessions ul li .box a:hover .s-title,
.archives-sessions ul li .box a:hover .a-name,
.archives-sessions ul li .box a:hover .as-summary {color:#fff;}
.archives-sessions ul li .box a:hover .date {/*background-image:url("images/bg-date-blue.svg");*/}
.archives-sessions ul li .box a:hover .date i {color:#fff;}
.archives-sessions ul li .box a:hover .as-category i {background:#fff; color:#333333; color:var(--color-dark);}
.archives-sessions ul li .box-description dl {margin:0; font-size:10px; font-size:1.0rem; padding:6px 16px 0.1em; margin:0 0 4px 0; background:#fff;}
.archives-sessions ul li .box-description dl dt {
	font-size:12px; font-size:1.2rem; margin:0 0 4px 0; font-weight:bold;
}
.archives-sessions ul li .box-description dl dt i {display:block;}
.archives-sessions ul li .box-description dl dd {
	padding:0; margin:0 0 4px 0;
}
.archives-sessions ul li .box-description dl dd a {
	color:#848280; color:var(--oz-color-gold); min-height:12px; background-image:url("images/ic-external-gold.svg");
	background-size:12px 12px;
	border:0;
}
.archives-sessions ul li .box-description dl dd a[target="_blank"] {
	border:0;
	background-image: url("images/ic-external-gold.svg");
}

#archives-sessions ul li .box-description a:hover {text-decoration:underline; color:#333333; color:var(--color-dark);background-image:url("images/ic-external-dark.svg");}
.archives-sessions ul li span {display:block;}
.archives-sessions ul li .a-thumbnail {margin:0 0 12px 0; position:relative; line-height:0; overflow:hidden;}
.archives-sessions ul li .s-title {font-size:16px; font-size:1.6rem; margin:0 0 12px 0; padding:0 0 12px 0; line-height:1.3; border-bottom:1px solid #d9d9d9;}
.archives-sessions ul li .s-title i {font-size:22px; font-size:2.2rem; margin:0 0 6px 0; display:block;}

.archives-sessions ul li .as-label {
	position:absolute; left:-8px; top:-8px; z-index:3; overflow:visible;
	width:100px; height:100px; display:table-cell; vertical-align:middle; background:#848280; background:var(--oz-color-gold);
	line-height:1.2;
	-webkit-clip-path:polygon(0 0, 100% 0, 0 100%);
	clip-path:polygon(0 0, 100% 0, 0 100%);
}
.archives-sessions ul li[data-category="cat-plenary"] .as-label {background-color:#D3B6F7;}
.archives-sessions ul li[data-category="cat-concurrent"] .as-label {background-color:#88BEEE;}
.archives-sessions ul li[data-category="cat-special"] .as-label {background-color:#A9E6A8;}
.archives-sessions ul li[data-category="cat-event"] .as-label {background-color:#FFC68A;}
.archives-sessions ul li .as-label i {display:block; padding:0.75em 0 0 0.5em; color:#fff; text-align:left; font-size:20px; font-size:2.0rem;}
.archives-sessions ul li .as-label b {color:#fff; font-size:9px; display:block; padding:0 0 0 1em;}

/*
.archives-sessions ul li .as-category {margin:0 0 12px 0; line-height:1;}
.archives-sessions ul li .as-category i {
	text-transform:uppercase; background-color:#cdcdcd; background-color:var(--oz-color-gray); color:#fff; display:inline-block; padding:4px 6px 4px; white-space:nowrap; margin:0 4px 0 0;
}
.archives-sessions ul li .as-category.cat-plenary i {background-color:#D3B6F7;}
.archives-sessions ul li .as-category.cat-concurrent i {background-color:#88BEEE;}
.archives-sessions ul li .as-category.cat-special i {background-color:#A9E6A8;}
.archives-sessions ul li .as-category.cat-others i {background-color:#FFC68A;}
*/
/*.archives-sessions ul li .as-category i.as-category-id {background-color:#3C9CC2; background-color:var(--color-aqua);}*/

.archives-sessions ul li .a-name {font-size:16px; font-size:1.6rem; color:#3C9CC2; color:var(--color-aqua);}
.archives-sessions ul li .a-name b {font-size:14px; font-size:1.4rem; font-weight:bold;}
.archives-sessions ul li .a-url {font-size:12px; font-size:1.2rem;}
.archives-sessions ul li .a-thumbnail img {width:100%; height:auto;}
.archives-sessions ul li .a-thumbnail .a-date {position:absolute; right:-1px; bottom:-1px; width:80px; height:80px; background:url("images/bg-date.svg") 0 0 no-repeat; background-size:80px 80px; text-align:center; line-height:1.3; display:none;}
.archives-sessions ul li .a-thumbnail i {position:absolute; right:6px; bottom:4px; font-size:16px; font-size:1.6rem;}
.archives-sessions ul li .a-thumbnail i b {display:block; font-size:22px; font-size:2.2rem;}


.archives-sessions ul li .as-summary {font-size:14px; font-size:1.4rem; margin:0 0 12px 0; line-height:1.5;}

.archives-sessions ul li .datetime,
.archives-sessions ul li .place {
	font-size:12px; font-size:1.2rem;vertical-align:middle; position:relative;
	padding:0 0 0 20px;
}

.archives-sessions ul li .datetime::before,
.archives-sessions ul li .place::before {
	font-size:16px; font-size:1.6rem;
	position:absolute;
	top:50%;
	left:0;
	transform:translateY(-50%);
	font-family:'Material Icons';
	font-weight:normal;
	font-style:normal;
	line-height:1;
	letter-spacing:normal;
	text-transform:none;
	display:inline-block;
	white-space:nowrap;
	word-wrap:normal;
	direction:ltr;
	text-rendering:optimizeLegibility;
	-webkit-font-smoothing:antialiased;
	/* ▼ Browsers Support */
	text-rendering:optimizeLegibility;
	-moz-osx-font-smoothing:grayscale;
	-ms-font-feature-settings:"liga";
	font-feature-settings:'liga';
}

.archives-sessions ul li .datetime::before {content:"\e8b5";}
.archives-sessions ul li .place::before {content:"\efed";}
.archives-sessions ul li .place {margin:0 0 12px 0;}


/* C-07 セッション対応 */
.archives-sessions ul li.session-C-07 .datetime[data-lang-content="jp"]::after {
	content:"\A 9月27日（水） 10:00-19:00";
	white-space:pre;
}
.archives-sessions ul li.session-C-07 .datetime[data-lang-content="en"]::after {
	content:"\A September 27, 10:00-19:00";
	white-space:pre;
}
#post-309 .post-session-date[data-lang-content="jp"] .date::after {
	content:"\A 9月27日（水） 10:00-19:00";
	white-space:pre;
}
#post-309 .post-session-date[data-lang-content="en"] .date::after {
	content:"\A September 27, 10:00-19:00";
	white-space:pre;
}

.programs-table table tr.C-07 td.date .time[data-lang-content="en"]::after {
	content:"\A September 27 2023,\A 10:00-19:00";
	white-space:pre;
}
.programs-table table tr.C-07 td.date .time[data-lang-content="jp"]::after {
	content:"\A 9月27日（水）\A 10:00-19:00";
	white-space:pre;
}

.programs-table table tr.E-05 td.date .time[data-lang-content="en"]::after {
	content:"\A September 27 2023,\A 10:00-17:00 \A September 28 2023,\A 10:00-17:00";
	white-space:pre;
}

.programs-table table tr.E-05 td.date .time[data-lang-content="jp"]::after {
	content: "\A 9月27日（水）\A 10:00-17:00\A 9月28日（木）\A 10:00-17:00";
	white-space: pre;
}

.sessions-selector ol {text-align:left; margin:0 auto 12px; padding:0; text-indent:0; font-size:14px; font-size:1.4rem; line-height:1;}
.sessions-selector ol li {background:#fff; border:1px solid #fff; color:#333333; color:var(--color-dark); padding:6px 20px 4px 12px; display:inline-block; margin:0 1px 4px; cursor:pointer; text-align:center; white-space:nowrap;}
.sessions-selector ol li i {display:block; text-transform:uppercase;}
.sessions-selector ol li:hover {background-color:#333333; background-color:var(--color-dark);  color:#fff;}
.sessions-selector ol li.is-current {background-color:#333333; background-color:var(--color-dark); color:#fff;}
.sessions-selector ol li.itemitup-control-active:hover {background:#3C9CC2; background:var(--color-aqua);}

.sessions-cat-selector ol li {
	padding:6px 12px 4px; min-width:120px;
}

.sessions-cat-selector ol li i::before,
.sessions-date-selector ol li i::before {
	content:"▶︎"; margin:0 0.5em 0 0;
}

.sessions-sdgs-selector ol {display:flex;
	display:-webkit-flex;
	display:flex;
	flex-wrap:nowrap;
	flex-direction:row;
	-webkit-justify-content:space-between;
	justify-content:space-between;
}
.sessions-sdgs-selector ol li {
	flex:0 1 auto;
	flex-basis:5%;
	padding:0; line-height:1; background:url("images/thumbnail.png") 0 0 no-repeat; background-size:cover;}
.sessions-sdgs-selector ol li img {width:100%; display:block; height:auto;}
.sessions-sdgs-selector ol li:nth-child(1) {background-image:url("images/sdgs-icon.png");}
.sessions-sdgs-selector ol li:nth-child(2) {background-image:url("images/sdgs-01.svg");}
.sessions-sdgs-selector ol li:nth-child(3) {background-image:url("images/sdgs-02.svg");}
.sessions-sdgs-selector ol li:nth-child(4) {background-image:url("images/sdgs-03.svg");}
.sessions-sdgs-selector ol li:nth-child(5) {background-image:url("images/sdgs-04.svg");}
.sessions-sdgs-selector ol li:nth-child(6) {background-image:url("images/sdgs-05.svg");}
.sessions-sdgs-selector ol li:nth-child(7) {background-image:url("images/sdgs-06.svg");}
.sessions-sdgs-selector ol li:nth-child(8) {background-image:url("images/sdgs-07.svg");}
.sessions-sdgs-selector ol li:nth-child(9) {background-image:url("images/sdgs-08.svg");}
.sessions-sdgs-selector ol li:nth-child(10) {background-image:url("images/sdgs-09.svg");}
.sessions-sdgs-selector ol li:nth-child(11) {background-image:url("images/sdgs-10.svg");}
.sessions-sdgs-selector ol li:nth-child(12) {background-image:url("images/sdgs-11.svg");}
.sessions-sdgs-selector ol li:nth-child(13) {background-image:url("images/sdgs-12.svg");}
.sessions-sdgs-selector ol li:nth-child(14) {background-image:url("images/sdgs-13.svg");}
.sessions-sdgs-selector ol li:nth-child(15) {background-image:url("images/sdgs-14.svg");}
.sessions-sdgs-selector ol li:nth-child(16) {background-image:url("images/sdgs-15.svg");}
.sessions-sdgs-selector ol li:nth-child(17) {background-image:url("images/sdgs-16.svg");}
.sessions-sdgs-selector ol li:nth-child(18) {background-image:url("images/sdgs-17.svg");}
.sessions-sdgs-selector ol li:nth-child(19) {background-image:url("images/society-50.svg");}
.sessions-sdgs-selector ol li:hover {background-color:transparent; opacity:0.75;}

@media screen and (max-width:1800px) {
	.sessions-sdgs-selector ol {display:block;}
	.sessions-sdgs-selector ol li {max-width:60px; width:100%;}
}

@media screen and (max-width:1000px) {
	.sessions-selector {overflow-x:scroll;}
	.sessions-selector ol {white-space:nowrap; margin:0 0 4px 0;}
}
@media screen and (max-width:800px) {
}

.sessions-results {text-align:center; color:#fff; transition:0.4s;}
.sessions-results p {margin:0 auto 20px;}

.are-images-unloaded {opacity:0;}

/*
.item,
.grid-sizer {width:22.75%;}
.gutter-sizer {width:3%;}


@media screen and (max-width:1900px) {
	.item,
	.grid-sizer {width:30.6666%;}
	.gutter-sizer {width:4%;}
}

@media screen and (max-width:1200px) {
	.item,
	.grid-sizer {width:47%;}
	.gutter-sizer {width:6%;}
}

@media screen and (max-width:1000px) {
	.item,
	.grid-sizer {width:29.3333%;}
}

@media screen and (max-width:820px) {
	.item,
	.grid-sizer {width:47%;}
}

@media screen and (max-width:600px) {
	.item,
	.grid-sizer {width:100%;}
	.gutter-sizer {width:0;}
	.sessions-selector ol {font-size:14px; font-size:1.4rem;}
	.archives-sessions ul li {margin:0 0 12% 0;}
}
*/

/* ▲ iPhone 6+ - iPhone 6 ▼ */
@media screen and (max-width:380px) {
}


/*
.archives ul li.size-z a .box {background:#3C9CC2; background:var(--color-aqua);}
.archives ul li.size-z a:hover .box {background:#3C9CC2; background:var(--color-aqua);}
.archives ul li.size-z .ts-title {position:absolute; top:80%; left:20px; text-align:left; line-height:1.5; font-size:16px; font-size:1.6rem;}
.archives ul li.size-z .ts-title b {color:#fff; display:block; font-size:24px; font-size:2.4rem;}

.archives ul li.item-vivid a .box {background:#3C9CC2; background:var(--color-aqua);}
.archives ul li.item-vivid a:hover .box {background:#3C9CC2; background:var(--color-aqua);}
.archives ul li.item-vivid i {display:block; color:#fff; max-width:80%; margin:4px auto 0; border:1px solid #fff; border-radius:4px; padding:2px 4px 4px; white-space:nowrap;
font-size:12px; font-size:1.2rem; text-transform:uppercase;
}

.archives#related-posts {padding:60px 0 0 0;}
.archives#related-posts h4 {margin:0 auto 20px; padding:0; border:0; text-align:center;}
.archives#related-posts ul li.item:nth-child(n + 10) {display:none;}
*/


/******************/
/******************/
/* comments.php ***/
.form {clear:both; display:block; padding:0 0; margin:0 auto 40px;}
.form table {width:100%; line-height:1.3;}
.form table th:first-child {border-top:1px solid var(--oz-color-border);}
.form table th,
.form table td {padding:20px 4px; background:none; border-top:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; border-color:var(--oz-color-border); vertical-align:middle;}
.form table th {text-align:center; vertical-align:middle; color:#333333; color:var(--color-dark); white-space:nowrap;}
.form table th i {display:block; display:block; font-size:18px; font-size:1.8rem;}
.form table td {text-align:left;}
.form table tfoot td {text-align:right; border:0;}

/******************/
/******************/
/* materials ******/
/* form, button, allert */

form {}
fieldset {}
label {}

input[type="checkbox"],
input[type="radio"] {font-size:1em; height:1em; width:1em;}

::-webkit-input-placeholder,
::-moz-placeholder,
:-moz-placeholder,
:-ms-input-placeholder {color:#888888;}

[type="search"] {
	/*-webkit-appearance:textfield;
    -moz-appearance:textfield;
    -ms-appearance:textfield;
    -o-appearance:textfield;
    appearance:textfield;*/
}

input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
select,
textarea {
	width:auto;
	max-width:100%;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	display:block;
	position:relative;
	/*-webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -o-appearance:none;
    appearance:none;*/
	padding:16px 12px; margin:0;
	color:#333333; color:var(--color-dark);
	border:1px solid #e7e7e7; border-color:var(--oz-color-border);
	background:#e7e7e7; background-color:var(--oz-color-border);
	line-height:normal;
}

input[type="submit"] {
	margin:0 auto; text-align:center;
	-webkit-appearance:none;
	-moz-appearance:none;
	-ms-appearance:none;
	-o-appearance:none;
	appearance:none;
	display:block;
	font-size:16px; font-size:1.6rem;
}

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px transparent inset;}

input[type="submit"] {background-color:#333333; color:#fff;}

input[type="submit"][disabled],
input[type="submit"][disabled]:hover {color:#888; background:transparent; border:1px solid #ccc; cursor:not-allowed;}

input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
select:focus,
textarea:focus {
	border:1px solid #333333;
}

input[type="text"]:target,
input[type="password"]:target,
input[type="date"]:target,
input[type="datetime"]:target,
input[type="email"]:target,
input[type="number"]:target,
input[type="search"]:target,
input[type="tel"]:target,
input[type="time"]:target,
input[type="url"]:target,
select:target,
textarea:target {
	border:1px solid #1fa3c3;
	padding:16px 12px; margin:0;
}



textarea {height:auto; min-height:100px; width:100%;}
select {}

/******************/
/* button *********/
/*
.article button,*/

.more {font-size:14px; font-size:1.4rem;}
.more a {padding:0 32px 4px 4px; overflow:hidden; background:url("images/arrow-more-white.svg") right bottom no-repeat;
	background-size:160px 16px;}
.more a:hover {opacity:0.75;}
.more.more-white a {color:#fff;}

.buttons {
	display:flex;
	justify-content:center;
	margin:0 auto 2em;
	padding:0;
	list-style:none;
	text-align:center;
}
ul.buttons li {
	display:flex;
	flex:0 1 auto;
	align-items:stretch;
}
ul.buttons .button {margin:0 10px 16px;}
ul.buttons li a {
	align-items:stretch;
	padding:12px;
	max-width:100%;
	width:100%;
	min-width:240px;
}

.button {
	line-height:1.5;
	margin:0 auto;
	font-size:1.2rem; font-weight:bold;
	position:relative;
}


.button a {
	display:inline-block; width:fit-content; min-width:120px; width:fit-content;
	text-align:left; background:transparent;
	position:relative;
	color: #121212;
	transition: border 0s;
	padding:1em;
	text-align:center;
	border: 1px solid #c5c5c5;
	border-radius: 4px;
	line-height:1;
	cursor: pointer;
	transition: 0.2s;
}
.button a:hover {
	background: var(--color-blue);
	border-color: #C6E7F5;
	box-shadow: 0 0 12px rgb(16 116 172 / 12%), 0 0 40px rgb(16 116 172 / 12%);
}

.button.button-white a {
	background-color:#fff;
	background:#fff url("images/arrow-r-dark.svg") right 20px center no-repeat;
	background-size:20px 8px;
	color:#333333;
}
.button.button-white a:hover {
	background-image:url("images/arrow-r-white.svg");
}

.button a i {display:block; font-size:16px; font-size:1.6rem;}


.button.button-register {width:fit-content; font-size:20px; font-size:2.0rem;}
.button.button-register a {margin:0 auto; padding:1.4em 3em;}
.button.button-register a span,
.button.button-login a span {
	text-align:left; display:block;
	padding:0 0 0 30px;
	position:relative;
	white-space:nowrap;
}
@media screen and (max-width:700px) {
	.button.button-register {font-size:16px; font-size:1.6rem;}
	.button.button-register a {padding:1.4em 1em;}
	.button.button-register a span,
	.button.button-login a span {
		padding: 0 0 0 60px;
	}
}
.button.button-register a span:before,
.button.button-login a span:before {
	position:absolute; top:50%; left:0; transform:translateY(-50%);
	font-family:'Material Icons';
	font-weight:normal;
	font-style:normal;
	font-size:24px;
	line-height:1;
	letter-spacing:normal;
	text-transform:none;
	display:inline-block;
	white-space:nowrap;
	word-wrap:normal;
	direction:ltr;
	-webkit-font-feature-settings:'liga';
	-webkit-font-smoothing:antialiased;
	/* ▼ Add ▼ */
	text-rendering:optimizeLegibility;
	-moz-osx-font-smoothing:grayscale;
	-ms-font-feature-settings:'liga';
	font-feature-settings:'liga';
}

.button.button-register a:hover {background:var(--color-aqua);}

@media screen and (max-width:700px) {
	.button.button-register a span:before,
	.button.button-login a span:before {
		font-size: 40px;
	}
}
.button.button-register a span:before {content:"\e174";}
.button.button-login a span:before {content:"\ea77";}

.button.button-register a,
.button.button-login a {background-color:var(--color-blue); color:var(--color-white);}

.button.button-register a span .small,
.button.button-login a span .small {display:block; padding:0.5em 0 0 0; font-size:0.6em;}

.button.button-register a span .small::before,
.button.button-login a span .small::before {display:none;}

.button.button-register b {}



[type="submit"]:hover {background-color:#333333; background-color:var(--color-dark); color:#fff; cursor:pointer;}

.button.-center {margin:0 auto;}
.button.-white a {background:var(--color-white); color:var(--color-blue);}
.button.-white a:hover {background:var(--color-blue); color:var(--color-white);}

.button.btn-small a {padding:4px 12px; min-width:30px; font-size:0.8em;}
.button.btn-large a {padding:8px 36px; min-width:180px; font-size:1.2em;}

.button.btn-success a {border:1px solid var(--color-aqua); color:#3C9CC2; color:var(--color-aqua);}
.button.btn-success a:hover {background:#3C9CC2; background:var(--color-aqua); color:#fff;}

.button.btn-error a {border-color:#3C9CC2; color:var(--color-aqua); color:#3C9CC2; color:var(--color-aqua);}
.button.btn-error a:hover {background-color:#3C9CC2; color:var(--color-aqua); color:#fff;}

.button.btn-warning a {border-color:yellow; color:yellow;}
.button.btn-warning a:hover {background-color:yellow; color:#fff;}

@media screen and (max-width:600px) {
	.buttons {display:block;}
}

.more-button {display:block; text-align:center; margin:0 auto 60px;}
.more-button a {
	margin:0 auto; padding:1em 5em !important; border:1px solid #333333 !important; color:#333333 !important; display:inline-block;
	background: url("images/ic-external-dark.svg") right 12px center no-repeat !important;
	background-size: 14px 14px !important;
}
.more-button a:hover {
	background-color:#333333 !important;
	color:#fff !important;
	background-image: url("images/ic-external-white.svg") !important;
}

.more-button-blue a {
	color:#fff;
	/*box-shadow:0 0 12px rgba(16,31,172,0.2), 0 0 40px rgba(16,31,172,0.2);*/
	background-color:#333333 !important;
	background-image: url("images/ic-external-white.svg") !important;
	color:#fff !important; border-color:#4E6C9A;
}
.more-button-blue a:hover {
	background-color:white !important;
	color:#333333 !important;
	background-image: url("images/ic-external-blue.svg") !important;
}

/******************/
/* Column System **/

[data-icon] {position:relative; padding:0 0 0 1.8em;}
[data-icon]:before {content:""; display:block; position:absolute; top:-0.1em; left:0; width:1.5em; height:1.5em; background:center/contain no-repeat;}
[data-icon="calendar"]:before {background-image:url("images/icon-calendar.svg");}
[data-icon="access"]:before {background-image:url("images/icon-access.svg");}
[data-icon="access-black"]:before {background-image:url("images/icon-access-black.svg");}
[data-icon="fee"]:before {background-image:url("images/icon-fee.svg");}
[data-icon="greeting"]:before {background-image:url("images/icon-greeting.svg");}
[data-icon="language"]:before {background-image:url("images/icon-language-large-bold.svg");}
[data-icon="time"]:before {background-image:url("images/icon-time.svg");}
[data-icon="information"]:before {background-image:url("images/icon-info.svg");}
[data-icon="about"]:before {background-image:url("images/icon-about.svg");}
[data-icon="detail"]:before {background-image:url("images/icon-detail.svg");}
[data-icon="movie"]:before {background-image:url("images/icon-movie.svg");}
[data-icon="entry"]:before {background-image:url("images/icon-entry.svg");}
[data-icon="organizer"]:before {background-image:url("images/icon-tgsw.svg");}
[data-icon="place"]:before {background-image:url("images/icon-place.svg");}
[data-icon="contact"]:before {background-image:url("images/icon-contact.svg");}
[data-icon="building"]:before {background-image:url("images/icon-building.svg");}
[data-icon="news"]:before {background-image:url("images/icon-news.svg");}
[data-icon="login"]:before {background-image:url("images/icon-login.svg");}
[data-icon="sessions"]:before {background-image:url("images/icon-sessions.svg");}
[data-icon="session"]:before {background-image:url("images/icon-session.svg");}
[data-icon="speaker"]:before {background-image:url("images/icon-speaker.svg");}
[data-icon="keyword"]:before {background-image:url("images/icon-keyword.svg");}
[data-icon="archives"]:before {background-image:url("images/icon-archives.svg");}
[data-icon="mypage"]:before {background-image:url("images/icon-mypage.svg");}
[data-icon="tgsw"]:before {background-image:url("images/icon-tgsw.svg");}

.col {width:100%; list-style:none;}
.col:after {content:""; clear:both; display:block; height:0; visibility:hidden;}

.col-2,
.col-3,
.col-4,
.col-5,
.col-6 {float:left; padding:0; margin:0 0 2% 0;}

.col-2 {width:49%; /*47.5% - 49%*/}
.col-3 {width:32%; /*30% - 32%*/}
.col-4 {width:23.5%; /*20% - 23.5%*/}
.col-5 {width:18.4%; /*15% - 18.4%*/}
.col-6 {width:15%; /*12.5% - 15%*/}

.col-2:nth-child(2n),
.col-3:nth-child(3n),
.col-4:nth-child(4n),
.col-5:nth-child(5n),
.col-6:nth-child(6n) {float:right; margin:0 0 2% 0;}

.col-2:nth-child(2n + 1),
.col-3:nth-child(3n + 1),
.col-4:nth-child(4n + 1),
.col-5:nth-child(5n + 1),
.col-6:nth-child(6n + 1) {clear:both;}

.col-3:nth-child(3n + 1),
.col-4:nth-child(4n + 1),
.col-5:nth-child(5n + 1),
.col-6:nth-child(6n + 1) {margin:0 2% 2% 0;}

.col-4:nth-child(4n + 2),
.col-5:nth-child(5n + 2),
.col-6:nth-child(6n + 2) {margin:0 2% 2% 0;}

.col-5:nth-child(5n + 3),
.col-6:nth-child(6n + 3) {margin:0 2% 2% 0;}

.col-6:nth-child(6n + 4) {margin:0 2% 2% 0;}

/******************/
/* Flexbox System */


.flex-container {
	margin:0;
	padding:0;
	list-style:none;
	display:-webkit-flex;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	-webkit-justify-content:space-around;
	justify-content:space-around;
}

.flex-start {
	-webkit-justify-content:flex-start;
	justify-content:flex-start;
}
.flex-item {
	margin:0 0 4% 0;
	padding:0;
	position:relative;
	flex:0 1 auto;
}

.flex-container-2 .flex-item {
	flex-basis:49%;
}
.flex-container-3 .flex-item {
	flex-basis:32%;
}

/******************/
figure a,
.figure a {padding:0 !important; background:none !important; cursor:crosshair;}

figure a:after,
.figure a:after {display:none !important;}
/******************/
/* responsive-table */

.r-table,
.responsive-table {
	position:relative;
	overflow-y:hidden;
	-ms-overflow-style:-ms-autohiding-scrollbar;
	overflow:scroll;
	width:100%;
}

.responsive-table:not(.is-overflow)::-webkit-scrollbar {display:none;}
.responsive-table .icon {
	content:""; position:absolute; top:min(30vh,50%); left:50%; width:112px; height:112px; background:url("images/icon-scrollable-jp.svg") center/contain no-repeat; transform:translate(-50%,-50%); z-index:2; backdrop-filter:blur(2px);}
.responsive-table .icon {
	opacity:0; transition:.2s; pointer-events:none; transition-delay:.4s;
}
.responsive-table.is-overflow>.icon {opacity:1;}
.responsive-table.is-overflow>.icon.is-hide {opacity:0;}
[data-current-lang="en"] .responsive-table .icon {background-image:url("images/icon-scrollable-en.svg");}
.responsive-table.is-overflow>.scrollable-icon.is-hide {
    opacity: 0;
}
.responsive-table.is-overflow>.scrollable-icon {
    opacity: 1;
}


/******************/
/* youtube iframe */

.box-youtube {position:relative; width:100%; padding-top:56.25%; padding-top:58%; margin:0 0 1em 0;}
.box-youtube iframe{position:absolute; top:0; right:0; width:100% !important; height:100% !important; z-index:3;}

/******************/
/******************/
/* breadcrumbs ****/

/*
.navi-breadcrumbs {margin:0 0 32px 0; text-align:left;}
.navi-breadcrumbs a {background:#fff; padding:6px 12px; color:#3C9CC2; color:var(--color-aqua);}
.navi-breadcrumbs a:hover {background:#3C9CC2; background-color:var(--color-aqua); color:#fff;}
*/
.breadcrumbs {clear:both; display:block; margin:0 auto 20px; padding:0; line-height:1.5; color:#fff;}
.breadcrumbs p {text-align:left;}
.breadcrumbs ul {padding:0; margin:0 auto; text-align:left; list-style:none; white-space:nowrap;
	overflow-x:scroll;
	-webkit-overflow-scrolling:touch;
	overflow-scrolling:touch;
	font-size:12px; font-size:1.2rem;
}
.breadcrumbs li {display:inline-block;}
.breadcrumbs li:after {content:"\00BB"; margin:0 12px;}
.breadcrumbs li:first-child:before {}
.breadcrumbs li:last-child:after {content:"";}
.breadcrumbs li a {color:#888888;}
.breadcrumbs li a:hover {color:#3C9CC2; color:var(--color-aqua);}

/******************/
/******************/
/* navigation *****/
/*
.navigation {margin:0 auto 40px; clear:both;}
.navigation:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.navigation span {}
.navigation .navi-prev {text-align:left; float:left;}
.navigation .navi-next {text-align:right; float:right;}
.navigation .navi-prev a:before {content:"＜"; margin-right:4px;}
.navigation .navi-next a:after {content:"＞"; margin-left:4px;}
*/
/******************/
/* pagination *****/

.pagination {margin:0 auto 40px; clear:both;}
.pagination:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.pagination ul {text-align:center;}
.pagination ul li {display:inline-block; margin:0 4px;}
.pagination span,
.pagination ul li a {padding:6px 12px; background:#3C9CC2; background:#fff; color:#3C9CC2; color:var(--color-aqua)}
.pagination ul li a:hover {background:#3C9CC2; background:var(--color-aqua); color:#fff;}
.pagination span.current {background:#3C9CC2; background:var(--color-aqua); color:#fff;}
.pagination ul li .dots {background:none; color:#fff;}


/******************/
/* page-links *****/

.page-links {clear:both; text-align:center; margin:0 auto 80px; width:100%; display:table; table-layout:fixed; font-size:12px; font-size:1.2rem; line-height:1;}
.page-links span {display:table-cell; text-align:center; white-space:nowrap;}
.page-links .navi-prev {padding:0 2px 0 0;}
.page-links .navi-back {padding:0 1px;}
.page-links .navi-next {padding:0 0 0 2px;}
.page-links a {background-color:#fff; color:#333333; color:var(--color-dark); display:block; padding:12px 4px;}
.page-links a:hover {background-color:#333333; background-color:var(--color-dark); color:#fff;}

.page-links p {display:inline-block; margin:0 auto;}
.page-links p a {padding:12px 40px;}

/******************/
/******************/
/* plugins ********/


.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: linear !important;
	-o-transition-timing-function: linear !important;
	transition-timing-function: linear !important;
}


div[id^="wpmem"] .fieldset {clear:both; position:relative; display:table; width:100%; border-bottom:1px solid #e7e7e7; border-color:var(--oz-color-border); padding:0;}
div[id^="wpmem"] .fieldset:first-of-type {border-top:1px solid #e7e7e7; border-color:var(--oz-color-border);}

div[id^="wpmem"] label {width:30%; display:table-cell; clear:both; text-align:center; padding:0 12px; vertical-align:middle; position:relative;
	line-height:1.3;
}
div[id^="wpmem"] label + div {display:table-cell;}
div[id^="wpmem"] label i {display:block; font-weight:bold; text-transform:uppercase;}


div[id^="wpmem"] .req {color:red;}
div[id^="wpmem"] .div_text,
div[id^="wpmem"] .div_radio,
div[id^="wpmem"] .div_textarea,
div[id^="wpmem"] .div_select,
div[id^="wpmem"] .div_checkbox,
div[id^="wpmem"] .div_multicheckbox {padding:16px 0; vertical-align:middle; position:relative;}
div[id^="wpmem"] .div_text:nth-of-type(1),
div[id^="wpmem"] .div_select:nth-of-type(1) {}
div[id^="wpmem"] .button_div {padding:20px 0 0 0; text-align:center;}
div[id^="wpmem"] legend {display:block; margin:0 0 0.8em 0; color:#333333; color:var(--color-dark); font-size:24px; font-size: 2.4rem; font-weight: bold;}

div[id^="wpmem"] .div_checkbox label,
div[id^="wpmem"] .div_radio label,
div[id^="wpmem"] .div_multicheckbox label {font-weight:normal; line-height:2.0;}

/*
div[id^="wpmem"] input[type="text"],
div[id^="wpmem"] input[type="email"],
div[id^="wpmem"] input[type="password"],
div[id^="wpmem"] textarea {width:68%;}
*/
/*
div[id^="wpmem"] input[type="radio"],
div[id^="wpmem"] input[type="checkbox"] {display:none;}
*/
/*
div[id^="wpmem"] .div_select select {height:54px;}

div[id^="wpmem"] .div_radio,
div[id^="wpmem"] .div_checkbox {padding:16px 0 16px 0;}
div[id^="wpmem"] .div_checkbox {padding:32px 0 32px 0;}
div[id^="wpmem"] .div_radio label,
div[id^="wpmem"] .div_checkbox label {position:relative; float:none; width:auto;}
div[id^="wpmem"] .div_radio label,
div[id^="wpmem"] .div_checkbox label {vertical-align:middle; text-align:left; padding:0 0 0;}

div[id^="wpmem"] .div_radio label:before,
div[id^="wpmem"] .div_checkbox label:before,
div[id^="wpmem"] .div_multicheckbox label:before {width:20px; height:20px; content: ''; position: absolute; left:0; top:0; background:#fff; border:2px solid #ccc; display:inline-block;}
div[id^="wpmem"] .div_radio label:after,
div[id^="wpmem"] .div_checkbox label:after,
div[id^="wpmem"] .div_multicheckbox label:after {
width:10px; height:6px; left:6px; top:6px;
border:2px solid #333333; border-color:var(--color-aqua);
content:''; position:absolute;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
border-top:none; border-right:none;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
opacity:0;
}
div[id^="wpmem"] .div_radio input[type="radio"]:checked + label.radio:after,
div[id^="wpmem"] .div_multicheckbox input[type="checkbox"]:checked + label:after,
div[id^="wpmem"] .button_div input[type="checkbox"]:checked + label:after {opacity:1;}
*/


/*
div[id^="wpmem"] label[for="username"] + .div_text:after  {content:"Please enter in the alphabet.\A アルファベットで入力してください。\A"; display:block; white-space:pre-wrap;}
div[id^="wpmem"] label[for="sessions"] i:after {content:"Sessions you want to register"; display:block;}

div[id^="wpmem"] label[for="youngsenior"] + .div_select:before {content:"*Please select 'young' if you are in your 40s or younger. If you are over 50 years old, please select 'Senior'.\A 40歳代までの方はYoung を、50歳代以上の方はSeniorを選択ください\A"; display:block;
white-space:pre-wrap;
}
div[id^="wpmem"] label[for="privacy"] + div.div_checkbox p {display:inline-block; margin:0;}
div[id^="wpmem"] label[for="specialneeds"] + .div_text:before {content:"If you need special support to participate in sessions, please explain them.\A セッション参加にあたり、特別な要望が必要な場合には記入ください\A"; display:block;
white-space:pre-wrap;
}
div[id^="wpmem"] label[for="sessions"] + .div_multicheckbox:before {content:"*Please select session you want to register.\A 参加を希望するセッションを選択下さい\A \A"; display:block;
white-space:pre-wrap;
}

div[id^="wpmem"] .div_multicheckbox span[data-session-id] { padding-left: 3em; display: block; }


div[id^="wpmem"] .div_multicheckbox {padding:16px 0 16px 0;}
div[id^="wpmem"] .div_multicheckbox label {position:relative; padding:0 0 0 2em; margin:0 0 6px 0; float:none; width:auto; vertical-align:top; text-align:left;
	display:block; position:relative;
}
div[id^="wpmem"] .div_multicheckbox input {float:left; clear:both; position:absolute; left:0; top:6px;}



div[id^="wpmem"] .div_multicheckbox input[type="checkbox"],
div[id^="wpmem"] .div_checkbox input[type="checkbox"] {margin:0 0.4em 0 0;}

div[id^="wpmem"] .button_div {margin:0 auto;}
div[id^="wpmem"] .button_div label {position:relative; float:none; width:auto; margin:0 auto 20px; display:block; text-align:center;}
div[id^="wpmem"] .button_div label {min-height:20px; line-height:24px; vertical-align:middle; display:inline; position:relative;}


div[id^="wpmem"] input[type="submit"] {clear:both; margin:1em auto 1em;}

.req-text {opacity:0.2; display:none;}
.link-text {text-align:center;}

div[id^="wpmem"] input[type="text"] {width:100%;}

div[id^="wpmem"] label:before {display:block; font-weight:bold; text-transform:uppercase; font-family:'Jost', sans-serif; text-transform:uppercase;}
div[id^="wpmem"] label[for="username"]:before {content:"User Name";}
div[id^="wpmem"] label[for="first_name"]:before {content:"First Name";}
div[id^="wpmem"] label[for="last_name"]:before {content:"Last Name";}
div[id^="wpmem"] label[for="user_email"]:before {content:"E-Mail";}
*/



#loginform {padding:2em 0 0 0;}

#post-login p.login-username,
#post-login p.login-password { display:flex; margin:0 auto 20px; justify-content:center; align-items:center; }

#post-login p.login-username label,
#post-login p.login-password label {width:150px; line-height:1.2; text-align:center;}
#post-login p.login-username label::before,
#post-login p.login-password label::before {display:block;}
#post-login p.login-username input,
#post-login p.login-password input {min-width:400px;}

#post-login p.login-remember {display:flex; flex-direction:row; align-items:center; gap:12px; justify-content:center;}
#post-login p.login-remember input[type="checkbox"] {accent-color:var(--color-aqua); width:1.3em; height:1.3em;}

#post-login .login-submit {margin-top:2em;}
#post-login input[type="submit"] { min-width:150px; background-color:var(--color-aqua); padding:0.75em 10px; border-radius:4px; transition: 0.2s; border:1px solid #c5c5c5; }
#post-login input[type="submit"]:hover { border-color:#C6E7F5; box-shadow:0 0 12px rgb(16 116 172 / 12%), 0 0 40px rgb(16 116 172 / 12%); }

#post-login p a {color:#fff; text-decoration:underline;}
#post-login p a:hover {color:#3C9CC2; color:var(--color-aqua);}

#post-login .login-sub-buttons { display:flex; justify-content:center; gap:12px; margin:20px 0 0; }
#post-login .login-sub-buttons .button { flex: 1 }
#post-login .login-sub-buttons .button:first-of-type { text-align:right; }
#post-login .login-sub-buttons .button:nth-of-type(2) { text-align:left; }

#post-login .login-attempt-alert { display:flex; align-items:flex-start; gap:10px; padding:8px 16px; background:#fdeded; color:#d32f2f; font-size:14px; font-weight:bold; }
#post-login .login-attempt-alert p { margin:0; }
#post-login .login-attempt-alert-icon { display:flex; align-items:center; height:2em; }

@media screen and (max-width:600px) {
	#post-login p.login-username,
	#post-login p.login-password { flex-direction:column; align-items:flex-start; gap: 4px; }

	#post-login p.login-username label,
	#post-login p.login-password label { width:auto; text-align:left; }

	#post-login p.login-username input,
	#post-login p.login-password input { min-width:auto; width:100%;}
}

#post-mypage .link-text-register {display:none;}

.mypage-message {font-size:1.2em;}
.mypage-message b {font-weight:bold;}

#post-mypage .own-session-list {display:flex; flex-direction:column;}

#post-mypage .acf-form .acf-field {display: flex; flex-direction: column; align-items: flex-start;}
#post-mypage .acf-form .acf-field:first-of-type {border-top: 1px solid #e7e7e7; border-color: var(--oz-color-border);}
#post-mypage .acf-form .acf-field {padding: 16px 0; border-bottom: 1px solid #e7e7e7; border-color: var(--oz-color-border);}
#post-mypage .acf-form .acf-label {display: block; font-weight: bold; padding-bottom: 6px;}
#post-mypage .acf-form .acf-input,
#post-mypage .acf-form .acf-input-wrap,
#post-mypage .acf-form .acf-input-wrap input {width: 100%;}

#post-mypage .programs-table tr td:not(.name) {white-space: nowrap;}

#post-mypage .buttons {display:flex; justify-content:center; gap:12px; margin:20px 0 0;}
#post-mypage .button {margin:0;}

#post-mypage .inner { display:flex; flex-direction:column; gap:2em; }
#post-mypage ul.description { margin-left:0; margin-bottom:0; }
#post-mypage h4.section-title { margin-bottom:0.5em; }
#post-mypage .programs-table table th { color:#121212; font-weight:bold; }

#post-mypage .RelatedPost__sessionId::before { content:""; border-left:2px solid var(--color-dark); padding-right:0.3em; }
#post-mypage .RelatedPost__title { font-weight:bold; font-size:16px; margin-bottom:0; }
#post-mypage .RelatedPost__summary { font-size:16px; }


/******************/
/* ContactForm7 ***/

.wpcf7{}

.screen-reader-response {display:none;}

.wpcf7 .wpcf7-response-output {
	margin:0; padding:0; border:0;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	text-align:center; display:block;
	clear:both;
}

.wpcf7 .wpcf7-mail-sent-ok {
	border:1px solid #333333; border-color:var(--color-dark);
	font-size:17px; font-size:1.7rem;
	padding:12px;
	margin:0 0 20px 0;
}

.wpcf7 .wpcf7-validation-errors {
	border:1px solid red; color:red;
	font-size:17px; font-size:1.7rem;
	padding:12px;
	margin:0 0 20px 0;
}

.wpcf7 span {}
.wpcf7 span.wpcf7-list-item-label {text-align:left;}
.wpcf7 span.use_label_element {margin-bottom:20px; display:block;}
.wpcf7 span.wpcf7-not-valid-tip {color:red; font-size:12px; font-size:1.2rem;}
.wpcf7 span.wpcf7-not-valid-tip-no-ajax {display:none;}

.wpcf7 .wpcf7-form-control {}
.wpcf7 .wpcf7-list-item {margin:0 0 0;}

.wpcf7 input[type="radio"],
.wpcf7 input[type="checkbox"] {display:none;}
.wpcf7 label {cursor:pointer;}
.wpcf7-list-item {position:relative; display:inline-block;}
.wpcf7-list-item-label {min-height:20px; line-height:24px; vertical-align:middle; padding:0 0 0 32px; display:inline-block; position:relative;}
.wpcf7-list-item-label:before {width:20px; height:20px; content: ''; position: absolute; left:0; top:0; background:#fff; border:2px solid #ccc; display:inline-block;}
.wpcf7-list-item-label:after{
	width:10px; height:6px; left:6px; top:6px;
	border:2px solid #333333; border-color:var(--color-aqua);
	content:''; position:absolute;
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rotate(-45deg);
	border-top:none; border-right:none;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	opacity:0;
}
input[type="radio"]:checked + .wpcf7-list-item-label:after,
input[type="checkbox"]:checked + .wpcf7-list-item-label:after {opacity:1;}


img.ajax-loader {display:block; margin:12px auto 0;}

.wpcf7 .sent .form {display:none;}


/* reCAPTCHA */
.grecaptcha-badge {visibility:hidden;}
.page-id-98 .grecaptcha-badge {visibility:visible;}

#noscript {position:fixed; top:0; left:0; right:0; bottom:0; background:#3C9CC2; background:var(--color-aqua); color:#fff; overflow:hidden; line-height:1.5; z-index:888888;}
#noscript p {display:block;
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	transform:translate(-50%,-50%);
}

/******************/
/* facebook *******/

/******************/
/* twitter ********/


/******************/
/******************/
/* Media Query ****/


@media screen and (max-width:1600px) {
}

@media screen and (max-width:1200px) {
	#sidebar-navi {font-size:16px; font-size:1.6rem;}
	#sidebar-util {font-size:12px; font-size:1.2rem;}
	#sidebar-search {font-size:12px; font-size:1.2rem;}
}

@media screen and (max-width:1000px) {
	.pc {display:none;}
	.tb {display:block;}
	.sp {display:none;}
	.pc.tb {display:block;}
	.tb.sp {display:block;}
	.pc.sp {display:none;}

	#header {display:block;}
	#footer {display:block; width:100%; min-width:100%;}
	#branding {display:none;}
	#sidebar {display:none;}
	#sidebar-navi ul {display:none;}
	#main-util {display:none;}

	.site-main {padding:70px 0 0.1em;}

	#sidebar-navi {display:none; z-index:8889; position:relative; /*top:0; left:0; right:0; bottom:0; height:100%;*/ width:100%; padding:0; background:#fff; overflow:scroll;}
	#sidebar-navi ul {border-top:1px solid var(--color-aqua);}
	#sidebar-navi ul li {display:block; border-bottom:1px solid rgba(255,255,255,0.6); border-bottom:1px solid var(--color-aqua);}
	#sidebar-navi ul li a {color:#3C9CC2; color:var(--color-aqua); display:block; padding:32px 0;}
	#sidebar-navi ul li a:hover {color:#3C9CC2; color:var(--color-aqua);}

	.navi-toggle {display:block;}
}


@media screen and (max-width:760px) {
	.form table th,
	.form table td {display:block; text-align:left; border:0;}
	.form table th {padding:20px 0 0 0; margin:0 0 12px 0;}
	.form table td {padding:0 0 20px 0;}
}

@media screen and (max-width:680px) {
	.form input[type="text"],
	.form input[type="email"] {width:100%; max-width:100%; display:block;}
}


@media screen and (max-width:600px) {
	.pc {display:none;}
	.tb {display:none;}
	.sp {display:block;}
	.pc.tb {display:none;}
	.tb.sp {display:block;}
	.pc.sp {display:block;}

	.col-2,
	.col-3,
	.col-4,
	.col-5,
	.col-6 {float:none; clear:both; width:100%; margin:0 0 1.2em 0;}

	.article-box,
	.box {padding:40px 20px 0.1em}
	.box-session-info {padding-top:20px;}

}

/* ▲ iPhone 6+ - iPhone 6 ▼ */
@media screen and (max-width:380px) {

}


/******************/
/******************/
/* fonts **********/

/* cyrillic */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/jost/v6/92zPtBhPNqw79Ij1E865zBUv7myRJTVFNI4un_HKOEp-Cw.woff) format('woff');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/jost/v6/92zPtBhPNqw79Ij1E865zBUv7myRJTVPNI4un_HKOEp-Cw.woff) format('woff');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/jost/v6/92zPtBhPNqw79Ij1E865zBUv7myRJTVBNI4un_HKOEo.woff) format('woff');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}


/* cyrillic-ext */
@font-face {
	font-family: 'Fira Sans Condensed';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/firasanscondensed/v5/wEOsEADFm8hSaQTFG18FErVhsC9x-tarWQXOuMl0cjRYhY8XEA.woff2) format('woff2');
	unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
/* cyrillic */
@font-face {
	font-family: 'Fira Sans Condensed';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/firasanscondensed/v5/wEOsEADFm8hSaQTFG18FErVhsC9x-tarWQXOuMB0cjRYhY8XEA.woff2) format('woff2');
	unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
	font-family: 'Fira Sans Condensed';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/firasanscondensed/v5/wEOsEADFm8hSaQTFG18FErVhsC9x-tarWQXOuMh0cjRYhY8XEA.woff2) format('woff2');
	unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
	font-family: 'Fira Sans Condensed';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/firasanscondensed/v5/wEOsEADFm8hSaQTFG18FErVhsC9x-tarWQXOuMd0cjRYhY8XEA.woff2) format('woff2');
	unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
	font-family: 'Fira Sans Condensed';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/firasanscondensed/v5/wEOsEADFm8hSaQTFG18FErVhsC9x-tarWQXOuMt0cjRYhY8XEA.woff2) format('woff2');
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
	font-family: 'Fira Sans Condensed';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/firasanscondensed/v5/wEOsEADFm8hSaQTFG18FErVhsC9x-tarWQXOuMp0cjRYhY8XEA.woff2) format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Fira Sans Condensed';
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url(https://fonts.gstatic.com/s/firasanscondensed/v5/wEOsEADFm8hSaQTFG18FErVhsC9x-tarWQXOuMR0cjRYhY8.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* fallback */
@font-face {
	font-family:'Material Icons';
	font-style: normal;
	font-weight: 400;
	src: url(https://fonts.gstatic.com/s/materialicons/v90/flUhRq6tzZclQEJ-Vdg-IuiaDsNcIhQ8tQ.woff2) format('woff2');
}

.material-icons,
i.material-icons {
	font-family:'Material Icons';
	font-weight:normal;
	font-style:normal;
	font-size:24px;
	line-height:1;
	letter-spacing:normal;
	text-transform:none;
	display:inline-block;
	white-space:nowrap;
	word-wrap:normal;
	direction:ltr;
	-webkit-font-feature-settings:'liga';
	-webkit-font-smoothing:antialiased;
	/* ▼ Add ▼ */
	text-rendering:optimizeLegibility;
	-moz-osx-font-smoothing:grayscale;
	-ms-font-feature-settings:'liga';
	font-feature-settings:'liga';
}


.bold {font-weight:bold;}


.font-en,
i {font-family:'Jost', sans-serif;}



/******************/
/******************/
/* Keyframes ******/


/* end ************/
/******************/
/******************/