@charset "UTF-8";

/*
Theme Name:TSUKUBA CONFERENCE 2019
Theme URI:http://on-ze.com
Author:ONZE
Author URI:http:/on-ze.com
Description:Design by <a href="http://on-ze.com">ONZE</a>.
Version:0.9
Text Domain:tsukuba-conference-2019
*/

/******************/
/******************/
/* reset **********/

* {
border:0;
margin:0;
outline:0;
padding:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
font:inherit;
font-family:inherit;
font-size:100%;
font-style:inherit;
font-weight:inherit;
text-decoration:none;
vertical-align:baseline;
}

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

body {
background:#fff;
color:#0a3c6e;
color:var(--oz-color-dark);
/*font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;*/
/*font-family:Lato, Open Sans, Helvetica Neue, Helvetica, Arial, Verdana, Roboto, \\6E38\30B4\30B7\30C3\30AF, Yu Gothic, \\6E38\30B4\30B7\30C3\30AF\4F53, YuGothic, \\30D2\30E9\30AE\30CE\89D2\30B4 Pro W3, Hiragino Kaku Gothic Pro, Meiryo UI, \\30E1\30A4\30EA\30AA, Meiryo, "\FF2D\FF33 \FF30\30B4\30B7\30C3\30AF", MS PGothic;*/
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:14px;
font-size:1.4rem;
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;}

article, aside, footer, header, main, nav, section {display:block;}
audio, canvas, progress, video {display:inline-block;}

br,
hr {display:block;}

ol,
ul {list-style:none;}

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

input,
select {vertical-align:middle;}


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

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;
}


a:hover {color:#1470BE; color:var(--oz-color-blue);}

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 #eaefef; 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:8px; vertical-align:top; border:0; border-top:1px solid; border-bottom:1px solid; border-color:#fff;}
/*
table th { color:#1470BE; color:var(--oz-color-blue); text-align:center;}
table td {border-color:#eaefef; border-color:var(--oz-color-light); text-align:left; color:#888;}
*/
table th {text-align:center; border-top:1px solid #1470BE; border-bottom:1px solid #1470BE; border-color:var(--oz-color-blue); vertical-align:middle; color:#1470BE; color:var(--oz-color-blue);}
table td {border-top:1px solid #eaefef; border-bottom:1px solid #eaefef; border-color:var(--oz-color-light);}
table thead {font-weight:bold;}
table thead th,
table thead td {background:#cdcdcd; background:transparent; color:#1470BE; text-align:center;
	border-top:1px solid #1470BE; border-bottom:1px solid #1470BE; border-color:var(--oz-color-blue);
}
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:16px; font-size:1.6rem; color:#1470BE; color:var(--oz-color-blue);}
table caption:before {content:"■"; color:#1470BE; color:var(--oz-color-blue); margin-right:0.4em;}
table th {font-size:14px; font-size:1.4rem;}
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;}
[hidden],
.hide,
.none {display:none;}
.hidden {overflow:hidden;}
.left, .floatleft, .float-left {float:left;}
.right, .float-right, .float-right {float:right;}
.relative {position:relative;}
.absolute {position:absolute;}
.static {position:static;}
.fixed {position:fixed;}
.nowrap {white-space:nowrap;}
.small {font-size:0.8em;}

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

img.full {width:100%; max-width:100%; height:auto;}
/*
::-moz-selection {background:#0a3c6e; color:#fff;}
::selection {background:#0a3c6e; 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 #eaefef;}
table.hover tbody tr:hover,
table.hover tbody tr:nth-child(odd):hover,
table.hover tbody tr:nth-child(even):hover {background:#0a3c6e; color:#fff; cursor:text;}
table.stripe tbody tr:nth-child(odd) {background-color:#eaefef;}


:root {
--oz-color-dark:#0a3c6e;
--oz-color-blue:#1470BE;
--oz-color-gray:#888;
--oz-color-lightgray:#cdcdcd;
--oz-color-light:#eaefef;
}

.color-dark {color:#0a3c6e;}
.color-blue {color:#1470BE;}
.color-gray {color:#888888;}
.color-light {color:#eaefef;}
.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 *********/

#to,
#bo {clear:both; display:block; height:0; overflow:hidden;}

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

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

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

.inner:after {content:""; display:block; clear:both; height:0; visibility:hidden; overflow:hidden;}

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

.splash {position:fixed;
top:0; left:0; right:0; bottom:0; width:100%; height:100%; overflow:hidden; background:#91d5ff;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
display:none;
z-index:99999;}

#branding {position:fixed; width:24%; max-width:400px; height:100%; min-height:100vh; overflow:hidden; margin:0; padding:0; left:0; top:0; bottom:0;}
#branding-box {display:none;}
/*
#branding:after {content:""; display:block; position:absolute; left:0; right:0; bottom:0; width:100%; height:50%;
background:url("images/logo.svg") left bottom no-repeat; background-size:100% auto;}
*/

#video-box {position:absolute; min-width:100%; min-height:100%; height:100%; /* 固定横幅を指定しないことがポイント */
margin:0;
top:0; left:0; right:0; bottom:0;
/*will-change:width,top,margin-left;*/
}

#bg-video {min-width:100%; height:100%;}
#bg-video.bgwidth {/*width:100%;*/}
#bg-video.bgheight {min-height:110%; min-height:100%;}

#header {width:100%; padding:0; display:none; background:#fff; border-bottom:1px solid #ccc; height:60px; position:fixed; z-index:98765;}
#header:after {content:""; clear:both; display:block;}

#h-logo {float:left; padding:12px 0 0 12px;}
#h-logo h1 {overflow:hidden; width:240px; height:40px; margin:0 0 0; float:left;}
#h-logo h1 a {display:block; padding:60px 0 0 0; background:url("images/logo-s.png"); background-size:240px 40px;}


#s-logo {display:block; width:100%; max-width:360px; padding:80px 0 0 0; margin:0 auto 40px;}
#s-logo h1 {display:block; margin:0 auto; white-space:nowrap; overflow:hidden; position:relative; width:100%;}
#s-logo h1 a {display:block;}
#s-logo h2 {display:none;}
#s-logo a:hover {opacity:0.8;}
/* ic-navi.svg */
.navi-toggle {display:none; position:absolute; top:4px; right:12px; width:52px; height:52px; overflow:hidden;
background:transparent url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+PGRlZnM+PHN0eWxlPi5jMXtmaWxsOiMwYTNjNmU7fS5jbHMtMntmaWxsOm5vbmU7fTwvc3R5bGU+PC9kZWZzPjxnPjxnPjxyZWN0IGNsYXNzPSJjMSIgeT0iMyIgd2lkdGg9IjI0IiBoZWlnaHQ9IjIiLz48cmVjdCBjbGFzcz0iYzEiIHk9IjExIiB3aWR0aD0iMjQiIGhlaWdodD0iMiIvPjxyZWN0IGNsYXNzPSJjMSIgeT0iMTkiIHdpZHRoPSIyNCIgaGVpZ2h0PSIyIi8+PHJlY3QgY2xhc3M9ImNscy0yIiB3aWR0aD0iMjQiIGhlaWdodD0iMjQiLz48L2c+PC9nPjwvc3ZnPg==") center center no-repeat;
background-size:24px 24px;
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 {}

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

#s-util,
#m-util {font-size:16px; font-size:1.6rem;}

#m-util {display:none;}

#s-util ul,
#m-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;
}
#s-util ul li,
#m-util ul li {
flex:0 1 auto;
flex-grow:0;
flex-shrink:1;
flex-basis:49%;
max-width:49%;
}
#s-util ul li a,
#m-util ul li a {display:block; background:#888; color:#fff; padding:6px 0 4px;}
#m-util ul li a {padding:8px 0 6px;}
#s-util ul li a:hover,
#m-util ul li a:hover {background:#0a3c6e; background:var(--oz-color-dark); cursor:pointer; opacity:1;}
#s-util ul li a,
#m-util ul li a {}
#s-util ul li.is-current a,
#m-util ul li.is-current a {background-color:#1470BE; background-color:var(--oz-color-blue);}
#s-util ul li.is-current a:hover,
#m-util ul li.is-current a:hover {cursor:default;}

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


#s-search ::-webkit-input-placeholder {color:#0a3c6e; color:var(--oz-color-dark); text-transform:uppercase;}
#s-search ::-moz-placeholder {color:#0a3c6e; color:var(--oz-color-dark); opacity:1; text-transform:uppercase;}
#s-search :-moz-placeholder {color:#0a3c6e; color:var(--oz-color-dark); opacity:1; text-transform:uppercase;}
#s-search :-ms-input-placeholder {color:#0a3c6e; color:var(--oz-color-dark); text-transform:uppercase;}
#s-search :placeholder-shown {color:#0a3c6e; color:var(--oz-color-dark); text-transform:uppercase;}


::-webkit-input-placeholder {color:#888; color:var(--oz-color-gray);}
::-moz-placeholder {color:#888; color:var(--oz-color-gray); opacity:1;}
:-moz-placeholder {color:#888; color:var(--oz-color-gray); opacity:1;}
:-ms-input-placeholder {color:#888; color:var(--oz-color-gray);}
:placeholder-shown {color:#888; color:var(--oz-color-gray);}


#s-footer {padding:0 0 160px; clear:both;}
#s-footer h2 {margin:0 auto 20px;}
#s-footer ul {margin:0 0 60px 0; text-align:center; line-height:1;}
#s-footer ul:after {clear:both; content:""; display:block;}
#s-footer ul li {width:49%; float:left; white-space:nowrap;}
#s-footer ul li:nth-child(2) {float:right;}
#s-footer ul li a {display:block; padding:6px 4px 4px; background:#fff;}
#s-footer ul li span {display:inline-block; padding:0 0 0 24px; min-height:20px; line-height:21px; background:left center no-repeat; background-size:20px 20px;}
#s-footer ul li:nth-child(1) a span {background-image:url("images/icon-university.png");}
#s-footer ul li:nth-child(2) a span {background-image:url("images/icon-tsukuba-city.png");}

/******************/
/******************/
/* navi ***********/

#header-navi {display:none; width:100%; height:100%; padding:60px 0 120px 0; position:fixed; top:0; left:0; right:0; z-index:9876; background:#fff;
overflow-y:scroll;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
}
.navi-01 {margin:0 0 40px 0;}
.navi-01 ul {font-size:16px; font-size:1.6rem;}
.navi-01 ul li {display:block; border-bottom:1px solid rgba(0,0,0,0.2);}
.navi-01 ul li a {display:block; padding:24px 0;}
.navi-01 ul li a:hover {background:#1470BE; background-color:var(--oz-color-blue); color:#fff;}
.navi-01 ul li:nth-child(3) {display:none;}

.navi-02 ul {}
.navi-02 ul li {margin:0 auto 16px;}

#header-util {padding:60px 20px;}


#s-dropdown {margin:0 auto 24px;}
#s-dropdown select {margin:0 auto;}

#s-navi {line-height:1; position:relative; padding:0 0 0; margin:0 0 40px 0; font-size:18px; font-size:1.8rem;}
#s-navi ul {overflow:hidden; text-align:left; margin:0; display:block; width:100%;}
#s-navi ul li {display:block; border-bottom:1px solid rgba(255,255,255,0.6); padding:12px 0 8px; white-space:nowrap;}
#s-navi ul li a {display:block; color:#fff; position:relative; padding:0 0 0 2.0em;}
#s-navi ul li a:hover {color:#1470BE; color:var(--oz-color-blue);}
#s-navi ul li a:before {content:"\E90c"; margin:0 0 0 0; position:absolute; top:50%; left:0;
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	transform:translateY(-50%);
font-size:24px; font-size:2.4rem;
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';
}
#s-navi ul li:nth-child(1) a:before {content:"\e616";}
#s-navi ul li:nth-child(1) a:before {content:"star";}
#s-navi ul li:nth-child(2) a:before {content:"account_balance";}/* account_balance */
#s-navi ul li:nth-child(3) a:before {content:"\e8d3";}
#s-navi ul li:nth-child(3) a:before {content:"\e896";}
#s-navi ul li:nth-child(4) a:before {content:"\e55f";}
#s-navi ul li:nth-child(4) a:before {content:"access_time";}
#s-navi ul li:nth-child(5) a:before {content:"contact_support";} /*How to reply*/
#s-navi ul li:nth-child(6) a:before {content:"art_track";} /*Sessions*/
#s-navi ul li:nth-child(6) a:before {content:"\e30d";}
#s-navi ul li:nth-child(7) a:before {content:"group";}
#s-navi ul li:nth-child(8) a:before {content:"\e80c";}
#s-navi ul li:nth-child(9) a:before {content:"supervised_user_circle";}
#s-navi ul li:nth-child(8) a:before {content:"contacts";}/* contacts */
#s-navi ul li:nth-child(8) a:before {content:"\e55f";}/*Access map*/
#s-navi ul li:nth-child(9) a:before {content:"chat";}/* contact */


#sidebar-navi-s {text-align:left; margin:0 0 60px 0;}
#sidebar-navi-s p {margin:0 0 32px 0;}
#sidebar-navi-s p img {width:100%; height:auto;}
#sidebar-navi-s ul {margin:0 0 32px 0;}
#sidebar-navi-s ul li {display:block; margin:0 0 12px 0;}
#sidebar-navi-s ul li a:before {content:"●"; margin:0 0.2em 0 0;}

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



#f-widget {width:100%; padding:20px 0; position:relative;}
#f-widget .inner {display:table; table-layout:fixed; width:100%;}
#f-widget .module {clear:both; display:block; margin-bottom:30px;}
#f-widget .module {display:table-cell; margin:0 10px; width:100%;}
#f-widget .module:first-child {margin-left:0;}
#f-widget .module:last-child {margin-right:0;}

#f-widget .module ul {text-align:center;}
#f-widget .module ul li {display:inline; margin:0 10px;}

#f-widget a {color:#fff;}



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

#footer {text-align:center; clear:both; display:block; padding:40px 0 60px; display:none; color:#fff;}
#footer ul {width:100%; max-width:320px; margin:0 auto 40px;}
#footer ul li {display:block; margin:0 auto 20px;}
#footer ul li img {width:100%; max-width:100%; height:auto;}
#footer ul li a {display:block;}
#footer ul li a:hover img {opacity:0.8}

small#sidebar-site-info {clear:both; font-size:9px; font-size:0.9rem;}
small#sidebar-site-info i {letter-spacing:0;}

small#footer-site-info {clear:both; font-size:10px; font-size:1.0rem;}
small#footer-site-info i {}

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

#main {position:relative;
padding:120px 0 60px 0;
float:right;
width:100%;
	width:-webkit-calc(100% - 24%);
	width:-moz-calc(100% - 24%);/*
	width:-ms-calc(100% - 24%);
	width:-o-calc(100% - 24%);*/
	width:calc(100% - 24%);
min-width:calc(100% - 400px);
height:auto;
min-height:100%; min-height:calc(100vh - 200px); min-height:100vh;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
z-index:2;
}

#main.is-animation {
	-webkit-transform:translateY(200px);
	transform:translateY(200px);
	-webkit-animation:opening-main .9s forwards cubic-bezier(0.82, 0, 0.12, 0.99);
	-moz-animation:opening-main .9s forwards cubic-bezier(0.82, 0, 0.12, 0.99);
	animation:opening-main .9s forwards cubic-bezier(0.82, 0, 0.12, 0.99);
	opacity:0;
}

#main.is-animation.fadeout {
	-webkit-animation:fadeout .3s;
	-moz-animation:fadeout .3s;
	animation:fadeout .3s;
}

#main:not(.is-animation) {opacity:0;}

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

/******************/
/******************/
/* sidebar.php ****/
#bg {}
#bg-maps {width:100%; height:100%; overflow:hidden; position:fixed; padding-top:0; margin:0; top:0; left:0; right:0; bottom:0; z-index:-1;
/*background:center center no-repeat url("images/bg.png"); background-size:cover;*/}
#bg-maps:after {content:""; width:100%; height:100%; overflow:hidden; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(20,80,160,0.65);}
.bg-googlemaps {width:100%; height:100%; position:absolute; top:0;}

#page.bg-map-active + #bg-maps {z-index:0;}
#page.bg-map-active + #bg-maps:after {background-color:inherit; content:none; z-index:0;}
#page.bg-map-active #main {display:none;}


body.is-fadeout #main {
	-webkit-animation:main-fadeout 0.4s 0s forwards ease-in-out;
	-moz-animation:main-fadeout 0.4s 0s forwards ease-in-out;
	animation:main-fadeout 0.4s 0s forwards ease-in-out;
}

body.is-fadeout #sidebar {
-webkit-animation:sidebar-fadeout 0.6s 0s forwards cubic-bezier(0.82, 0, 0.12, 0.99);
-moz-animation:sidebar-fadeout 0.6s 0s forwards cubic-bezier(0.82, 0, 0.12, 0.99);
animation:sidebar-fadeout 0.6s 0s forwards cubic-bezier(0.82, 0, 0.12, 0.99);
}

#sidebar {position:absolute; width:24%; max-width:400px; height:auto; min-height:100%; overflow:hidden; margin:0; padding:0 1.6%; left:0;
background:#eaefef;
background:rgba(0,0,0,0.6);
color:#fff;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
z-index:1;
}

#sidebar.is-fixed {position:fixed; bottom:0;}

#sidebar.is-animation {
opacity:0;
-webkit-transform:translateX(-100%);
transform:translateX(-100%);
-webkit-animation:opening-side 1.2s 0.3s forwards cubic-bezier(0.82, 0, 0.12, 0.99);
-moz-animation:opening-side 1.2s 0.3s forwards cubic-bezier(0.82, 0, 0.12, 0.99);
animation:opening-side 1.2s 0.3s forwards cubic-bezier(0.82, 0, 0.12, 0.99);
}

#sidebar img {max-width:100%; height:auto;}

#s-news {display:none;}

#s-banner ul {margin:0 0 40px 0;}
#s-banner ul li {margin:0 0 20px 0;}
#s-banner ul li img {width:100%; max-width:100%; height:auto;}
#s-banner ul li a {display:block;}
#s-banner ul li a:hover img {opacity:0.8;}
/*
#s-news {margin:0 0 80px 0; text-align:left; background:#fff; padding:12px; display:none;}
#s-news h3 {text-align:center; margin:0 auto 12px; font-size:18px; font-size:1.8rem;}
#s-news ul {font-size:12px; font-size:1.2rem; line-height:1.6;}
#s-news ul li {margin:0 0 6px 0;}
#s-news ul li span {display:block;}
#s-news ul li .a-date {font-size:10px; font-size:1.0rem;}
#s-news ul li .a-date i {background:#1470BE; background:var(--oz-color-blue); color:#fff; display:inline-block; padding:2px 6px 0;}
#s-news ul li .a-title {}
*/
#s-clock {padding:12% 6% 8%; line-height:1.2; margin:92px 0 32px 0; letter-spacing:0.1em;
	background-color:rgba(255,255,255,0.2);
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	backface-visibility:hidden;
}
#s-clock span {display:block;}
#s-clock .date {font-size:24px; font-size:2.4rem;}
#s-clock .week {background:#fff; color:#0a3c6e; color:var(--oz-color-dark); margin:0 auto 8px; padding:4px 0 0 0; font-size:18px; font-size:1.8rem;}
#s-clock .time {font-size:30px; font-size:3.0rem; margin:0 auto 12px;}
#s-clock .city {text-transform:uppercase; display:block; letter-spacing:0.2em; font-size:10px; font-size:1.0rem;}
#s-clock ul {display:table; table-layout:fixed; margin:0 auto 16px; clear:both; width:200px; max-width:100%;}
#s-clock ul li {position:relative; display:table-cell; padding:12px; min-height:60px;}
#s-clock ul li:nth-child(1) {border-right:1px solid #fff;}
#s-weather i {position:absolute; bottom:0; left:4px; right:4px; width:auto; display:none; color:#fff; background:#fff; padding:2px; font-size:10px; font-size:1.0rem;}
#s-weather {background:center center no-repeat; background-size:60px 60px;}
#s-weather[data-weather="clear"] {background-image:url("images/weather-clear.svg");} /* 0 : 快晴 */
#s-weather[data-weather="sunny"] {background-image:url("images/weather-sunny.svg");} /* 0 : 晴れ */
#s-weather[data-weather="clouds"] {background-image:url("images/weather-clouds.svg");} /* 0 : 曇り */
#s-weather[data-weather="shower"] {background-image:url("images/weather-shower.svg");} /* 0 : にわか雨 */
#s-weather[data-weather="rain"] {background-image:url("images/weather-rain.svg");} /* 0 : 雨 */
#s-weather[data-weather="snow"] {background-image:url("images/weather-snow.svg");} /* 0 : 雪 */
#s-weather[data-weather="mist"] {background-image:url("images/weather-mist.svg");} /* 0 : 霧 */
#s-weather[data-weather="thunderstorm"] {background-image:url("images/weather-thunderstorm.svg");} /* 0 : 雷 */
#s-temperature {font-size:40px; font-size:4.0rem;}
#s-temperature i {position:relative;}
#s-temperature i:before {content:""; position:absolute; right:-7px; width:6px; height:6px; border-radius:50%; border:solid 2px #fff;}


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

.article a {color:#1470BE; color:var(--oz-color-blue);}
.article a:hover {color:#0a3c6e; color:var(--oz-color-dark);}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {margin:0 auto 0.8em auto; color:#1470BE; color:var(--oz-color-blue);}

.article h1 {font-size:38px; font-size:3.8rem;}
.article h2 {font-size:34px; font-size:3.4rem;}
.article h3 {font-size:40px; font-size:4.0rem;}
.article h4 {font-size:24px; font-size:2.4rem; font-weight:bold;}
.article h5 {font-size:18px; font-size:1.8rem;}
.article h6 {font-size:16px; font-size:1.6rem;}

.article h4,
.article h5,
.article h6 {color:#1470BE; color:var(--oz-color-blue);}

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

.article p {margin:0 0 2.0em 0;}

.article ul,
.article ol {margin:0 0 3.2em 2em; padding:0; list-style:outside;}

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

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

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

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

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

.article :not(.btn) > a[target="_blank"] {padding:0 20px 0 0; background:url("images/ic-external.svg") right center no-repeat; background-size:14px 14px;}
.article :not(.btn) > a[target="_blank"]:hover {background-image:url("images/ic-external-dark.svg")}

.article blockquote {
padding:1em;
margin:0 0 3.2em 1em;
border-left:2px solid #0a3c6e;
}

.article blockquote > *:last-child,
.article blockquote > *:last-child > *:last-child,
.article 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:#0a3c6e;
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.1em 0;}


.type-post h4 {border-color:#1470BE; border-left:4px solid var(--oz-color-blue); padding:0 0 0 20px;}

.type-page h4 span {background-color:#1470BE; color:#fff; padding:6px 12px; border-radius:4px; font-size:18px; font-size:1.8rem; display:inline-block;}
.type-page h5 span {font-size:0.8em;}

/*
.type-oz-custom-sessions h3 span {background-color:#1470BE; color:#fff; padding:6px 12px; border-radius:4px; display:inline-block;}
*/

.page-title {text-align:center; clear:both; padding:20px 0 0 0; line-height:1.2; color:#fff;}
.post-title,
.post-session-title {text-align:left; clear:both; padding:0 0; line-height:1.6;}
.post-session-title {border-bottom:1px solid #cdcdcd; margin:0 0 32px 0;}

.page-title h3 {margin:0 auto 20px; font-size:52px; font-size:5.2rem; color:#fff;}
.post-title h3 {margin:0 auto 20px; font-size:24px; font-size:2.4rem; color:#1470BE; color:var(--oz-color-blue);}
.post-session-title h3 {margin:0 0 12px 0; font-size:16px; font-size:1.6rem;}



.page-title h3 i,
.post-title h3 i,
.post-session-title h3 i {display:block;}
.post-session-title h3 i {font-size:32px; font-size:3.2rem;}

.post-category,
.page-category {font-size:18px; font-size:1.8rem; line-height:1.6; margin:0 0 4px 0;}
.post-category i,
.page-category i {text-transform:uppercase; color:#fff; background:#888; display:inline-block; padding:2px 8px 0; white-space:nowrap; margin:0 4px 0 0;}

.page-category {margin:0;}

.post-session-label {position:absolute; left:-8px; top:-8px;}
.post-session-label b {
display:block;
 background:#1470BE; background:var(--oz-color-blue); border:1px solid #1470BE; border-color:#1470BE; 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 32px 0;}

.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 #888 transparent transparent; z-index:4;
}
.post-date b {display:block; color:#fff; background-color:#1470BE; background-color:var(--oz-color-blue); margin:0; padding:4px 12px 2px;}
.post-date i {display:block; font-weight:bold; font-size:14px; font-size:1.4rem;}


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


.page-content,
.post-content {margin:0 0 40px 0;}
.post-content {text-align:left;}

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


.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%;}




.article-box,
.box {background:#fff; padding:40px 40px 20px; margin:0 0 20px 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 */

/*
#page-top .page-title h3 {margin-bottom:-18px;}
*/
#page-top h5 a {text-decoration:underline;}

#top-subject {}
#top-subject p#top-logo img {max-width:320px; width:100%; height:auto;}
#top-subject h4 {text-align:center;}
#top-subject h4 i {color:#fff; background-color:#0a3c6e; background-color:var(--oz-color-dark); display:inline-block; padding:0 2em;}
#top-subject h5 {text-align:center; font-size:32px; font-size:3.2rem;}
#top-subject h5[data-lang-content="jp"] {font-size:24px; font-size:2.4rem;}
#top-subject h6 {text-align:center; font-size:20px; font-size:2.0rem;}
#top-subject ul {color:#1470BE; color:var(--oz-color-blue); font-size:16px; font-size:1.6rem;}

#top-subject p {text-align:center;}
#top-subject .col p,
#top-subject .col dl {text-align:center; font-size:20px; font-size:2.0rem; color:#1470BE; color:var(--oz-color-blue);}
#top-subject .col dl dt {color:#1470BE; color:var(--oz-color-blue);}
#top-subject .col dl dd {font-size:14px; font-size:1.4rem; padding:0; margin:0; color:#0a3c6e; color:var(--oz-color-dark);}

@media screen and (max-width:800px) {
	#top-subject h4 {font-size:20px; font-size:2.0rem;}
	#top-subject h5 {text-align:center; font-size:24px; font-size:2.4rem; line-height:1.6;}
	#top-subject h5[data-lang-content="jp"] {font-size:20px; font-size:2.0rem;}
}

#top-gallery ul {list-style:none;
	margin:0;
padding:0 0 60px 0; line-height:0;
list-style:none;
display:-webkit-flex;
display:flex;
flex-wrap:wrap;
flex-direction:row;
-webkit-justify-content:space-around;
justify-content:space-around;
}
#top-gallery ul li {
margin:0 0;
padding:0;
flex:0 1 auto;
flex-basis:25%;
max-width:25%;
}
#top-gallery ul li img {max-width:100%; width:100%; height:auto;}


#top-info {}
#top-info img.right {max-width:40%;}
#top-info h3 {margin:0 0 12px 0;}

#top-slider {padding:0; margin:0; width:100%;}
#top-slider ul {margin:0; padding:0; position:relative; list-style:none;}
#top-slider ul li {margin:0; padding:0; width:100%;}
#top-slider ul li img {width:100%; max-width:100%; height:auto;}

/*
#top-news ul {list-style:none; padding:0; margin:0;}
#top-news ul li {margin:0 0 16px 0; padding:0;}
#top-news ul li a {background:#fff; color:#1470BE; display:block; padding:12px 12px 0.1em 12px;}
#top-news ul li span {display:block;}
#top-news ul li .a-date i {background:#1470BE; color:#fff; display:inline-block; padding:2px 12px; letter-spacing:0.1em;}
#top-news ul li a:hover {background:#1470BE; color:#fff;}
#top-news ul li a:hover i {background:#fff; color:#1470BE;}
*/

#access-map dl {margin:0 auto; text-align:center;}
#access-map dl dt {margin:0 auto; padding:0; font-weight:bold;}
#access-map dl dd {margin:0 auto; padding:0;}

/*
#access-box {
display:none;
position:fixed; right:60px; bottom:24px; height:80px; line-height:28px; padding:12px 20px; background-color:#fff; overflow:hidden;
-webkit-box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
box-shadow: rgba(0, 0, 0, 0.298039) 0px 1px 4px -1px;
border-radius:2px;
z-index:99;
}
#access-box b {display:block; font-weight:bold;}
*/

/******************/
/******************/
/* page.php *******/

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

#post-about .list-sessions-descriptions {}
#post-about .list-sessions-descriptions dl dt {margin:0 0 0.6em 0; line-height:1.6; color:#1470BE; color:var(--oz-color-blue);}
#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-program {}
#post-program ol {font-size:20px; font-size:2.0rem;}
#post-program .page-category i {background-color:#1470BE; background-color:var(--oz-color-blue); padding:2px 20px 0;}
#post-program .page-category span {}
#post-program h4 {margin-bottom:1.2em;}

.programs-items {}
/*.programs-items:before {content:""; display:block;
width:1px; height:-webkit-calc(100% - 16px);
height:-moz-calc(100% - 16px);
height:calc(100% - 16px); border-left:1px dotted #1470BE; border-color:var(--oz-color-blue);
position:absolute; top:16px; left:140px;
}
.programs-items:after {
width:5px;
height:24px;
left:116px;
bottom:-25px;
content:"";
display:block;
-webkit-background-size:100% 100%;
-o-background-size:100% 100%;
background-size:100% 100%;
position:absolute;
}*/
.programs-items dl {font-size:15px; font-size:1.5rem; position:relative; margin:0 0 3em 0;}
/*.programs-items dl:before {
left:138px;
top:18px;
content:""; display:block;
width:7px; height:7px;
-webkit-border-radius:7px;
border-radius:7px; position:absolute; background-color:#1470BE; background-color:var(--oz-color-blue);}*/
.programs-items dl dt {/*position:absolute; left:0; display:inline-block; text-align:center; 
border:1px solid #1470BE; border-color:var(--oz-color-blue); color:#1470BE; color:var(--oz-color-blue);
top:0; width:120px;*/ padding:0; white-space:nowrap; margin:0 0 4px 0;
}

.programs-items dl dt {color:#1470BE; color:var(--oz-color-blue);}
.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:#0a3c6e; color:var(--oz-color-dark);}
.programs-items dl dd a:hover {color:#1470BE; color:var(--oz-color-blue);}

.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:#0a3c6e; color:var(--oz-color-dark);}
.programs-items dl dd ul li a:hover {color:#1470BE; color:var(--oz-color-blue); text-decoration:underline;}
.programs-items dl dd ul li a:before {content:"・"; margin:0 0.4em 0 0; display:none;}
/*
.programs-items dl dt:before,
.programs-items dl dt:after {content:""; display:block; width:0; height:0; position:absolute; border-left:8px solid #1470BE; border-color:var(--oz-color-blue);
border-top:6px solid transparent; border-bottom:6px solid transparent; right:-8px; top:50%; margin-top:-6px;}
.programs-items dl dt:after {border-left-color:#fff; right:-6px;}
.programs-items dl dd {margin-left:140px; position:relative; line-height:2.0; padding:12px 16px 12px; border:1px solid #1470BE; background-color:#1470BE; color:#fff; display:inline-block;}
.programs-items dl dd:before {
content: " ";
display: block;
width:6px;
height:1px;
background:var(--oz-color-blue);
position:absolute;
left:-16px;
top:1.1em;
}*/

#post-archives-sessions form,
#post-archives-sessions select {margin:0 auto 40px;}
#post-archives-sessions select {max-width:300px;}

/******************/
/* 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 #1470BE; border-color:var(--oz-color-blue); color:#1470BE; color:var(--oz-color-blue); position:relative;}

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

#tabs ol li.current {background:#1470BE; background-color:var(--oz-color-blue); color:#fff;}
#tabs ol li.current:hover {background-color:#1470BE; background-color:var(--oz-color-blue); border-color:#1470BE; border-color:var(--oz-color-blue);}
#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:#1470BE transparent transparent transparent;
}

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




.maps {width:100%; height:400px; overflow:hidden; position:relative; padding-top:0; margin:0 0 12px 0;}
.googlemaps {width:100%; height:100%; position:absolute; top:0;}

#post-sponsors h4 {text-align:center;}
#post-sponsors h5 {text-align:center;}
#post-sponsors p.btn a {background:none #fff; padding:12px 40px 8px;}
#post-sponsors p.btn a:hover {background-color:#1470BE; background-color:var(--oz-color-blue); color:#fff;}
#post-sponsors ul {
margin:0 0 4% 0;
padding:0;
list-style:none; text-align:center;
display:block;/*
font-size:12px; font-size:1.2rem;*/
}
#post-sponsors ul li {
margin:0 0 12px 0; line-height:1.6;
padding:0;
}
#post-sponsors ul li a,
#post-sponsors ul li a[target="_blank"] {padding:0; background:none; color:#0a3c6e; color:var(--oz-color-dark);}
#post-sponsors ul li img {border:1px solid #eaefef; width:100%; display:none;}
#post-sponsors ul li a:hover {color:#1470BE; color:var(--oz-color-blue);}
#post-sponsors ul li a:hover img {border-color:#1470BE; border-color:var(--oz-color-blue);}
#post-sponsors ul li i,
#post-sponsors ul li span {display:block;}

#post-sponsors ul.mini li {}

#post-sponsors #sponsors-contact p {color:#fff;}

@media screen and (max-width:1300px) {
	#post-sponsors ul.mini li {flex-basis:19.2%; max-width:19.2%;}
}

@media screen and (max-width:900px) {
	#post-sponsors ul li {flex-basis:31%; max-width:31%;}
	#post-sponsors ul.mini li {flex-basis:21%; max-width:21%;}
}

@media screen and (max-width:600px) {
	#post-sponsors ul {-webkit-justify-content:space-between; justify-content:space-between;}
	#post-sponsors ul li {flex-basis:48%; max-width:48%;}
	#post-sponsors ul.mini li {flex-basis:31%; max-width:31%;}
}

@media screen and (max-width:560px) {
	#post-sponsors ul li {flex-basis:100%; max-width:100%; margin:0 0 6% 0;}
	#post-sponsors ul.mini li {flex-basis:48%; max-width:48%;}
}

#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 #eaefef; border-color:var(--oz-color-light);
}
#post-sponsorship ol li:last-child {border-right:1px solid #eaefef; border-color:var(--oz-color-light);}
#post-sponsorship ol li span {display:block;}
#post-sponsorship ol li .title {font-size:32px; font-size:3.2rem;}
#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-lightgray);}
	#post-sponsorship ol li:last-child {border-right:0; border-bottom:1px solid #cdcdcd; border-color:var(--oz-color-lightgray);}
}

#post-organizer ul.flex {
list-style:none; margin:0 0 12px 0; text-align:center;
-webkit-justify-content:space-between;
justify-content:space-between;
}
#post-organizer ul.flex li {
margin:0 0 2% 0; padding:0;
flex:0 1 auto;
flex-basis:48%;
max-width:48%;
}
#post-organizer ul.flex li a {display:block; padding:2% 2% 1.2%; background-color:#fff;}
#post-organizer ul.flex li a:hover {background-color:#1470BE; color:#fff; border-color:#1470BE; border-color:var(--oz-color-blue);}
#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 {}

@media screen and (max-width:600px) {
	#post-organizer ul.flex {display:none;}
}


#post-access iframe {width:100%;}

#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-legal h5 span {background-color: #1470BE;
color: #fff;
padding: 6px 12px;
border-radius: 4px;
font-size: 18px;
font-size: 1.8rem;
display: inline-block;}
#post-legal dl dt {font-weight:bold;}
#post-legal dl dt:before {content:"●"; margin:0 0.4em 0 0;}
#post-legal dl dd {}

#post-404 p {color:#fff;}






#post-past-events {}
#post-past-events ul.list-past-events {list-style:none; margin:20px 0 0 0; line-height:1.6;}
#post-past-events ul.list-past-events > li {border:1px solid; border-color:#1470BE; border-color:var(--oz-color-blue); padding:20px; cursor:pointer; margin:0 0 20px 0;}
#post-past-events ul.list-past-events > li span {display:block;}
#post-past-events ul.list-past-events > li .title {font-size:20px; font-size:2.0rem;}
#post-past-events ul.list-past-events > li .description {display:block; display:none; width:100%;}
#post-past-events ul.list-past-events > li .description.is-show {display:block;}

#post-past-events ul li ul {display:block; width:100%; list-style:disc; margin:20px 0; padding:0 0 0 20px;}
#post-past-events ul li ul li {display:list-item;}


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

.post-content ul.flex {list-style:none; margin: 0 0 3.2em 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 #eaefef; margin:0 0 12px 0; line-height:1;}


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

.type-oz-custom-sessions h4 {font-weight:normal; font-size:18px; font-size:1.8rem;}
.type-oz-custom-sessions h4:before {content:"■"; color:#1470BE; color:var(--oz-color-blue); margin-right:0.4em;}

.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 0 0; padding:0; font-size:12px; font-size:1.2rem; line-height:1.6;}
.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 #eaefef; border-color:var(--oz-color-light); display:block;}
.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.poste {color:#888; color:var(--oz-color-gray);}
.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) {}

.session-speakers table {margin:0 0 3.2em 0;}
.session-speakers table th,
.session-speakers table td {border:0; padding:12px 0; margin:0; border-top:1px solid #eaefef; border-bottom:1px solid #eaefef; border-color:var(--oz-color-light); vertical-align:middle; text-align:left;}
.session-speakers table th {font-size:14px; font-size:1.4rem; color:#0a3c6e; color:var(--oz-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.2em 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 #eaefef; border-color:var(--oz-color-light); 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.6; 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-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;}


.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-info table {margin:0 0 3.2em 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;}
.session-info table td i {display:block;}




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

.archives {width:100%; margin:0 auto 60px; text-align:left; clear:both; line-height:1;}
.archives:after {content:""; clear:both; display:block;}
.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 20px 0; width:100%; height:100%; font-size:18px; font-size:1.8rem; text-align:left; line-height:0; zoom:1;}

.archives ul li {display:block; margin:0 0 12px 0; padding:0; overflow:hidden; text-align:left; position:relative;}
.archives ul li a {display:block; background-color:#fff; color:#0a3c6e; color:var(--oz-color-dark); padding:12px 12px 0.1em; position:relative; line-height:1;}
.archives ul li a:hover {background:#1470BE; background:var(--oz-color-blue); color:#fff;}
.archives ul li a:hover .a-meta b {background:#fff; color:#1470BE; color:var(--oz-color-blue);}

.archives ul li span {display:block; overflow:hidden;}
.archives ul li .a-thumbnail {display:none;}
/*
.archives ul li .a-date {display:block; left:12px; top:12px; width:46px; height:46px; margin:0 0 12px 0; overflow:hidden; white-space:nowrap; color:#fff; background:#1470BE; background:var(--oz-color-blue); text-align:center; line-height:1.2; float:left;}
.archives ul li .a-date b {display:block; padding:2px 0 0 0; margin:0 auto; font-size:20px; font-size:2.0rem;}
.archives ul li .a-date i {display:block; font-weight:bold; font-size:14px; font-size:1.4rem;}*/
.archives ul li .a-meta {display:block; margin:0 0 6px 0;}
.archives ul li .a-meta b {color:#fff; background:#1470BE; background:var(--oz-color-blue); display:inline-block; padding:4px 16px 2px 16px; font-size:14px; font-size:1.4rem;}
.archives ul li .a-meta b.a-meta-sessions {background-color:#888; background-color:var(--oz-color-gray);}
.archives ul li .a-meta b.a-meta-page {}
.archives ul li .a-meta b.a-meta-post {}
.archives ul li .a-category {display:none;}
.archives ul li .a-summary {display:none;}
.archives ul li .a-title {overflow:hidden; display:block; margin:0 0 12px 0; padding:0 0 0; display:block; line-height:1.6; font-size:16px; font-size:1.6rem;}


.archives-sessions {line-height:1.6; padding:20px 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 .box {padding:0; margin:0 0 6px 0;}
.archives-sessions ul li .box a {background:#fff; color:#1470BE; color:var(--oz-color-blue); padding:16px 16px 0.1em; display:block;}
.archives-sessions ul li .box a:hover {background:#1470BE; background:var(--oz-color-blue); color:#fff;}
.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 .a-date {background-image:url("images/bg-date-blue.svg");}
.archives-sessions ul li .box a:hover .a-date i {color:#fff;}
.archives-sessions ul li .box a:hover .as-category i {background:#fff; color:#1470BE; color:var(--oz-color-blue);}
.archives-sessions ul li .box-description {padding:12px 16px; margin:0 0 6px 0; background:#fff; display:none;}
.archives-sessions ul li .box-description a {color:#1470BE; color:var(--oz-color-blue);/* background-image:url("images/ic-external-dark.svg");*/}
.archives-sessions ul li .box-description a:hover {text-decoration:underline; color:#0a3c6e; color:var(--oz-color-dark);}
.archives-sessions ul li span {display:block;}
.archives-sessions ul li .a-thumbnail {margin:0 0 4px 0; position:relative; line-height:0; overflow:hidden;}
.archives-sessions ul li .s-title {font-size:12px; font-size:1.2rem; margin:0 0 4px 0; color:#1470BE; color:var(--oz-color-blue);}
.archives-sessions ul li .s-title i {font-size:20px; font-size:2.0rem;}
.archives-sessions ul li .as-label {position:absolute; left:-8px; top:-8px; z-index:3; overflow:visible;}
.archives-sessions ul li .as-label b {
display:block; padding:4px 12px; padding-right:24px;
background:#1470BE; background:var(--oz-color-blue); border:1px solid #1470BE; border-color:#1470BE; border:0; color:#fff; 
-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);
}
.archives-sessions ul li .as-label[data-label="invitees"] b {background-color:#0a3c6e; background-color:#888; background-color:var(--oz-color-gray); color:#fff;}
.archives-sessions ul li .as-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;
}

.archives-sessions ul li .as-datetime {display:none;}
.archives-sessions ul li .as-summary {font-size:12px; font-size:1.2rem; margin:0 0 12px 0; color:#0a3c6e; color:var(--oz-color-dark);}
.archives-sessions ul li .as-category {margin:0 0 6px 0; line-height:1;}
.archives-sessions ul li .as-category i {text-transform:uppercase; background-color:#cdcdcd; background-color:var(--oz-color-lightgray); background-color:#888; background-color:var(--oz-color-gray); color:#fff; display:inline-block; padding:4px 6px 2px; white-space:nowrap; margin:0 4px 0 0;}
/*.archives-sessions ul li .as-category i.as-category-id {background-color:#1470BE; background-color:var(--oz-color-blue);}*/
.archives-sessions ul li .a-name {font-size:16px; font-size:1.6rem; color:#1470BE; color:var(--oz-color-blue);}
.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.2;}
.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 .a-tags b {background:#1470BE; background:#fff; color:#1470BE; padding:4px 6px 2px; display:inline-block; margin:0 2px 6px 0; cursor:pointer; font-weight:bold;}
.archives-sessions ul li .a-tags b:hover,
.archives-sessions ul li .a-tags b.is-current {background:#1470BE; background:var(--oz-color-blue); color:#fff;}
.archives-sessions ul li .a-tags b span[data-lang-content="jp"] {font-size:12px; font-size:1.2rem;}

.archives-sessions ul li#item-69 {display:none;}

.sessions-selector ol {text-align:center; margin:0 auto 20px; padding:0; text-indent:0; font-size:16px; font-size:1.6rem; line-height:1;}
.sessions-selector ol li {}
.sessions-selector ol li {background:#fff; border:1px solid #1470BE; border-color:var(--oz-color-blue); color:#1470BE; color:var(--oz-color-blue); padding:12px 12px 8px; display:inline-block; margin:0 2px 6px; cursor:pointer;}
.sessions-selector ol li i {display:block; text-transform:uppercase;}
.sessions-selector ol li:hover {background:#0a3c6e; background:var(--oz-color-dark); border-color:#0a3c6e; border-color:var(--oz-color-dark); color:#fff;}
.sessions-selector ol li.is-current {background:#1470BE; background:var(--oz-color-blue); color:#fff;}
.sessions-selector ol li.is-current:hover {border-color:#1470BE;}
.sessions-selector ol li.itemitup-control-active:hover {background:#1470BE; background:var(--oz-color-blue);}

@media screen and (max-width:800px) {
	.sessions-selector ol {font-size:14px; font-size:1.4rem;}
	.sessions-selector ol li {padding:8px 6px 4px; margin:0 1px 6px;}
	.sessions-selector ol li i {letter-spacing:0;}
}

.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:2000px) {
	.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:#1470BE; background:var(--oz-color-blue);}
.archives ul li.size-z a:hover .box {background:#1470BE; background:var(--oz-color-blue);}
.archives ul li.size-z .ts-title {position:absolute; top:80%; left:20px; text-align:left; line-height:1.6; 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:#1470BE; background:var(--oz-color-blue);}
.archives ul li.item-vivid a:hover .box {background:#1470BE; background:var(--oz-color-blue);}
.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.2;}
.form table th:first-child {border-top:1px solid var(--oz-color-light);}
.form table th,
.form table td {padding:20px 4px; background:none; border-top:1px solid #eaefef; border-bottom:1px solid #eaefef; border-color:var(--oz-color-light); vertical-align:middle;}
.form table th {text-align:center; vertical-align:middle; color:#0a3c6e; color:var(--oz-color-dark); white-space:nowrap;}
.form table th i {display:block; display:block; font-size:18px; font-size:1.8rem; color:#1470BE; color:var(--oz-color-blue);}
.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:#0a3c6e; color:var(--oz-color-dark);
border:1px solid #eaefef; border-color:var(--oz-color-light);
background:#eaefef; background-color:var(--oz-color-light);
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"][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 #1fa3c3;
}

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,*/

.btn {line-height:1.6;}
[type="submit"],
.btn a {display:inline-block; width:100%; min-width:120px; max-width:320px; padding:12px 40px 8px;
font-size:12px; font-size:1.2rem;
text-align:center; background:#fff; border:1px solid #1470BE; color:#1470BE;
}

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

[type="submit"]:hover,
.btn a:hover {background-color:#1470BE; background-color:var(--oz-color-blue); color:#fff; cursor:pointer;}

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

.btn.btn-success a {border:1px solid var(--oz-color-blue); color:#1470BE; color:var(--oz-color-blue);}
.btn.btn-success a:hover {background:#1470BE; background:var(--oz-color-blue); color:#fff;}

.btn.btn-error a {border-color:#1470BE; color:var(--oz-color-blue); color:#1470BE; color:var(--oz-color-blue);}
.btn.btn-error a:hover {background-color:#1470BE; color:var(--oz-color-blue); color:#fff;}

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


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

.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 {
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-cell {
margin:0 0 4% 0;
padding:0 2%;
flex:0 1 auto;
flex-basis:33.3333%;
max-width:33.3333%;
}

/******************/
/* responsive-table */

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


/******************/
/* 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:#1470BE; color:var(--oz-color-blue);}
.navi-breadcrumbs a:hover {background:#1470BE; background-color:var(--oz-color-blue); color:#fff;}
*/
.breadcrumbs {clear:both; display:block; margin:0 auto 20px; padding:0; line-height:1.6; color:#fff;}
.breadcrumbs p {text-align:center;}
.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:#1470BE; color:var(--oz-color-blue);}

/******************/
/******************/
/* 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:#1470BE; background:#fff; color:#1470BE; color:var(--oz-color-blue)}
.pagination ul li a:hover {background:#1470BE; background:var(--oz-color-blue); color:#fff;}
.pagination span.current {background:#1470BE; background:var(--oz-color-blue); 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:#1470BE; color:var(--oz-color-blue); display:block; padding:12px 4px;}
.page-links a:hover {background-color:#1470BE; background-color:var(--oz-color-blue); color:#fff;}

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

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


#wpmem_reg {}
div[id^="wpmem"] {}
div[id^="wpmem"] .fieldset {clear:both; position:relative; display:block; border-bottom:1px solid #eaefef; border-color:var(--oz-color-light); padding:0;}
div[id^="wpmem"] .fieldset:after {content:""; clear:both; display:block;}
div[id^="wpmem"] .fieldset:first-of-type {border-top:1px solid #eaefef; border-color:var(--oz-color-light);}
div[id^="wpmem"] .fieldset:last-of-type {}
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:#1470BE; color:var(--oz-color-blue); font-size:24px; font-size: 2.4rem; font-weight: bold;}
div[id^="wpmem"] label {float:left; width:30%; clear:both; text-align:center; padding:32px 12px 12px; vertical-align:middle; position:relative; font-weight:bold; /* font-family:'Josefin Sans', sans-serif; letter-spacing:0.1em; text-transform:uppercase;*/}
div[id^="wpmem"] .div_checkbox label,
div[id^="wpmem"] .div_radio label,
div[id^="wpmem"] .div_multicheckbox label {font-weight:normal;}

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 32%;}
div[id^="wpmem"] .div_checkbox {padding:32px 0 32px 32%;}
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 #0a3c6e; border-color:var(--oz-color-blue);
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"]:after {content:"[Usernames can contain letters (a-z), numbers (0-9), at sign (@), dash (-) and underscore (_).]"; display:block;}
div[id^="wpmem"] .div_multicheckbox {padding:16px 0 16px 32%;}
div[id^="wpmem"] .div_multicheckbox label {position:relative; padding:0; float:none; width:auto; vertical-align:middle; text-align:left; display:inline; position:relative;}

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"] .button_div 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"] .button_div label:after{
width:10px; height:6px; left:6px; top:6px;
border:2px solid #0a3c6e; border-color:var(--oz-color-blue);
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"] input[type="submit"] {clear:both; margin:1em auto 1em;}

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


/*
div[id^="wpmem"] label[for="sessions_day1_1"] + .div_checkbox:before {content:"Please select sessions you would like to attend. You can always sign in to your account and update your selection.\A Note: Below is a preliminary schedule and subject to change."; display:block; white-space:pre-line; margin:0 0 12px 0;}*/
div[id^="wpmem"] label[for="sessions_day1_1"] + .div_checkbox:after {content:"Opening & Keynotes"; display:inline; width:100%;}


div[id^="wpmem"] label[for="sessions_day2_1"] + .div_checkbox:after {content:"Special Plenary with Nobel Laureates"; display:inline; width:100%;}

div[id^="wpmem"] label[for="sessions_day2_3"] + .div_checkbox:after {content:"Special Lecture by the President of the World Cultural Council"; display:inline; width:100%;}
div[id^="wpmem"] label[for="sessions_day2_5"] + .div_checkbox:after {content:"Tsukuba Scientific English Conference 2019 (TSEC2019)"; display:inline; width:100%;}

div[id^="wpmem"] label[for="sessions_day3_2"] + .div_checkbox:after {content:"36th World Cultural Council Award Ceremony"; display:inline; width:100%;}
div[id^="wpmem"] label[for="sessions_day3_3"] + .div_checkbox:after {content:"Closing & Farewell Reception"; display:inline; width:100%;}



div[id^="wpmem"] label[for="user_check"] + .div_multicheckbox:before {content:"A list of participants on the first two days of the Tsukuba Conference 2019 will be given to the participants to promote networking at the conference. Please tick the checkbox(es) below for information you would like to share with other participants."; display:block;
	margin:0 0 12px 0;
}
div[id^="wpmem"] input#user_child {margin:0 0.4em 0 0;display:inline;}
div[id^="wpmem"] label[for="user_child"] + .div_checkbox:before {content:"We plan to provide childcare/babysitting service during the Tsukuba Conference 2019."; display:block; width:100%;}
div[id^="wpmem"] label[for="user_child"] + .div_checkbox:after {content:"Please send me details about the childcare/babysitting service"; display:inline; width:100%;}

div[id^="wpmem"] input#user_agree {display:inline-block;}
div[id^="wpmem"] label[for="user_agree"] + .div_checkbox input {margin:0 0.4em 0 0; display:inline-block;}
div[id^="wpmem"] label[for="user_agree"] {display:none;}
div[id^="wpmem"] label[for="user_agree"] + .div_checkbox {padding:32px 0 32px; text-align:center; border-bottom:0;}
div[id^="wpmem"] label[for="user_agree"] + .div_checkbox:after {content:"I acknowledge that I have read and agree to the statement below.\A\A Your personal information will be kept confidential. Unless otherwise specified, all information provided will only be used for administrative purposes regarding the Tsukuba Conference 2019. Your information will not be released to a third party entity."; margin:0 auto; padding:0 0 12px 0; text-align:center; display:block; display:inline; white-space:pre-line; width:100%;}

/*
#post-mypage #wpmem_reg label[for="user_title"]:before {content:"Title"; display:block;}
*/
@media screen and (max-width:800px) {
	div[id^="wpmem"] label {float:none; width:100%; display:block; text-align:left; padding:12px 0 12px 0; margin:0; font-size:1.1em; font-weight:bold;}
	div[id^="wpmem"] label.text:first-of-type {border-top:1px solid #eaefef; border-color:var(--oz-color-light);}
	
	
	div[id^="wpmem"] .div_radio label,
	div[id^="wpmem"] .div_multicheckbox label {display:inline; font-size:1em; font-weight:normal;}
	
	div[id^="wpmem"] input[type="text"],
	div[id^="wpmem"] input[type="email"],
	div[id^="wpmem"] input[type="password"],
	div[id^="wpmem"] textarea {width:100%;}
	
	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:0 0 16px 0;}
	div[id^="wpmem"] .div_text:nth-of-type(1),
	div[id^="wpmem"] .div_select:nth-of-type(1) {border-top:0;}
	div[id^="wpmem"] .button_div label {padding:0 12px;}
}

#post-registration legend,
article[id^="post-registration"] legend {display:none;}
#post-mypage ul,
#post-registration ul,
article[id^="post-registration"] ul {display:table; table-layout:fixed; width:100%; list-style:none; border-collapse:collapse; margin:0 0 2em 0; text-align:center;}
#post-mypage ul li,
#post-registration ul li,
article[id^="post-registration"] ul li {display:table-cell; border:1px solid #cdcdcd; border-color:var(--oz-color-lightgray);}
#post-mypage ul li a,
#post-registration ul li a,
article[id^="post-registration"] ul li a {display:block; padding:16px 0;}
#post-mypage ul li a:hover,
#post-registration ul li a:hover,
article[id^="post-registration"] ul li a:hover {color:#fff; background-color:#1470BE; background-color:var(--oz-color-blue);}

/*
#post-mypage 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;}
#post-mypage ol li {display:table-cell; border:1px solid #1470BE; border-color:var(--oz-color-blue); position:relative;}
#post-mypage ol li a {display:block; padding:6px 0; cursor:pointer; white-space:nowrap; background-color:#fff; color:#1470BE; color:var(--oz-color-blue);}
#post-mypage ol li a:hover {background-color:#0a3c6e; background-color:var(--oz-color-dark); border-color:#0a3c6e; border-color:var(--oz-color-dark); color:#fff;}
*/


#request-pdf-password {padding:0 0 0;}
#request-pdf-password ol {text-align:left; list-style:disc;}
#request-pdf-password ol li {display:block; display:list-item;}
#request-pdf-password ol li a {display:inline;}
#request-pdf-password p button {background-color:transparent; padding:12px 16px;
	display:inline-block; width:100%; min-width:120px; max-width:320px; padding:12px 40px 8px; margin:0 auto 12px;
font-size:12px; font-size:1.2rem;
text-align:center; background:#fff; border:1px solid #1470BE; color:#1470BE;
}



#post-mypage #request-pdf-password button {color:#1470BE;}
#post-mypage #request-pdf-password button[disabled] {color:#808080; border-color:#808080;}
#post-mypage #request-pdf-password button:not([disabled]):hover {cursor:pointer; background-color:#1470BE; color:#fff;}
#post-mypage #request-pdf-password .result {display:block; height:30px; vertical-align:middle;}
#post-mypage #request-pdf-password .result i {vertical-align:middle;}

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

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

/******************/
/* 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 #0a3c6e; border-color:var(--oz-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 #0a3c6e; border-color:var(--oz-color-blue);
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;}


#noscript {position:fixed; top:0; left:0; right:0; bottom:0; background:#1470BE; background:var(--oz-color-blue); color:#fff; overflow:hidden; line-height:1.6; 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) {
	#s-navi {font-size:16px; font-size:1.6rem;}
	#s-util {font-size:12px; font-size:1.2rem;}
	#s-search {font-size:12px; font-size:1.2rem;}
		
	.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: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;}
	#branding {display:none;}
	#sidebar {display:none;/* position:relative; width:100%; max-width:620px; margin:0 auto; height:auto; min-height:auto; background:none transparent;
		opacity:1;
		-webkit-transform:translateX(0);
		transform:translateX(0);
		-webkit-animation:none;
		-moz-animation:none;
		animation:none;*/
	}
	#s-navi ul {display:none;}
	#s-footer {display:none;}
	#m-util {display:block;}

	#main {width:100%; float:none; padding:80px 0 20px;}
	#main > .inner {padding:0;}
	
	#s-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;}
	#s-navi ul {border-top:1px solid var(--oz-color-blue);}
	#s-navi ul li {display:block; border-bottom:1px solid rgba(255,255,255,0.6); border-bottom:1px solid var(--oz-color-blue);}
	#s-navi ul li a {color:#1470BE; color:var(--oz-color-blue); display:block; padding:32px 0;}
	#s-navi ul li a:hover {color:#1470BE; color:var(--oz-color-blue);}

	.navi-toggle {display:block;}
	
}


@media screen and (max-width:760px) {
	.page-title h3 {font-size:36px; font-size:3.6rem;}
	
	.post-title h3 {font-size:20px; font-size:2.0rem;}
	
	.post-session-title h3 i {font-size:24px; font-size:2.4rem;}
	.session-info .session-slider {float:none; width:100%; max-width:100%;}
	.session-info table {width:100%; clear:both;}
	.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-category-selector ol {display:-webkit-flex;
		display:flex;
		flex-wrap:wrap;
		flex-direction:row;
		-webkit-justify-content:flex-start;
		justify-content:flex-start;
		-webkit-align-items:stretch;
		align-items:stretch;}
	.session-category-selector ol li {display:block; margin:0 0 1px 0; flex:0 1 auto; flex-basis:25%; max-width:25%;}

	.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}

	.archives ul {font-size:14px; font-size:1.4rem;}
	.archives ul li .a-title {font-size:14px; font-size:1.4rem;}

	.session-speakers ul li {width:49%}
	.session-speakers ul li:nth-child(odd) {clear:both; float:left; margin-right:0;}
	.session-speakers ul li:nth-child(even) {clear:none; float:right; margin-right:0;}
	
	.session-speakers dl dt,
	.session-speakers dl dd {float:none; max-width:100%; width:100%;}
	.session-speakers dl dt {padding:0 12%; margin:0 auto 12px;}
	
}

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

}


/******************/
/******************/
/* fonts **********/
/* cyrillic-ext */

/* Material Icons */
/*
@font-face {
font-family:'Material Icons';
font-style:normal;
font-weight:400;
src:url("https://fonts.gstatic.com/s/materialicons/v36/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;
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';
}

.font-gothic {font-family:'YuGothic', 'Yu Gothic', '游ゴシック', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'Meiryo', 'メイリオ', 'Helvetica', sans-serif;}
.font-mincho {font-family:'YuMincho', 'Yu Mincho', '游明朝', 'Hiragino Mincho ProN', 'ヒラギノ明朝 ProN W3', 'Meiryo', 'メイリオ', 'Times New Roman', serif;}
.font-mono {font-family:"Osaka-mono", "MS Gothic", monospace;}
.bold {font-weight:bold;}


.font-en,
i {font-family:'Fira Sans Condensed', sans-serif;}


.font-josefin,
.font-josefin i {font-family:'Josefin Sans', sans-serif; letter-spacing:0.1em; text-transform:uppercase;}

#header-navi i,
#sidebar i,
#footer i,
#m-util i,
.page-title i,
.btn i,
.open-date i,
table th i,
#tabs ol li i,
#h-search input {font-family:'Josefin Sans', sans-serif; letter-spacing:0.1em; text-transform:uppercase;}
#h-search input {letter-spacing:0;}

.session-speakers i,
.session-speakers table th i {font-family:'Fira Sans Condensed', sans-serif; text-transform:inherit;}

table th i {letter-spacing:0;}

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

@-webkit-keyframes opening-side {
100% {
	opacity:1;
	-webkit-transform:translateX(0);
	transform:translateX(0);
}
}
@-moz-keyframes opening-side {
100% {
	opacity:1;
	-moz-transform:translateX(0);
	transform:translateX(0);
}
}
@keyframes opening-side {
100% {
	opacity:1;
	transform:translateX(0);
}
}

@-webkit-keyframes opening-main {
100% {
opacity:1;
-webkit-transform:translateY(0);
transform:translateY(0);
}
}
@keyframes opening-main {
100% {
opacity:1;
transform:translateY(0);
}
}

@-webkit-keyframes fadeout {
	0% {
		-webkit-transform:translateY(0);
		transform:translateY(0);
		opacity: 1;
	}	
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0);
		opacity: 0;
	}
}

@keyframes fadeout {
	0% {
		-webkit-transform:translateY(0);
		transform:translateY(0);
		opacity: 1;
	}
	100% {
		-webkit-transform:translateY(0);
		transform:translateY(0);
		opacity: 0;
	}
}


/*
body:not(.is-fadeout) #branding,
body:not(.is-fadeout) #main {
opacity: 0;
-webkit-animation: fadeIn 1s .3s forwards;
animation: fadeIn 1s .3s forwards
}
@-webkit-keyframes fadeOut {
100% {opacity:0;}
}
@keyframes fadeOut {
100% {opacity:0;}
}*/

@-webkit-keyframes sidebar-fadeout {
100% {opacity:0;
	-webkit-transform:translateX(-100%);
	transform:translateX(-100%);}
}
@-moz-keyframes sidebar-fadeout {
100% {opacity:0;
	-moz-transform:translateX(-100%);
	transform:translateX(-100%);}
}
@keyframes sidebar-fadeout {
100% {opacity:0;
	transform:translateX(-100%);}
}

@-webkit-keyframes main-fadeout {
	100% {opacity:0;
		-webkit-transform:translateY(200px);
		transform:translateY(200px);}
}
@-moz-keyframes main-fadeout {
	100% {opacity:0;
		-moz-transform:translateY(200px);
		transform:translateY(200px);}
}
@keyframes main-fadeout {
	100% {opacity:0;
		transform:translateY(200px);}
}


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