/*

	rev.25

	date 2018.11.19

*/

/*============================================================
	IMPORT CSS
*/
@import url('module.css');
@import url('print.css');

/*============================================================
	IMPORT WebFont
*/
/*@import url('https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700');*/
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@3.0.0/dist/css/yakuhanjp.min.css');
@font-face {
    font-family: 'WebHostingHub-Glyphs';
    src: url('../fonts/webhostinghub-glyphs.eot');
    src: url('../fonts/webhostinghub-glyphs.eot?#iefix') format('embedded-opentype'),
         url('../fonts/webhostinghub-glyphs.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*============================================================
	COMMON
*/
html {
	-ms-overflow-style: auto;
}
body {
	background: #464648;
	font-family: YakuHanJP, -apple-system, BlinkMacSystemFont, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 14px;
	line-height: 1.9;
	color: #717074;
	/*-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;*/
}
input, select, textarea {
	margin: 0;
	font-family: YakuHanJP, -apple-system, BlinkMacSystemFont, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#container {
	overflow: hidden;
	position: relative;
	width: 100%;
}

/*============================================================
	EVIDON オーバレイ用
*/
#_evidon_banner {
	width: 100% !important;
	margin-left: 0 !important;
}

/*============================================================
	Bootstrap4 リセット
*/
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, form, input {
	margin: 0;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
ol, ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
a, button {
	-webkit-transition: color 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
	        transition: color 0.3s ease, opacity 0.3s ease, background-color 0.3s ease, border-color 0.3s ease;
}
a, a:focus, a:hover {
	color: #1896d1;
	cursor: pointer;
	outline: 0;
}
label {
	margin: 0;
	min-height: 1px;
	font-weight: normal;
	cursor: pointer;
}
strong {
	font-weight: normal;
}
iframe {
	border: 0;
	outline: 0;
	-webkit-overflow-scrolling: touch;
	        overflow-scrolling: touch;
}
/* クラス */
.h1, .h2, .h3, .h4, .h5, .h6, .table, .checkbox, .radio {
	margin: 0;
}
.h1, .h2, .h3, .h4, .h5, .h6 {
	font-weight: normal;
}
.img-fluid {
	width: 100%;
}
.alert-warning {
	background-color: #fcf7e4;
	color: #876d40;
}
.btn {
	border-radius: 0;
}
.btn.active, .btn:active {
	-webkit-box-shadow: none;
	box-shadow: none;
}
.container {
	position: relative;
}
.container:after {
	content: '';
	display: block;
	clear: both;
}

/*============================================================
	アイコン
*/
.icon-inline {
	position: relative;
	top: 0.1em;
	padding-right: 0.3em;
	font-size: 130%;
}

/*============================================================
	コンテナサイズ
*/
.wide-col-10,
.wide-col-8,
.wide-col-6,
.wide-col-4,
.wide-col-2 {
	margin-left: auto;
	margin-right: auto;
}
.wide-col-10 {
	width: 970px;
}
.wide-col-8 {
	width: 770px;
}
.wide-col-6 {
	width: 570px;
}
.wide-col-4 {
	width: 370px;
}
.wide-col-2 {
	width: 170px;
}

/*============================================================
	サイズチェック用
*/
.size-check { overflow: hidden; height: 0; }
#sizeLg { display: block; }
#sizeMd { display: none; }
#sizeSm { display: none; }
#sizeXs { display: none; }

/*============================================================
	カラー
*/
.color-datacenter       { color: #0095d3 !important; }
.color-security         { color: #6db33f !important; }
.color-digitalworkspace { color: #387c2c !important; }
.color-nextgentrends    { color: #003d79 !important; }
.color-vmware           { color: #717074 !important; }
.color-workshop         { color: #b25210 !important; }
.color-showcase         { color: #1b6b7e !important; }
.fill-datacenter        { background: #0095d3 !important; }
.fill-security          { background: #6db33f !important; }
.fill-digitalworkspace  { background: #387c2c !important; }
.fill-nextgentrends     { background: #003d79 !important; }
.fill-vmware            { background: #717074 !important; }
.fill-workshop          { background: #b25210 !important; }
.fill-showcase          { background: #1b6b7e !important; }

/*============================================================
	[ヘッダー] 共通
*/
#header {
	position: fixed;
	z-index: 1000;
	top: 0; left: 0;
	width: 100%;
	background: #464648;
	backface-visibility: hidden;
}
#header .logo {
	position: absolute;
	top: 40px; left: 15px;
	width: 160px;
}
#header .logo img {
	display: block;
	width: 100%;
}
#header .logo a {
	display: block;
}

/*============================================================
	[ヘッダー] トップナビ
*/
#header .header-top {
	position: absolute;
	top: 0; right: 0;
	width: 100%;
	color: #fff;
}
#header .header-top a {
	color: #fff;
}
#header .header-top ul {
	position: relative;
	z-index: 1001;
	float: right;
	padding: 15px 15px 0 0;
}
#header .header-top ul li {
	position: relative;
	float: left;
	margin-left: 20px;
	white-space: nowrap;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5;
}
#header .header-top ul li a {
	display: block;
	position: relative;
}
#header .header-top ul li.nav-mypage a {
	padding: 0 0 0 20px;
}
#header .header-top ul li.nav-mypage a i {
	position: absolute;
	top: 0; left: 0;
	font-size: 16px;
	line-height: 1.3;
}
#header .header-top .pointer {
	display: none;
	position: absolute;
	z-index: 1002;
	top: 6px; right: 0;
	width: 36px; height: 36px;
	cursor: pointer;
}
#header .header-top .pointer:hover {
	opacity: 0.6;
}
#header .header-top .pointer:before,
#header .header-top .pointer:after {
	content: '';
}
#header .header-top .pointer:before,
#header .header-top .pointer:after,
#header .header-top .pointer i {
	display: block;
	position: absolute;
	top: 0; right: 50%;
	margin-top: 7px;
	width: 4px; height: 4px;
	background-color: #fff;
}
#header .header-top .pointer:after {
	top: 8px;
}
#header .header-top .pointer i {
	top: 16px;
}
/* カレント */
.page-tokyo #header .header-top ul li.nav-tokyo a,
.page-osaka #header .header-top ul li.nav-osaka a,
.page-online #header .header-top ul li.nav-online a {
	color: #0095d3;
}
/* マイページ用 */
.page-mypage #header .header-top {
	top: 28px;
}
.page-mypage #header .header-top ul {
	padding-top: 0;
}
/* トグルボタン */
#header .navbar-toggle-mypage {
	display: none;
	position: absolute;
	z-index: 2000;
	top: -4px; right: 15px;
	width: 28px; height: 28px;
	border: 0;
	border-radius: 0;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}
#header .navbar-toggle-mypage span {
	position: absolute;
	top: 6px; left: 0;
	width: 100%;
}
#header .navbar-toggle-mypage span i {
	display: block;
	margin: 0 auto 3px auto;
	width: 26px; height: 3px;
	background-color: #fff;
}

/*============================================================
	[ヘッダー] トップナビ
*/
.header-top-nav {
	display: none;
	overflow: hidden;
	position: fixed;
	z-index: 1100;
	top: 0; left: 0;
	width: 100%; height: 0;
	background-color: rgba(0,0,0,0.5);
}
.header-top-nav:before {
	content: '';
	display: block;
	width: 100%; height: 58px;
	background-color: #252526;
}
.header-top-nav a {
	color: #fff;
}
.header-top-nav ul {
	padding: 15px;
	background-color: #464648;
}
.header-top-nav ul li {
	padding: 5px;
	line-height: 1.5;
}
/* 閉じるボタン */
.header-top-nav .top-nav-close {
	position: absolute;
	top: 3px; right: 3px;
	display: block;
	padding: 12px 12px;
	font-size: 28px;
	line-height: 1;
	color: #fff !important;
}
.header-top-nav .top-nav-close:hover {
	opacity: 0.6;
}

/*============================================================
	[ヘッダー] 基本パターン
*/
#header .header-static {
	border-bottom: 3px solid #0095d3;
	color: #fff;
}
#header .header-static .container {
	position: relative;
	height: 103px;
}

/*============================================================
	[ヘッダー] マイページ用
*/
#header .header-mypage {
	color: #fff;
}
#header .header-mypage .container {
	position: relative;
	height: 74px;
}
#header .header-mypage .logo {
	top: 28px; left: 15px;
	width: 110px;
}

/*============================================================
	[ナビゲーション] 共通
*/
#header .header-nav {
	color: #fff;
}
#header .header-nav .container {
	padding: 0 15px;
}
#header .header-nav nav {
	display: table;
}
#header .header-nav nav ul {
	display: table;
}
#header .header-nav nav ul li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.2;
	white-space: nowrap;
}
#header .header-nav nav ul li a {
	display: table;
	text-decoration: none;
	color: #fff;
}
#header .header-nav nav ul li a span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 14px;
	height: 36px;
}
#header .header-nav nav ul li a span br {
	display: none;
}
#header .header-nav nav ul li.nav-register {
	padding: 0 0 0 14px;
}
#header .header-nav nav ul li.nav-register a {
	border-radius: 4px;
	background: #62a139;
}
#header .header-nav nav ul li.nav-register a span {
	padding: 0 10px;
	height: 28px;
}
/* ホバー */
#header .header-nav ul.nav li a:hover {
	background: #666666;
}
#header .header-nav ul.nav li.nav-register a:hover {
	background: #76c14d;
}
/* カレント */
.page-home #header .header-nav ul.nav li.nav-home a,
.page-about #header .header-nav ul.nav li.nav-about a,
.page-program #header .header-nav ul.nav li.nav-program a,
.page-showcase #header .header-nav ul.nav li.nav-showcase a,
.page-lab #header .header-nav ul.nav li.nav-lab a,
.page-faq #header .header-nav ul.nav li.nav-faq a,
.page-map #header .header-nav ul.nav li.nav-map a,
.page-sponsor #header .header-nav ul.nav li.nav-sponsor a {
	background: #1a1a1a;
}
/* 展開状態 */
#header .header-nav ul.opened li.nav-home a,
#header .header-nav ul.opened li.nav-about a,
#header .header-nav ul.opened li.nav-program a,
#header .header-nav ul.opened li.nav-showcase a,
#header .header-nav ul.opened li.nav-lab a,
#header .header-nav ul.opened li.nav-faq a,
#header .header-nav ul.opened li.nav-map a,
#header .header-nav ul.opened li.nav-sponsor a {
	background: transparent !important;
}
#header .header-nav ul.opened li.nav-home a:hover,
#header .header-nav ul.opened li.nav-about a:hover,
#header .header-nav ul.opened li.nav-program a:hover,
#header .header-nav ul.opened li.nav-showcase a:hover,
#header .header-nav ul.opened li.nav-lab a:hover,
#header .header-nav ul.opened li.nav-faq a:hover,
#header .header-nav ul.opened li.nav-map a:hover,
#header .header-nav ul.opened li.nav-sponsor a:hover {
	background: #666666 !important;
}
#header .header-nav ul.opened li.opened a,
#header .header-nav ul.opened li.opened a:hover {
	background: #1a1a1a !important;
}

/* トグルボタン */
#header .navbar-toggle {
	display: none;
	position: relative;
	width: 100%; height: 28px;
	background-color: #000;
	border: 0;
	border-radius: 0;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	cursor: pointer;
}
#header .navbar-toggle span {
	position: absolute;
	top: 6px; left: 0;
	width: 100%;
}
#header .navbar-toggle span i {
	display: block;
	margin: 0 auto 3px auto;
	width: 26px; height: 3px;
	background-color: #fff;
}

/*============================================================
	[ナビゲーション] 下層
*/
#header .subnav {
	position: relative;
	overflow: hidden;
	width: 100%; height: 0;
	background-color: #1a1a1a;
	color: #fff;
}
#header .subnav .container {
	padding-top: 30px;
	padding-bottom: 30px;
}
#header .subnav a {
	color: #ffffff;
}
#header .subnav .subnav-close {
	display: none;
}
#header .subnav .h {
	margin-bottom: 5px;
	font-size: 18px;
	line-height: 1.5;
}
#header .subnav .h a {
	display: inline-block;
	position: relative;
	text-decoration: none;
}
#header .subnav .h a:hover {
	text-decoration: underline;
}
#header .subnav .h a i {
	padding-right: 5px;
	font-size: 18px;
	line-height: 1.5;
}
#header .subnav .text {
	padding-top: 5px;
	padding-left: 20px;
	font-size: 12px;
	line-height: 1.5;
}
#header .subnav ul {
	margin: 0 -10px;
	padding: 5px 0 0 22px;
}
#header .subnav ul li {
	padding: 5px 10px;
	font-size: 16px;
	line-height: 1.5;
}
#header .subnav ul li a {
	display: inline-block;
	position: relative;
	padding-left: 15px;
	text-decoration: none;
}
#header .subnav ul li a i {
	position: absolute;
	top: 5px; left: 0;
	font-size: 14px;
	line-height: 1;
}
#header .subnav ul li ul {
	padding: 10px 0 0 18px;
}
#header .subnav ul li ul li {
	padding: 3px 10px;
	font-size: 14px;
	line-height: 1.5;
}
#header .subnav ul li ul li a i {
	top: 3px;
}
#header .subnav ul li a:hover span {
	text-decoration: underline;
}
/* セッション一覧 */
#header .subnav-program ul li {
	float: left;
	width: 25%;
}
/* SOLUTIONS SHOWCASE */
#header .subnav-showcase ul li ul li {
	float: left;
	width: 33.333%;
}
#header .subnav-showcase .nav01 {
	float: left;
	width: 25%;
}
/* ONLINE資料 */
#header .subnav-resource ul li {
	float: left;
	width: 33.333%;
}
#header .subnav-showcase .nav02 {
	float: left;
	width: 78%;
}
/* VMware ハンズオンラボ */
#header .subnav-lab ul li {
	float: left;
	width: 25%;
}

/*============================================================
	[ナビゲーション] マイページ用
*/
#header .header-nav-mypage {
	background-color: #fff;
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.15);
}
#header .header-nav-mypage nav a {
	text-decoration: none;
}
#header .header-nav-mypage nav ul.nav {
	display: block;
	width: auto;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
#header .header-nav-mypage nav ul.nav li {
	display: block;
	position: relative;
	float: left;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.2;
	white-space: nowrap;
}
#header .header-nav-mypage nav ul.nav li .root a {
	display: table;
	text-align: center;
	color: #707070;
}
#header .header-nav-mypage nav ul.nav li .root a:hover {
	background: #f4f6f8;
}
#header .header-nav-mypage nav ul.nav li .root a span {
	display: table-cell;
	vertical-align: middle;
	padding: 0 14px;
	height: 46px;
}
#header .header-nav-mypage nav ul.nav li .root a span br {
	display: none;
}
#header .header-nav-mypage nav ul.nav .child {
	overflow: hidden;
	position: absolute;
	z-index: 1001;
	top: 100%; left: 0;
	margin: 1px -10px 0 -10px;
	padding: 0 10px 0 10px;
	height: 0;
}
#header .header-nav-mypage nav ul.nav .child ul {
	position: relative;
	margin: 0 0 10px 0;
	background-color: #fff;
	box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.15);
}
#header .header-nav-mypage nav ul.nav .child ul li {
	float: none;
}
#header .header-nav-mypage nav ul.nav .child ul li a {
	display: block;
	padding: 10px 20px;
	color: #707070;
}
/* ホバー */
#header .header-nav-mypage nav ul.nav .child ul li a:hover {
	background: #0095d3;
	color: #fff;
}
/* カレント */
.page-mypage-home #header .header-nav-mypage nav ul.nav li.nav-home .root a,
.page-mypage-ticket #header .header-nav-mypage nav ul.nav li.nav-ticket .root a,
.page-mypage-program #header .header-nav-mypage nav ul.nav li.nav-program .root a,
.page-mypage-map #header .header-nav-mypage nav ul.nav li.nav-map .root a,
.page-mypage-resource #header .header-nav-mypage nav ul.nav li.nav-resource .root a,
.page-mypage-video #header .header-nav-mypage nav ul.nav li.nav-video .root a,
.page-mypage-lab #header .header-nav-mypage nav ul.nav li.nav-lab .root a,
.page-mypage-apply #header .header-nav-mypage nav ul.nav li.nav-apply .root a,
.page-mypage-register #header .header-nav-mypage nav ul.nav li.nav-register .root a,
.page-mypage-logout #header .header-nav-mypage nav ul.nav li.nav-logout .root a {
	background: #0095d3 !important;
	color: #fff;
}
/* LINE */
#header .header-nav-mypage nav .social {
	display: none;
}

/*============================================================
	[フッター] 共通
*/
#footer {
	padding: 40px 0;
	color: #fff;
}
#footer a {
	color: #fff !important;
}
#footer .notes li {
	line-height: 1.5;
}
#footer .contact {
	margin: 30px 0 0 0;
}
#footer .contact dl {
	font-size: 16px;
}
#footer .contact dl dt,
#footer .contact dl dd {
	display: inline;
	font-weight: normal;
}
#footer .contact dl dd {
	padding: 0 0 0 1em;
}
#footer .copyright {
	margin: 20px 0 0 0;
}
#footer .copyright p,
#footer .copyright ul,
#footer .copyright ul li {
	display: inline;
	font-weight: normal;
}
#footer .copyright ul li {
	padding: 0 0 0 2em;
}
#footer .footer {
	margin: 40px 0 0 0;
	padding: 40px 0 0 0;
	border-top: 3px solid #0095d3;
}
#footer .vmware {
	width: 170px;
}
#footer .vmware a {
	display: block;
}
#footer .vmware img {
	display: block;
	width: 100%;
}

/*============================================================
	[汎用] コンテンツ枠
*/
section {
	padding-top: 106px;
	background: #fff;
}
.page-home section,
.page-about section,
.page-program section,
.page-showcase section,
.page-lab section,
.page-faq section,
.page-map section,
.page-sponsor section {
	padding-top: 142px;
}
.page-mypage section {
	padding-top: 120px;
}
.page-static section {
	padding-top: 106px;
}
.content {
	padding: 40px 0 100px 0;
}

/*============================================================
	[汎用] ページの先頭へ
*/
.pagetop {
	display: none;
	position: fixed;
	z-index: 20;
	bottom: 25px; right: 15px;
	
}
.pagetop a {
	display: block;
	width: 60px; height: 60px;
	background-color: rgba(0,0,0,0.5);
	text-decoration: none !important;
	text-align: center;
	color: #fff !important;
	-webkit-transition: all 0.3s ease;
	        transition: all 0.3s ease;
}
.pagetop i {
	display: block;
	padding-top: 5px;
	font-size: 30px;
	line-height: 1;
}
.pagetop span {
	display: block;
	padding-top: 5px;
	font-size: 12px;
	line-height: 1;
}

/*============================================================
	[汎用] パン屑
*/
.breadcrumb {
	margin: 0;
	padding: 10px 0;
	border-radius: 0;
	background: #fff;
	border-bottom: 1px solid #ccc;
	line-height: 1.5;
	color: #afafaf;
}
.breadcrumb ul:after {
	content: '';
	display: block;
	clear: both;
}
.breadcrumb ul li {
	float: left;
}
.breadcrumb ul li span:before {
	content: '＞';
	display: inline;
	padding: 0 0.2em;
}
.breadcrumb ul li:first-child span:before {
	display: none;
}
.breadcrumb a {
	color: #0093d1;
}

/*============================================================
	[汎用] ソーシャル
*/
.layout-social {
	padding: 40px 0 60px 0;
	background: #717074;
}
/* ボタン */
.social-btn-content {
	margin: 30px 0 0 0;
}
.social-btn-content ul {
	display: table;
}
.social-btn-content ul li {
	display: table-cell;
	vertical-align: top;
	padding: 0 5px;
	line-height: 1;
}
.social-btn ul:after {
	content: '';
	display: block;
	clear: both;
}
.social-btn ul li {
	float: left;
	padding-right: 10px;
	height: 30px;
	line-height: 1;
}
.social-btn ul li.line-tokyo,
.social-btn ul li.line-osaka {
	display: none;
}
.page-tokyo .social-btn ul li.line-tokyo {
	display: block;
}
.page-osaka .social-btn ul li.line-osaka {
	display: block;
}
/* インスタグラム */
.social-btn .instagram {
	color: #FFF;
	border-radius: 2px;
	position: relative;
	display: inline-block;
	height: 20px; width: 80px;
	text-align: left;
	font-size: 11px;
	line-height: 16px;
	vertical-align: middle;
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	overflow: hidden;
	text-decoration:none;
}
.social-btn .instagram:before {
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
	background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}
.social-btn .instagram .fa-instagram {
	font-size: 16px;
	line-height: 1;
	position: relative;
	top: 2px;
	padding-left: 4px;
}
.social-btn .instagram span {
	display:inline-block;
	position: relative;
	padding-left: 4px;
	transition: .5s
}
.social-btn .instagram:hover span {
	-webkit-transform: rotateX(360deg);
	-ms-transform: rotateX(360deg);
	transform: rotateX(360deg);
}
/* ウィジェット */
.social-widget {
	margin: 30px 0 0 0;
}
.social-widget:after {
	content: '';
	display: block;
	clear: both;
}
.social-widget .facebook {
	float: left;
	width: 500px; height: 300px;
}
.social-widget .twitter {
	float: right;
	width: 620px; height: 300px;
}

/*============================================================
	[汎用] ソーシャル その2
*/
.layout-social-info {
	margin: 40px 0 0 0;
	padding: 20px 20px 30px 20px;
	border: 1px solid #97d3eb;
	border-radius: 4px;
	text-align: center;
}
.layout-social-info .h {
	margin: 0 0 20px 0;
	font-size: 16px;
	line-height: 1.4;
}
.layout-social-info .h br {
	display: none;
}
.layout-social-info .wrap,
.layout-social-info ul li dl {
	display: table;
	margin: 0 auto;
}
.layout-social-info ul,
.layout-social-info ul li,
.layout-social-info ul li dl dt,
.layout-social-info ul li dl dd {
	display: table-cell;
	vertical-align: middle;
}
.layout-social-info ul {
	padding: 0 10px;
}
.layout-social-info ul li {
	padding: 0 20px;
	font-size: 0;
	line-height: 0;
}
.layout-social-info ul li dl dt,
.layout-social-info ul li dl dd {
	padding: 0 5px;
	font-size: 14px;
	line-height: 1.5;
}
/* インスタグラム */
.layout-social-info .instagram {
	color: #FFF;
	border-radius: 4px;
	position: relative;
	display: inline-block;
	height: 28px; width: 110px;
	text-align: left;
	font-size: 14px;
	line-height: 16px;
	vertical-align: middle;
	background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
	overflow: hidden;
	text-decoration:none;
}
.layout-social-info .instagram:before {
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	background: -webkit-linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
	background: linear-gradient(15deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}
.layout-social-info .instagram .fa-instagram {
	font-size: 19px;
	line-height: 1;
	position: relative;
	top: 4px;
	padding-left: 8px;
}
.layout-social-info .instagram span {
	display:inline-block;
	position: relative;
	top: 2px;
	padding-left: 8px;
	transition: .5s
}
.layout-social-info .instagram:hover span {
	-webkit-transform: rotateX(360deg);
	-ms-transform: rotateX(360deg);
	transform: rotateX(360deg);
}

/*============================================================
	[汎用] レイアウト
*/
.layout-block {
	margin-bottom: 80px;
}
.layout-block:last-child {
	margin-bottom: 0;
}

/*============================================================
	[汎用] カラムレイアウト
*/
.layout-col-2,
.layout-col-3,
.layout-col-4 {
	margin-left: -15px;
	margin-right: -15px;
}
.layout-col-2:after,
.layout-col-3:after,
.layout-col-4:after {
	content: '';
	display: block;
	clear: both;
}
.layout-col-2 .col,
.layout-col-3 .col,
.layout-col-4 .col,
ul.layout-col-2 li,
ul.layout-col-3 li,
ul.layout-col-4 li {
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}
.layout-col-2 .col, ul.layout-col-2 li {
	width: 50%;
}
.layout-col-3 .col, ul.layout-col-3 li {
	width: 33.333%;
}
.layout-col-4 .col, ul.layout-col-4 li {
	width: 25%;
}
/* サイドナビ */
.layout-side-nav {
	margin-top: 60px;
}
.layout-side-nav .wrapper {
	display: table;
	width: 100%;
}
.layout-side-nav .column {
	display: table-cell;
	vertical-align: top;
	padding-right: 30px;
}
.layout-side-nav .side-nav {
	display: table-cell;
	vertical-align: top;
	width: 270px;
}

/*============================================================
	[汎用] スクロールフレーム
*/
.frame-scroll {
	overflow-y: auto;
	padding-right: 10px;
	-webkit-overflow-scrolling: touch;
	        overflow-scrolling: touch;
}

/*============================================================
	[汎用] 見出し
*/
.h1 {
	font-size: 36px;
	line-height: 1.3;
}
.h2 {
	font-size: 28px;
	line-height: 1.3;
}
.h3 {
	font-size: 24px;
	line-height: 1.4;
}
.h4 {
	font-size: 18px;
	line-height: 1.4;
}
.h-small {
	font-size: 16px;
	line-height: 1.6;
}
/* 中見出し */
.subhead {
	text-align: center;
}
.subhead-border {
	padding: 0 0 15px 0;
	border-bottom: 1px solid #ccc;
}
.subhead .note {
	margin: 20px 0 10px 0;
}
.subhead-fill,
.subhead-fill-primary {
	padding: 5px 10px;
	background-color: #5d5d5d;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.5;
	color: #fff;
}
.subhead-fill-primary {
	background-color: #f4f6f8;
	color: #565656;
}
/* 背景ボーダー */
.subhead-back-border {
	position: relative;
}
.subhead-back-border:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%; left: 0;
	width: 100%; height: 2px;
	background-color: #dee2e6;
}
.subhead-back-border span {
	position: relative;
	display: table;
	padding-right: 1em;
	background-color: #fff;
}
/* エラー見出し */
.h-error {
	margin: 40px 0 0 0;
	text-align: center;
	font-size: 24px;
	line-height: 1.3;
	color: #f00;
}
.h-error span {
	display: inline-block;
	position: relative;
	padding-left: 1.5em;
}
.h-error i {
	position: absolute;
	top: 0; left: 0;
	font-size: 120%;
	line-height: 1.2;
}
/* レイアウト */
.layout-head {
	margin: 0 0 40px 0;
	padding: 10px 0 0 0;
	text-align: center;
}
.layout-head .h3:first-child,
.layout-head .h4:first-child {
	margin: 0 0 10px 0;
}
.layout-head-secondary {
	padding: 18px 0 15px 0;
	background-color: #f4f6f8;
	border-bottom: 1px solid #e3e3e3;
}
.layout-head-secondary .h {
	font-size: 18px;
	line-height: 1.5;
}
.layout-head-secondary .h i {
	position: relative;
	top: 0.1em;
	padding-right: 0.4em;
	font-size: 122%;
}

/*============================================================
	[汎用] ボタン
*/
.btn {
	display: block;
	padding: 8px 20px;
	min-width: 180px;
	width: 100%;
	border: 0;
	border-radius: 5px;
	text-align: center;
	white-space: normal;
	font-weight: normal;
}
.btn span {
	position: relative;
	display: inline-block;
	font-style: normal;
	font-size: 16px;
	line-height: 1.5;
}
.btn span i {
	position: relative;
	display: inline-block;
	padding: 0 0 0 0.2em;
	font-size: 108%;
}
.btn-doc span {
	padding-right: 1.6em;
}
.btn-doc span i {
	position: absolute;
	top: 50%; right: 0;
	margin-top: -0.5em;
	font-size: 128%;
	line-height: 1;
}
/* 形状：ボーダー */
.btn-border {
	border: 1px solid #b7b7b7;
	color: #717074;
}
.btn-border.focus, .btn-border:focus, .btn-border:hover {
	background: #efefef !important;
	color: #5d5d5d !important;
}
.btn-border-primary {
	border: 1px solid #0095D3;
	color: #0095D3;
}
.btn-border-primary.focus, .btn-border-primary:focus, .btn-border-primary:hover {
	background: #cceaf6 !important;
}
.btn-border-white {
	border: 1px solid #fff;
	color: #fff;
}
/* 形状：塗りつぶし */
.btn-fill-primary {
	background-color: #61a339;
}
.btn-fill-primary.focus, .btn-fill-primary:focus, .btn-fill-primary:hover {
	background-color: #81b561;
}
.btn-fill-primary span {
	color: #fff;
}
.btn-fill-blue {
	background-color: #0095D3;
}
.btn-fill-blue.focus, .btn-fill-blue:focus, .btn-fill-blue:hover {
	background-color: #32a6d5;
}
.btn-fill-blue span {
	color: #fff;
}
.btn-fill-black {
	background-color: #666;
}
.btn-fill-black.focus, .btn-fill-black:focus, .btn-fill-black:hover {
	background-color: #888;
}
.btn-fill-black span {
	color: #fff;
}
/* サイズ：大 */
.btn-lg {
	padding: 8px 10px;
}
.btn-lg span {
	font-size: 24px;
}
/* レイアウト */
.layout-btn-col2 .in {
	margin: 0 -15px;
}
.layout-btn-col2 .in:after {
	content: '';
	display: block;
	clear: both;
}
.layout-btn-col2 .in .col {
	float: left;
	padding: 0 15px;
	width: 50%;
}

/*============================================================
	[汎用] リスト
*/
/* 基本 */
ul.list-primary {
}
ul.list-primary li {
	margin: 30px 0 0 0;
	font-weight: normal;
	line-height: 1.7;
}
/* 1文字インデント */
ul.list-indent-word li {
	padding: 0 0 0 1em;
	text-indent: -1em;
	line-height: 1.7;
}
ul.list-indent-word li:first-letter {
	font-family: sans-serif;
}
/* 丸付き */
ul.list-circle li {
	position: relative;
	padding: 0 0 0 1em;
	line-height: 1.7;
}
ul.list-circle li i {
	position: absolute;
	top: 0; left: 0;
	font-size: 60%;
	line-height: 2.9;
}
/* 丸付きサイズ大 */
ul.list-circle-lg {
	font-size: 16px;
}

/*============================================================
	[汎用] フォーム
*/
input[type="text"],
input[type="number"],
input[type="tel"],
input[type="email"],
input[type="password"] {
	height: 34px;
	border: 1px solid #b3b3b3 !important;
	border-radius: 5px;
	padding: 0px 8px;
	font-size: 14px;
	line-height: 1.7;
}
.input-lg input {
	height: 40px;
	font-size: 16px;
	line-height: 1.7;
}
textarea {
	padding: 0px 8px;
	height: 80px;
	border: 1px solid #b3b3b3 !important;
	font-size: 14px !important;
	line-height: 1.7;
	resize: none;
}
select {
	height: 34px !important;
	margin: 0;
	padding: 0px 26px 0px 8px !important;
	background: #fff url(../img/form_parts_select.png) 100% 50% no-repeat;
	-webkit-background-size: 1000px 50px;
	background-size: 1000px 50px;
	border: 1px solid #b3b3b3;
	border-radius: 5px;
	font-size: 14px !important;
	-webkit-appearance: none;
	appearance: none;
}
select::-ms-expand {
	display: none;
}
select[disabled] {
	opacity: 0.5;
	cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
	display: inline-block;
	margin-top: 3px;
	width: 16px; height: 16px;
	line-height: 1;
	cursor: pointer;
	outline: 0;
	vertical-align: top;
	-webkit-appearance: none;
	appearance: none;
}
input[type="checkbox"] {
    width: 16px; height: 16px;
	background: transparent url(../img/form_parts_checkbox.png) 0 0 no-repeat;
	-webkit-background-size: 16px 32px;
	background-size: 16px 32px;
}
input[type="checkbox"]:checked {
	background-position: 0 -16px;
}
input[type="radio"] {
    width: 16px; height: 16px;
	background: transparent url(../img/form_parts_radio.png) 0 0 no-repeat;
	-webkit-background-size: 16px 32px;
	background-size: 16px 32px;
}
input[type="radio"]:checked {
	background-position: 0 -16px;
}
input[type="checkbox"][disabled],
input[type="radio"][disabled] {
	opacity: 0.5;
	cursor: default;
}
/**/
textarea.has-error,
input.has-error {
	background-color: #ffe8e8;
	border-color: #c00 !important;
}
.form span.alert {
	display: block;
	margin: 5px 0 0 0;
	padding: 0;
	line-height: 1.5;
	color: #f00;
}
.form tr.has-error th,
.form tr.has-error td {
	background-color: #ffe8e8 !important;
}
/**/
.form i.must,
.form i.opt {
	display: inline-block;
	padding: 5px 1em;
	color: #fff;
	font-weight: normal !important;
	font-size: 14px;
	font-style: normal;
	line-height: 1;
}
.form i.must {
	background-color: #f00;
}
.form i.opt {
	background-color: #717074;
}
.form .checkbox,
.form .form-group {
	display: inline-block;
}
.form th,
.form td {
	padding: 0;
	vertical-align: top;
	border: 0;
}
.form th {
	font-weight: normal;
}
.form-control::-webkit-input-placeholder {
    color: #ccc;
}
.form-control::-moz-placeholder {
    color: #ccc;
}
.form-control:-moz-placeholder {
    color: #ccc;
}
.form-control:-ms-input-placeholder {
    color: #ccc;
}
/* IMEモード */
.ime-auto     { ime-mode: auto; }
.ime-active   { ime-mode: active; }
.ime-inactive { ime-mode: inactive; }
.ime-disabled { ime-mode: disabled; }

/*============================================================
	[モーダル] 共通
*/
.modal-overlay {
	display: none;
	position: fixed;
	z-index: 9998;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,0.26);
}
.modal-window {
	display: none;
	position: absolute;
	z-index: 9999;
	top: 0; left: 0;
	padding: 0 15px;
	width: 100%; height: 0;
}
.modal-window .modal-wrap {
	position: relative;
	overflow: hidden;
	width: 100%;
	border-radius: 10px;
	background: #ffffff;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.4);
	   -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.4);
	        box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.4);
}
.modal-window iframe {
	overflow: hidden;
	width: 100%; height: 100%;
	border: 0;
}
/* 外部htmlのbody */
.modal-body {
	overflow: hidden;
	padding: 0;
	background: #ffffff;
}
.modal-body .content {
	padding: 0;
	min-height: 1px;
}
/* 見出し */
.modal-head {
	padding: 40px 0 0 0;
	text-align: center;
}
.modal-head .h {
	font-size: 21px;
	line-height: 1.3;
}
/* 閉じるボタン */
.modal-btn-close {
	position: absolute;
	top: 0; right: 0;
	display: block;
	padding: 12px 12px;
	font-size: 28px;
	line-height: 1;
}
.modal-btn-close:hover {
	opacity: 0.6;
}

/*============================================================
	[モーダル] チップ
*/
.modal-tip-overlay {
	display: none;
	position: fixed;
	z-index: 9988;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,0.26);
}
.modal-tip-box {
	display: none;
	position: absolute;
	z-index: 9989;
	top: 0; left: 0;
	max-width: 600px;
}
.modal-tip-box .base {
	position: relative;
	padding: 30px;
	border-radius: 10px;
	background-color: #fff;
	border: 1px solid #fff;
	-webkit-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.4);
	   -moz-box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.4);
	        box-shadow: 0px 0px 16px 0px rgba(0,0,0,0.4);
}
.modal-tip-box .base p {
	line-height: 1.5;
}
.modal-tip-box .base .title {
	font-weight: normal;
	font-size: 16px;
}
.modal-tip-box .base .text {
	margin: 10px 0 0 0;
}
.modal-tip-box .base .link {
	margin-top: 20px;
}
.modal-tip-box .base .tip-close {
	position: absolute;
	top: 0; right: 0;
	display: block;
	padding: 12px 12px;
	font-size: 28px;
	line-height: 1;
}
.modal-tip-box .base .tip-close:hover {
	opacity: 0.6;
}
/* テーマ */
.modal-tip-box-black .base {
	background-color: rgba(0,0,0,0.72);
	color: #fff;
}
.modal-tip-box-black .base .btn {
	border-color: #fff;
	color: #fff;
}
.modal-tip-box-black .base .btn.focus,
.modal-tip-box-black .base .btn:focus,
.modal-tip-box-black .base .btn:hover {
	background: rgba(255,255,255,0.2) !important;
}

/*============================================================
	[モーダル] イメージ
*/
.modal-image-overlay {
	display: none;
	position: fixed;
	z-index: 9000;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,0.26);
}
.modal-image-window {
	display: none;
	position: absolute;
	z-index: 9001;
	top: 0; left: 0;
	padding: 0 10px;
	width: 100%;
}
.modal-image-window .modal-image-wrap {
	width: 100%; height: 100%;
}
.modal-image-window .modal-image-content {
	clear: both;
	width: 100%; height: 100%;
	border: 10px solid #ffffff;
}
.modal-image-window .modal-image-content img {
	display: inline;
	width: 100%; height: auto;
	border: 0;
}
/* 閉じるボタン */
.modal-image-window .modal-image-close {
	position: absolute;
	top: 10px; right: 20px;
	display: block;
	padding: 12px 12px;
	font-size: 28px;
	line-height: 1;
	color: #fff !important;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.7);
}
.modal-image-window .modal-image-close:hover {
	opacity: 0.6;
}

/*============================================================
	[モーダル] ビデオ
*/
.modal-video-overlay {
	display: none;
	position: fixed;
	z-index: 9000;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,0.67);
}
.modal-video-window {
	display: none;
	position: absolute;
	z-index: 9001;
	top: 0; left: 50%;
	margin-left: -350px;
	padding: 0 10px;
	width: 700px;
}
@media screen and (max-width: 700px) {
	.modal-video-window {
		left: 0;
		margin: 0;
		width: 100%;
	}
}
.modal-video-window .modal-video-wrap {
	width: 100%; height: 100%;
}
/* 閉じるボタン */
.modal-video-window .modal-video-close {
	display: table;
	position: absolute;
	top: -50px; right: 10px;
	padding: 10px 12px;
	font-size: 28px;
	line-height: 1;
	color: #fff !important;
	text-shadow: 0px 0px 3px rgba(0,0,0,0.7);
}
.modal-video-window .modal-video-close:hover {
	opacity: 0.6;
}

/*============================================================
	[モーダル] フォーム
*/
.modal-teaser-overlay {
	display: none;
	position: fixed;
	z-index: 9998;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,0.26);
}
.modal-teaser-window {
	display: none;
	position: absolute;
	z-index: 9999;
	top: 0; left: 0;
	padding: 0 10px;
	width: 100%;
	box-sizing: border-box;
}
.modal-teaser-window .modal-teaser-wrap {
	width: 100%; height: 100%;
}
.modal-teaser-window iframe {
	width: 100%; height: 100%;
	border: 0;
}
.modal-teaser-window .modal-teaser-close {
	position: absolute;
	top: 5px; right: 15px;
	display: block;
	padding: 12px 12px;
	font-size: 28px;
	line-height: 1;
	color: #000;
}
.modal-teaser-window .modal-teaser-close:hover {
	opacity: 0.6;
}

/*============================================================
	[登録] メールアドレスの入力
*/
.register-email-form .table {
	margin-top: 20px;
}
.register-email-form .table th {
	padding: 18px 30px 18px 0;
	width: 280px;
	white-space: nowrap;
	font-size: 16px;
	line-height: 1.6;
}
.register-email-form .table td {
	padding: 10px 0;
}
.register-email-form .table th p {
	position: relative;
}
.register-email-form .table th p i {
	position: absolute;
	top: 0; right: 0;
}

/*============================================================
	[登録] モーダル：メールアドレス登録済み
*/
.modal-registered {
	padding: 30px;
	text-align: center;
}
.modal-registered .h {
	margin-bottom: 20px;
	font-size: 21px;
	line-height: 1.5;
}
.modal-registered .btn {
	margin-top: 30px;
}

/*============================================================
	[登録] メールアドレスの確認
*/
.register-email-confirm {
	margin: 40px 0;
}
.register-email-confirm dl {
	padding: 30px;
	background-color: #e2eed8;
	text-align: center;
	font-size: 16px;
}
.register-email-confirm dl dt {
	font-weight: 500;
}
.register-email-confirm dl dd {
	margin: 20px 0 0 0;
	font-weight: normal;
	word-break: break-all;
}

/*============================================================
	[登録] 完了していません
*/
.register-incomplete {
}
.register-incomplete .h {
	display: table;
	margin: 0 auto;
	border: 1px solid #f00;
	text-align: center;
	padding: 5px 2em;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.4;
	color: #f00;
}

/*============================================================
	[登録] ご注意
*/
.register-attention {
	padding: 15px 0;
	background-color: #fcf7e4;
	font-weight: normal;
	color: #876d40;
}
.register-attention .in {
	display: table;
}
.register-attention .in div {
	display: table-cell;
	vertical-align: middle;
	padding: 0 30px;
}
.register-attention .in div:first-child {
	padding-right: 0;
}
.register-attention .in i {
	font-size: 50px;
	line-height: 1;
}

/*============================================================
	[登録] 注釈
*/
.register-notes .h {
	margin: 30px 0 10px 0;
	padding: 0 0 5px 0;
	border-bottom: 1px solid #ccc;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.5;
}
.register-notes ul li {
	position: relative;
	padding: 0 0 0 1.6em;
	line-height: 1.9;
}
.register-notes ul li i {
	display: block;
	position: absolute;
	top: 0; left: 0;
	line-height: 1.9;
	color: #575757;
}

/*============================================================
	[登録] プライバシー
*/
.register-privacy {
	margin: 40px 0;
	padding: 25px 30px;
	background-color: #eaf8ff;
}
.register-privacy .h {
	margin: 0 0 10px 0;
	font-weight: normal;
	font-size: 16px;
}

/*============================================================
	[登録] 流れ
*/
.register-steps {
	margin-bottom: 30px;
}
.register-steps ul {
	margin: 0 -5px;
}
.register-steps ul:after {
	content: '';
	display: block;
	clear: both;
}
.register-steps ul li {
	float: left;
	padding: 0 5px;
	text-align: center;
}
.register-steps ul li p {
	padding: 8px 0;
	background-color: #d6d6d6;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
}
.register-steps ul li.current p {
	background-color: #29a8df;
}
.register-steps ul.steps-3 li {
	width: 33.333%;
}
.register-steps ul.steps-4 li {
	width: 25%;
}

/*============================================================
	[登録] 招待コード
*/
.register-code {
	margin-top: 50px;
}
.register-code .form {
	padding: 15px 10px 10px 10px;
	background-color: #d0eaf2;
	text-align: center;
	line-height: 1.5;
	color: #003d79;
}
.register-code .form p {
	font-weight: normal;
	font-size: 16px;
}
.register-code .form .code {
	padding: 2px 0 0 0;
	font-weight: normal;
	font-size: 20px;
}
.register-code .form .input-lg {
	font-weight: normal;
	font-size: 22px;
}
.register-code .form .input-lg .form-control {
	display: block;
	margin: 12px auto;
	width: 380px;
	text-align: center;
	font-size: 24px;
	line-height: 1.3;
}

/*============================================================
	[登録] お客様情報の入力
*/
/* フォーム */
.register-form .h {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
	font-size: 24px;
	line-height: 1.5;
}
.register-form fieldset {
	display: block;
	margin-top: 20px;
	padding: 30px 0 10px 0;
}
.register-form .table {
	width: 100%;
}
.register-form .table th,
.register-form .table td {
	border-top: 1px solid #ccc;
}
.register-form .table th {
	padding: 24px 30px 24px 2px;
	white-space: nowrap;
	width: 26%;
}
.register-form .table .th {
	padding: 8px 0 10px 0;
}
.register-form .table th p,
.register-form .table .th p {
	position: relative;
	padding-right: 4.8em;
	font-weight: normal;
	line-height: 1.5;
}
.register-form .table .th p {
	display: inline-block;
}
.register-form .table th p span,
.register-form .table .th p span {
	padding-left: 5px;
	color: #ccc;
}
.register-form .table th p i,
.register-form .table .th p i {
	position: absolute;
	top: 50%; right: 0;
	margin-top: -13px;
}
.register-form .table td {
	padding: 16px 0 16px 2px;
	width: 74%;
}
.register-form .table td .form-wrap div {
	float: left;
}
.register-form .table td input {
	margin: 0;
}
.register-form .table td select {
	width: auto;
	min-width: 160px;
}
.register-form .table td .size-full .form-control {
	width: 60%;
}
.register-form .table td .size-middle .form-control {
	width: 40%;
}
/* テキストエリア */
.register-form .table .textarea {
	margin: 5px 0 0 0;
	padding-right: 2px;
}
/* 横並びブロック */
.register-form .table td .inline {
	width: 100%;
}
.register-form .table td .inline:after {
	content: '';
	display: block;
	clear: both;
}
.register-form .table td .inline .size-middle {
	float: left;
	width: 40%;
}
.register-form .table td .inline .size-middle .form-control {
	width: 100%;
}
/* 説明のテキスト */
.register-form .table td .text {
	margin-top: 5px;
	line-height: 1.7;
	color: #8c6239;
}
.register-form .table td .inline .text {
	display: inline-block;
	padding-left: 20px;
}
/* 名前 */
.register-form .table td .name dl {
	float: left;
	padding-right: 20px;
}
.register-form .table td .name dl dt {
	float: left;
	padding-right: 10px;
	font-weight: normal;
}
.register-form .table td .name dl dt p {
	line-height: 34px;
}
.register-form .table td .name dl dd {
	float: left;
}
.register-form .table td .name dl dd input {
	width: 200px;
}
/* 法人格 */
.register-form .table td .employment {
	display: table;
	margin-top: 5px;
}
.register-form .table td .employment .col {
	display: table-cell;
	vertical-align: top;
	padding: 0 10px 0 0;
}
.register-form .table td .employment .col input {
	width: 240px;
}
/* マイページ・パスワード */
.register-form .table th.mypage-pw-conf,
.register-form .table td.mypage-pw-conf {
	border: 0;
}
.register-form .table th.mypage-pw-conf {
	padding-top: 8px;
}
.register-form .table td.mypage-pw-conf {
	padding-top: 0;
}
/* 郵便番号検索 */
.register-form .table td .zipcode dl dt {
	float: left;
	padding-right: 10px;
}
.register-form .table td .zipcode dl dt input {
	width: 200px;
}
.register-form .table td .zipcode dl dd {
	float: left;
	padding-right: 10px;
}
/* 横並びリスト */
.register-form .table .list-inline {
	width: 100%;
}
.register-form .table .list-inline ul {
	float: left;
}
.register-form .table .list-inline ul li {
	float: left;
	padding: 4px 30px 4px 0;
	line-height: 1.5;
}
.register-form .table .list-inline ul li label {
	display: inline-block;
	position: relative;
	padding-left: 20px;
}
.register-form .table .list-inline ul li input {
	position: absolute;
	top: 2px; left: 0;
	margin-top: 0;
}
.register-form .table .list-inline .alert {
	float: left;
	margin: 3px 0 0 0;
	line-height: 1.5;
}
.register-form .table .list-inline .list-row {
	clear: both;
	width: 100%;
}
.register-form .table .list-inline .list-row li {
	float: left;
	padding: 4px 0;
	width: 33.3%;
}
.register-form .table .list-inline .list-row li label {
	padding-right: 20px;
	white-space: normal;
}
.register-form .table .list-inline .list-indent {
	margin: 5px 0 15px 0;
	padding: 0 0 10px 1.5em;
	border-bottom: 1px dashed #ccc;
}
.register-form .table .list-inline .list-indent:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: 0;
}
.register-form .table .valign-middle {
	vertical-align: middle;
}
/* フォーム エラー表示 */
.register-form .th .alert {
	display: inline;
	padding-left: 8px;
}
.register-form .form-wrap span.alert {
	display: inline;
	padding-left: 20px;
	line-height: 34px;
}
.register-form .list-inline span.alert {
	margin: 0;
}
/* フォーム 住所検索ボタン */
.register-form .zipcode .btn {
	display: block;
	padding: 0;
	width: 70px;
	min-width: 1px;
	font-size: 14px;
	line-height: 32px;
	border: 1px solid #b3b3b3;
	background: #ffffff !important;
	color: #333333 !important;
}
.register-form .zipcode .btn:hover {
	background: #efefef !important;
}

/*============================================================
	[登録] 登録内容のご確認
*/
/* お客様情報 */
.register-confirm {
	margin-top: 60px;
}
.register-confirm .h {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ddd;
	font-weight: normal;
	font-size: 21px;
}
.register-confirm table {
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.register-confirm table th,
.register-confirm table td {
	padding: 12px 0;
	vertical-align: top;
	border-top: 1px solid #ddd;
	font-weight: normal;
	line-height: 1.5;
}
.register-confirm table th {
	padding-right: 30px;
	width: 50%;
	color: #a7a6a8;
}
.register-confirm table td p {
	margin: 12px 0 0 0 ;
	padding: 12px 0 0 0 ;
	border-top: 1px dashed #ddd;
}
.register-confirm table td p:first-child {
	margin: 0;
	padding: 0;
	border-top: 0;
}
/* 選択したセッション */
.register-confirm-timetable-list {
	margin-top: 20px;
}
.register-confirm-timetable-list ul li {
	margin: 15px 0 0 0;
	line-height: 1.5;
}
.register-confirm-timetable-list ul li dl dt {
	font-weight: normal;
	color: #a7a6a8;
}
.register-confirm-timetable-list ul li dl dd {
	font-weight: normal;
}

/*============================================================
	[登録] 完了表示
*/
.register-complete {
	margin-bottom: 60px;
	text-align: center;
	line-height: 1.5;
}
.register-complete .icon {
	font-size: 160px;
	line-height: 1.2;
	color: #62a339;
}
.register-complete .copy {
	margin: 20px 0;
	font-weight: normal;
	font-size: 16px;
}
.register-complete .copy:last-child {
	margin-bottom: 0;
}
.register-complete .subject {
	font-weight: normal;
	font-size: 24px;
	line-height: 1.3;
}

/*============================================================
	[プログラム] サイドナビゲーション
*/
.side-nav ul {
	background: #656565;
	color: #fff;
}
.side-nav ul li {
	font-weight: normal;
	font-size: 13px;
}
.side-nav ul li a {
	position: relative;
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	color: #fff;
}
.side-nav ul li a span {
	position: relative;
	display: block;
	padding: 0 0 0 1.5em;
}
.side-nav ul li a span i {
	position: absolute;
	top: 50%; left: 0;
	margin-top: -0.5em;
	font-size: 110%;
	color: #fff;
}
.side-nav ul li .root a {
	background: #5d5d5d;
}
.side-nav ul li .child {
	overflow: hidden;
	height: 0;
}
.side-nav ul li .child p {
	padding: 10px 15px;
	font-size: 11px;
	line-height: 1.5;
}
.side-nav ul li .child ul li a {
	padding: 8px 15px;
}
.side-nav ul li .child ul li a i {
	left: 1px;
	font-size: 96%;
}
/* ホバー＆カレント */
.side-nav ul li a:hover {
	background: #000;
}
.side-nav ul li .child ul li a:hover {
	background: #000;
}
.side-nav ul li a.current,
.side-nav ul li a.current:hover,
.page-program-datacenter .side-nav ul li .child ul .program-datacenter a,
.page-program-security .side-nav ul li .child ul .program-security a,
.page-program-digitalworkspace .side-nav ul li .child ul .program-digitalworkspace a,
.page-program-nextgentrends .side-nav ul li .child ul .program-nextgentrends a,
.page-showcase-expo .side-nav ul li .child ul .showcase-expo a,
.page-showcase-vmware .side-nav ul li .child ul .showcase-vmware a,
.page-showcase-theatre .side-nav ul li .child ul .showcase-theatre a,
.page-lab .side-nav ul li.nav-handson a {
	background: #1896d1 !important;
}
/* 展開 */
.page-program .side-nav ul .nav-program .child,
.page-showcase .side-nav ul .nav-showcase .child {
	height: auto;
}

/*============================================================
	[プログラム] タグ
*/
.program-tags {
	margin: 0 0 20px 0;
}
.program-tags .h {
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5;
}
.program-tags ul {
	margin: 0 -2px;
}
.program-tags ul:after {
	content: '';
	display: block;
	clear: both;
}
.program-tags ul li {
	float: left;
	margin: 4px 0 0 0;
	padding: 0 2px;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.5;
}
.program-tags ul li a {
	display: block;
	padding: 3px 8px 2px 8px;
	border: 1px solid #58b3de;
	border-radius: 4px;
	background-color: #def0f9;
	text-decoration: none;
}
.program-tags ul li a:hover {
	opacity: 0.7;
}

/*============================================================
	[プログラム] プログラムヘッド
*/
.program-detail-head {
	margin: 0 0 30px 0;
	padding: 0 0 40px 0;
	border-bottom: 1px solid #ccc;
}
.program-detail-head img {
	width: 100%;
}
.program-detail-head .inner {
	display: table;
	width: 100%;
}
.program-detail-head .logo,
.program-detail-head .heading {
	display: table-cell;
	vertical-align: top;
}
.program-detail-head .logo {
	padding-right: 30px;
	width: 310px;
}
.program-detail-head .company {
	margin: 0 0 15px 0;
	font-weight: normal;
	font-size: 24px;
	line-height: 1.5;
}

/*============================================================
	[プログラム] プログラムコンテンツ
*/
.program-detail-content {
	
}

/*============================================================
	[セッション] プログラムアイコン
*/
.picon p {
	position: relative;
	padding: 0 0 0 1.8em;
	font-weight: normal;
}
.picon i {
	display: block;
	position: absolute;
	top: 50%; left: 0;
	margin-top: -0.6em;
	width: 1.3em;
	font-style: normal;
	font-size: 1.3em;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	text-align: center;
	line-height: 1;
}
/* ランチ付 */
.picon .lunch {
	color: #a8957b;
}
.picon .lunch i {
	font-weight: 900;
	font-family: 'Font Awesome 5 Pro';
}
.picon .lunch i:before {
	content: "\f2e7";
}
/* スイーツ付 */
.picon .sweets {
	color: #c67c90;
}
.picon .sweets i {
	font-family: 'WebHostingHub-Glyphs';
}
.picon .sweets i:before {
	content: '\f35b';
}
/* 同時通訳 */
.picon .interpreter {
	color: #608fa5;
}
.picon .interpreter i {
	font-weight: 900;
	font-family: 'Font Awesome 5 Pro';
}
.picon .interpreter i:before {
	content: "\f025";
}

/*============================================================
	[セッション] セッションタイムテーブル
*/
/* 見出し */
.timetable-head {
	margin-top: 60px;
}
.timetable-head .h {
	text-align: center;
	font-size: 26px;
	line-height: 1.4;
}
.timetable-head .h i {
	padding-right: 0.3em;
	font-size: 122%;
}
/* タイムテーブル */
.timetable {
	position: relative;
	margin-top: 20px;
	margin-bottom: 60px;
	border-bottom: 1px solid #ccc;
}
.timetable:before,
.timetable:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	background-color: #ccc;
	width: 1px; height: 100%;
}
.timetable:before {
	right: 0;
}
.timetable:after {
	left: 0;
}
.timetable .table {
	width: 100%;
	background: #f3f5f6;
}
.timetable .col-time {
	float: left;
	padding: 10px 0;
	text-align: center;
	font-weight: normal;
	font-size: 24px;
	line-height: 1.4;
	color: #333;
}
.timetable .col-list {
	position: relative;
	float: left;
}
.timetable .col-list .line {
	position: absolute;
	top: -1px;
	left: 0; right: 0;
	overflow: hidden;
	height: 1px;
	border-top: 1px solid #ccc;
}
.timetable .box {
	position: absolute;
	z-index: 1;
	float: left;
	margin: 0 0 0 -1px;
	background: #fff;
	border: 1px solid #ccc;
	font-size: 12px;
	color: #888;
}
.timetable .box-null {
	background: transparent;
	border: 0;
}
.timetable .box .head {
	position: relative;
	padding: 2px 4px 0 4px;
	min-height: 104px;
	font-weight: normal;
	color: #fff;
}
.page-program .timetable .box .head {
	padding: 4px 4px 0 4px;
	min-height: 84px;
}
.timetable .box .head p {
	padding: 1px 0;
	width: 100%;
	line-height: 1.3;
}
.timetable .box .head .id {
	font-size: 14px;
}
.timetable .box .head .type {
	display: inline-block;
	width: auto;
	margin: 9px 0 0 0;
	padding: 2px 4px 3px 4px;
	background-color: rgba(255,255,255,0.18);
	border: 1px solid #fff;
	border-radius: 3px;
	font-size: 10px;
}
.timetable .box .head .type-nomargin {
	margin-top: 2px;
}
.timetable .box .info {
	padding: 5px;
	font-weight: normal;
}
.timetable .box .full {
	margin-bottom: 5px;
	padding: 4px 0;
	background: #9f9f9f;
	text-align: center;
	font-size: 14px;
	line-height: 1.4;
	color: #fff;
}
.timetable .box .full-presently {
	background: #ff7676;
}
.timetable .box .title {
	padding: 0 0 10px 0;
	font-size: 14px;
	line-height: 1.4;
}
.timetable .box .title a {
	display: block;
	color: #5d5d5d;
}
/* ゼネラルセッション */
.timetable .box-general {
	position: relative;
	top: -1px; left: 0;
	padding: 15px;
	line-height: 1.7;
	color: #5d5d5d;
}
.timetable .box-general .head-general:after {
	content: '';
	display: block;
	clear: both;
}
.timetable .box-general .check {
	position: static;
	float: left;
	padding: 3px 10px 0 0;
}
.timetable .box-general .time-block {
	float: left;
	margin: 0 0 10px 0;
	font-weight: normal;
}
.timetable .box-general .time-block .time {
	float: left;
	font-size: 18px;
	line-height: 1.6;
}
.timetable .box-general .time-block .full {
	float: left;
	display: table;
	margin: 0 0 0 12px;
	padding: 4px 1.5em;
}
/* 講演者リスト */
.timetable .box-general .list-portrait {
	margin-left: -10px;
	margin-right: -10px;
	width: 864px;
}
.timetable .box-general .list-portrait li {
	float: left;
	margin: 20px 0 0 0;
	padding: 0 10px;
	width: 25%;
}
.timetable .box-general .list-portrait li .image {
	margin-bottom: 10px;
	width: 70%;
}
.timetable .box-general .list-portrait li img {
	width: 100%;
}
.timetable .box-general .list-portrait li p {
	line-height: 1.5;
}
.timetable .box-general .list-portrait li .name {
	font-weight: normal;
	font-size: 16px;
}
/* TOKYO用1日目 */
.timetable.timetable-tokyo-day1 .box-general .list-portrait {
	width: 100%;
}
.timetable.timetable-tokyo-day1 .box-general .list-portrait li {
	width: 20%;
}
/* 同時通訳 */
.timetable .box-general .interpreter {
	position: relative;
	margin: 20px 0 0 0;
	padding-left: 2em;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.7;
	color: #608fa5;
}
.timetable .box-general .interpreter i {
	display: block;
	position: absolute;
	top: 0; left: 0;
	font-size: 1.6em;
	line-height: 1;
}
/* TOKYO用 */
.timetable-tokyo .col-time {
	width: 59px;
}
.timetable-tokyo .col-list {
	width: 1111px;
}
.timetable-tokyo .col-list .line {
	left: -59px;
}
.timetable-tokyo .box {
	width: 102px;
}
.timetable-tokyo-day1 .box-general {
	width: 1112px;
}
.timetable-tokyo-day2 .box-general {
	width: 911px;
}

/* OSAKA用 */
.timetable-osaka .col-time {
	width: 64px;
}
.timetable-osaka .col-list {
	width: 1106px;
}
.timetable-osaka .col-list .line {
	left: -64px;
}
.timetable-osaka .box {
	width: 159px;
}
.timetable-osaka .box-general {
	width: 949px;
}

/*============================================================
	[セッション] セッションボタン
*/
.session-btns {
	margin: 0 -5px;
}
.session-btns .in {
	display: table;
	margin: 0 auto;
}
.session-btns .in div {
	display: table-cell;
	vertical-align: top;
	padding: 0 5px;
}

/*============================================================
	[セッション] セッションカテゴリー説明
*/
.session-category {
	margin: 0 auto;
	margin-top: 50px;
	max-width: 860px;
}
.session-category img {
	width: 100%;
}
.session-category .h {
	position: relative;
	text-align: center;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.5;
}
.session-category .h:before {
	content: '';
	display: block;
	position: absolute;
	top: 50%; left: 0;
	width: 100%; height: 1px;
	background-color: #ddd;
}
.session-category .h span {
	position: relative;
	display: inline-block;
	padding: 0 1em;
	background-color: #fff;
}
.session-category .list {
	border-bottom: 1px solid #ddd;
}
.session-category .list ul li {
	float: left;
	padding: 30px 0;
	width: 25%;
	text-align: left;
}
.session-category-osaka .list ul li {
	width: 33.333%;
}
.session-category .list ul li a {
	display: block;
	text-decoration: none;
}
.session-category .list ul li a:hover {
	opacity: 0.7;
}
.session-category .list ul li dl {
	text-align: center;
}
.session-category .list ul li dl dt {
	margin: 0 auto;
	width: 54px;
}
.session-category .list ul li dl dd {
	margin: 15px 0 0 0;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.4;
}
.session-category .list ul li dl dd br {
	display: none;
}
.session-category .doc {
	margin: 15px 0 0 0;
	text-align: center;
}
.session-category .doc a {
	display: table;
	margin: 0 auto;
	font-size: 14px;
	line-height: 1.4;
	color: #717074;
}
.session-category .doc a span {
	position: relative;
	display: inline-block;
	padding-left: 22px;
}
.session-category .doc a:hover span {
	text-decoration: underline;
}
.session-category .doc a i {
	display: block;
	position: absolute;
	top: 50%; left: 0;
	margin-top: -11px;
	font-size: 19px;
	line-height: 1;
}

/*============================================================
	[セッション] プログラムリスト
*/
.session-timetable-list {
	margin-top: 20px;
}
.session-timetable-list ul li {
	padding: 12px 0 15px 0;
	border-bottom: 1px solid #e3e3e3;
	font-weight: normal;
	line-height: 1.6;
}
.session-timetable-list .time {
	display: inline-block;
	margin: 0 1em 0 0;
	font-size: 12px;
}
.session-timetable-list .category {
	display: inline-block;
	margin: 0 1em 0 0;
	font-size: 12px;
}
.session-timetable-list .category i {
	display: inline-block;
	vertical-align: text-bottom;
	margin: 0 0.3em 0 0;
	font-size: 134%;
	color: #b2b2b2;
}
.session-timetable-list .full {
	display: inline-block;
	padding: 0 0.5em;
	background: #9f9f9f;
	font-size: 12px;
	color: #fff;
}
.session-timetable-list .link {
	margin: 5px 0 0 0;
	line-height: 1.5;
}

/*============================================================
	[セッション] プログラムヘッド
*/
.session-detail-head {
	margin: 0 0 30px 0;
	padding: 0 0 40px 0;
	border-bottom: 1px solid #ccc;
}
.session-detail-head .info {
	margin: 0 0 30px 0;
	font-weight: normal;
}
.session-detail-head .info:after {
	content: '';
	display: block;
	clear: both;
}
.session-detail-head .id {
	float: left;
	margin: 0 15px 0 0;
}
.session-detail-head .id span {
	display: inline-block;
	padding: 0 15px;
	color: #fff;
}
.session-detail-head .date {
	float: left;
	margin: 0 15px 0 0;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 1px;
}
.session-detail-head .picon {
	float: left;
	margin: 0 15px 0 0;
}
.session-detail-head .h2 {
	margin: 20px 0 0 0;
}

/*============================================================
	[セッション] 詳細内容
*/
.session-detail-content {
	display: table;
	margin: 0 0 50px 0;
	width: 100%;
}
.session-detail-content .logo,
.session-detail-content .info {
	display: table-cell;
	vertical-align: top;
}
.session-detail-content .logo {
	padding-left: 30px;
	width: 310px;
}
.session-detail-content .logo img {
	width: 100%;
}

/*============================================================
	[セッション] スピーカーリスト
*/
.session-speaker-list .h {
	font-weight: normal;
	font-size: 18px;
	line-height: 1.5;
}
.session-speaker-list .h i {
	padding-right: 0.3em;
	font-size: 120%;
	line-height: 1.4;
}
.session-speaker-list ul {
	margin: 0 -15px;
}
.session-speaker-list ul li {
	float: left;
	margin: 20px 0;
	padding: 0 15px;
	width: 33.333%;
}

/*============================================================
	[セッション] モーダル：おすすめセッション
*/
.modal-recommend .wrapper {
	padding: 10px 20px 50px 20px;
}
.modal-recommend .modal-head {
	border-bottom: 1px solid #ccc;
}
.modal-recommend .modal-head .h {
	padding: 0 0 30px 0;
	font-size: 36px;
	line-height: 1.3;
}
.modal-recommend .list {
	min-height: 360px;
}
.modal-recommend .list .col {
	float: left;
	padding: 0 20px;
	width: 50%;
}
.modal-recommend .list .box {
	position: relative;
	padding-left: 2em;
	font-weight: normal;
	font-size: 14px;
	line-height: 1.4;
}
.modal-recommend .list .box .check {
	position: absolute;
	top: 0; left: 0;
}
.modal-recommend .list .box .id span {
	display: table;
	padding: 2px 10px;
	background: #ccc;
	color: #fff;
}
.modal-recommend .list .box .title {
	margin: 10px 0 0 0;
	font-size: 16px;
	line-height: 1.4;
}
.modal-recommend .list .box .time {
	margin: 5px 0 0 0;
	line-height: 1.4;
}
.modal-recommend .btns {
	padding: 30px 0;
	background-color: #efefef;
}
.modal-recommend .btns .row {
	margin: 0 auto;
	width: 740px;
}
.modal-recommend .btns .row .col {
	float: left;
	padding: 0 5px;
	width: 50%;
}

/*============================================================
	[セッション] モーダル：プログラム概要
*/
.modal-session-outline .wrapper {
	padding: 30px;
}
.modal-session-outline .head {
	margin: 0 0 15px 0;
	padding: 0 0 10px 0;
	border-bottom: 1px solid #ccc;
}
.modal-session-outline .head .h {
	padding-right: 30px;
	font-size: 16px;
	line-height: 1.5;
}
.modal-session-outline .head p {
	font-weight: normal;
}
.modal-session-outline .frame {
	max-height: 240px;
}
.modal-session-outline .info {
	font-size: 12px;
	line-height: 1.7;
}
.modal-session-outline .speaker li {
	float: left;
	margin: 20px 0 0 0;
	padding: 0 0 10px 0;
	width: 50%;
}
.modal-session-outline .btn {
	margin-top: 15px;
}

/*============================================================
	[セッション] モーダル：タイムテーブルについて
*/
.modal-timetable-document img {
	width: 100%;
	max-width: 430px;
}
.modal-timetable-document .wrapper {
	padding: 40px 20px;
}
.modal-timetable-document .doc-program {
	float: left;
	padding: 0 20px;
	width: 50%;
}
.modal-timetable-document .doc-program .image {
	margin: 0 0 20px 0;
}
.modal-timetable-document .doc-program ul {
	display: table;
}
.modal-timetable-document .doc-program ul li {
	display: table-row;
}
.modal-timetable-document .doc-program ul li div {
	display: table-cell;
	vertical-align: top;
	padding: 8px 0 0 0;
}
.modal-timetable-document .doc-program ul li .picon {
	padding: 8px 1em 0 0;
	white-space: nowrap;
}
.modal-timetable-document .doc-type {
	float: right;
	padding: 0 20px;
	width: 50%;
}
.modal-timetable-document .doc-type h2 {
	font-weight: normal;
	font-size: 18px;
	line-height: 1.4;
}
.modal-timetable-document .doc-type dl dt {
	margin: 10px 0 0 0;
	font-weight: normal;
}
.modal-timetable-document .doc-type dl dd {
	margin: 0;
}

/*============================================================
	[展示] スポンサータブ
*/
.program-sponsor-tabs .tabs {
	width: 100%;
}
.program-sponsor-tabs .tabs li {
	float: left;
	/*width: 20%;*/
	width: 25%;
}
.program-sponsor-tabs .tabs li a {
	display: block;
	padding: 5px 0;
	border-radius: 0;
	background-color: #5d5d5d;
	text-align: center;
	text-decoration: none;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.5;
	color: #fff;
}
.program-sponsor-tabs .tabs li a:hover {
	background-color: #000;
}
.program-sponsor-tabs .tabs li.active a,
.program-sponsor-tabs .tabs li.active a:hover {
	background-color: #1896d1;
}

/*============================================================
	[展示] スポンサーリスト
*/
.program-expo-list .tabs-pane {
	overflow: hidden;
	height: 0;
}
.program-expo-list .tabs-pane.active {
	height: auto;
}
.program-expo-list ul li {
	margin: 30px 0 10px 0;
	font-weight: normal;
	font-size: 18px;
	line-height: 1.5;
}
.program-expo-list .company {
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
}

/*============================================================
	[SHOWCASEシアター] シアターリスト
*/
.program-theater-list {
	margin-top: 20px;
}
.program-theater-list ul li {
	padding: 12px 0 15px 0;
	border-bottom: 1px solid #e3e3e3;
	font-weight: normal;
	line-height: 1.5;
}
.program-theater-list .time {
	font-size: 12px;
}
.program-theater-list .link {
	margin: 5px 0 0 0;
}
.program-theater-list .company {
	margin: 5px 0 0 0;
	font-weight: normal;
}

/*============================================================
	[SOLUTIONS SHOWCASE] メイン
*/
/* メイン */
.showcase-main {
	overflow: hidden;
	position: relative;
	width: 100%; height: 186px;
	background: #01c4db;
	background: -moz-linear-gradient(left, #01c4db 0%, #0f5c74 100%);
	background: -webkit-linear-gradient(left, #01c4db 0%,#0f5c74 100%);
	background: linear-gradient(to right, #01c4db 0%,#0f5c74 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01c4db', endColorstr='#0f5c74',GradientType=1 );
}
.showcase-main img {
	width: 100%;
}
.showcase-main .corner-grid {
	position: absolute;
	width: 340px;
}
.showcase-main .corner-grid-top {
	top: -30px; left: -90px;
}
.showcase-main .corner-grid-bottom {
	bottom: -30px; right: -90px;
}
.showcase-main .base {
	position: absolute;
	top: 50%; left: 50%;
	margin: -70px 0 0 -390px;
	width: 780px;
	opacity: 0.6;
}
.showcase-main .head {
	display: table;
	width: 100%; height: 186px;
}
.showcase-main .head .h {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 36px;
	line-height: 1.2;
	color: #fff;
}
.showcase-main .head .h span {
	display: block;
	margin: 0 auto;
	width: 460px;
	line-height: 0;
}
.showcase-main .head .h span img {
	width: 100%;
}

/*============================================================
	[VMware ハンズオンラボ] ハンズオンラボ
*/
/* メイン */
.lab-main {
	overflow: hidden;
	position: relative;
	width: 100%; height: 186px;
	background: #a595f4;
	background: -moz-linear-gradient(left, #a595f4 0%, #330d42 100%);
	background: -webkit-linear-gradient(left, #a595f4 0%,#330d42 100%);
	background: linear-gradient(to right, #a595f4 0%,#330d42 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a595f4', endColorstr='#330d42',GradientType=1 );
}
.lab-main img {
	width: 100%;
}
.lab-main .corner-grid {
	position: absolute;
	width: 340px;
}
.lab-main .corner-grid-top {
	top: -30px; left: -90px;
}
.lab-main .corner-grid-bottom {
	bottom: -30px; right: -90px;
}
.lab-main .base {
	position: absolute;
	top: 50%; left: 50%;
	margin: -70px 0 0 -390px;
	width: 780px;
	opacity: 0.6;
}
.lab-main .logo {
	position: absolute;
	top: 30px; left: 15px;
	width: 248px;
}
.lab-main .head {
	display: table;
	width: 100%; height: 186px;
}
.lab-main .head .h {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 36px;
	line-height: 1.2;
	color: #fff;
}
/* 日本語マニュアルあり */
.manual-jp {
	margin: 15px 0 0 0;
	font-size: 14px;
	line-height: 1.5;
}
.manual-jp img {
	margin: 2px 10px 0 0;
	width: 28px;
	vertical-align: top;
}
/* リスト */
.lab-list ul {
	border-top: 1px solid #ccc;
}
.lab-list ul li {
	display: table;
	width: 100%;
	border-bottom: 1px solid #ccc;
}
.lab-list ul li p {
	display: table-cell;
	vertical-align: top;
	padding: 8px 0;
	font-size: 14px;
	line-height: 1.5;
}
.lab-list ul li p.manual-jp {
	margin: 0;
	width: 1%;
	white-space: nowrap;
}

/*============================================================
	[VMware ハンズオンラボ] 詳細内容
*/
.page-lab .session-detail-content {
	display: block;
}
.lab-detail {
	display: table;
	margin: 0 0 40px 0;
	width: 100%;
}
/* Challenge Guru バッジ */
.lab-badge img {
	width: 100%;
	max-width: 550px;
}
.lab-badge .h {
	font-size: 20px;
	line-height: 1.5;
}
/* ラボのモジュール リスト */
.lab-module-list li {
	padding: 5px 0;
	line-height: 1.5;
}
/* ワークショップでもご体験 */
.lab-experience {
	display: table;
	margin: 50px 0 0 0;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 12px;
}
.lab-experience .exp {
	display: table-cell;
	vertical-align: middle;
	padding: 30px;
}
.lab-experience .exp .h {
	font-size: 21px;
	line-height: 1.4;
}
.lab-experience .exp .btn {
	display: table;
	width: auto;
}
.lab-experience .image {
	display: table-cell;
	vertical-align: middle;
	padding: 15px 30px 15px 0;
	width: 360px;
	text-align: center;
}
.lab-experience .image img {
	width: 100%;
	max-width: 360px;
}

/*============================================================
	[マイページ] ログイン
*/
.mypage-login-form {
	padding: 40px 60px;
	background-color: #f4f6f8;
}
.mypage-login-form .layout-head {
	margin: 0;
	padding: 0;
}
.mypage-login-form .layout-head .h {
	margin: 0 0 5px 0;
	font-size: 18px;
	line-height: 1.5;
}
.mypage-login-form .layout-head .h i {
	padding-right: 0.2em;
	font-size: 118%;
	vertical-align: middle;
}
.mypage-login-form .layout-head .h1 {
	font-size: 32px;
}

/*============================================================
	[マイページ] お知らせ
*/
.mypage-news {
	margin: 0 0 20px 0;
	padding: 15px 30px;
	background-color: #e2eed8;
	border: 1px solid #d5e6c7;
	border-radius: 4px;
	font-weight: normal;
	line-height: 1.5;
	color: #918d8d;
}
.mypage-news h2,
.mypage-news h2 a {
	font-size: 16px;
	line-height: 1.5;
	color: #64a850;
}

/*============================================================
	[マイページ] ホームメニュー
*/
.mypage-home-menu {
	margin: 0 0 20px 0;
}
.mypage-home-menu ul {
	margin: 0 -10px;
}
.mypage-home-menu ul li {
	float: left;
	padding: 10px;
	width: 198px;
	text-align: center;
}
.mypage-home-menu ul li a {
	position: relative;
	display: block;
	overflow: hidden;
	height: 150px;
	border-radius: 4px;
	text-decoration: none;
}
.mypage-home-menu ul li a:before {
	content: '';
	display: block;
	position: absolute;
	top: 0; right: 0;
	width: 100%; height: 100%;
	background-color: #fcfcfc;
	border: 1px solid #e3e3e3;
	border-radius: 4px;
	-webkit-transition: background-color 0.3s ease, border-color 0.3s ease;
	        transition: background-color 0.3s ease, border-color 0.3s ease;
}
.mypage-home-menu ul li a:hover:before {
	background-color: #fff;
	border-color: #1896d1;
}
.mypage-home-menu ul li .new {
	position: absolute;
	top: 0; left: 50%;
	padding: 18px 0 4px 0;
	width: 100%;
	background-color: #f38b00;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mypage-home-menu ul li i {
	display: block;
	position: relative;
	padding: 10px 0 0 0;
	font-size: 40px;
	line-height: 80px;
}
.mypage-home-menu ul li h2 {
	position: relative;
	font-weight: normal;
	font-size: 16px;
	line-height: 22px;
}
.mypage-home-menu ul li h2.small {
	font-size: 15px;
	line-height: 22px;
}

/*============================================================
	[マイページ] ホーム招待コード
*/
.mypage-home-code {
	margin: 0 0 20px 0;
	padding: 15px 30px 15px 30px;
	background-color: #dcedf6;
	border: 1px solid #c1def0;
	border-radius: 4px;
	line-height: 1.5;
}
.mypage-home-code .inner {
	display: table;
}
.mypage-home-code dl,
.mypage-home-code .lead {
	display: table-cell;
	vertical-align: middle;
}
.mypage-home-code dl {
	padding-right: 50px;
}
.mypage-home-code dl dt {
	padding-top: 0.2em;
}
.mypage-home-code dl dd {
	font-weight: normal;
	font-size: 28px;
	line-height: 1.5;
}
.mypage-home-code .lead {
	font-size: 14px;
}

/*============================================================
	[マイページ] マイタイムテーブルリスト
*/
.mypage-mytimetable-list {
	margin-top: 30px;
}
.mypage-mytimetable-list .subhead-fill-primary {
	margin-top: 30px;
}
.mypage-mytimetable-list .subhead-fill-primary:first-of-type {
	margin-top: 10px;
}
.mypage-mytimetable-list ul li {
	position: relative;
	padding: 15px 0;
	border-bottom: 1px solid #cfcfcf;
	line-height: 1.7;
}
.mypage-mytimetable-list ul li.has-room {
	padding-right: 95px;
}
.mypage-mytimetable-list ul li a {
	color: #717074;
}
.mypage-mytimetable-list ul li .room {
	position: absolute;
	top: 50%; right: 0;
	margin-top: -16px;
	width: 80px;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	line-height: 30px;
	background-color: #f4f4f4;
	border: 1px solid #e3e3e3;
}
.mypage-mytimetable-list ul li .time {
	float: left;
	margin-bottom: 5px;
	font-weight: normal;
	line-height: 20px;
	color: #a7a6a8;
}
.mypage-mytimetable-list ul li .id {
	float: left;
	margin-left: 20px;
	margin-bottom: 5px;
	line-height: 20px;
}
.mypage-mytimetable-list ul li .id span {
	display: table;
	padding: 0 10px;
	background: #ccc;
	font-size: 12px;
	color: #fff;
}
.mypage-mytimetable-list ul li .private,
.mypage-mytimetable-list ul li .comingsoon {
	float: left;
	margin-left: 10px;
	margin-bottom: 5px;
	padding: 0 10px;
	font-size: 12px;
	line-height: 18px;
	color: #e85555;
}
.mypage-mytimetable-list ul li .private {
	border: 1px solid #e85555;
	color: #e85555;
}
.mypage-mytimetable-list ul li .comingsoon {
	border: 1px solid #6db33f;
	color: #6db33f;
}
.mypage-mytimetable-list ul li .title {
	clear: both;
	font-weight: normal;
}
.mypage-mytimetable-list ul li .type {
	display: table;
	margin: 10px 0 0 0;
	padding: 0 0.6em 1px 0.6em;
	border: 1px solid #ccc;
	border-radius: 4px;
	background: #f7f7f7;
	font-size: 12px;
	line-height: 20px;
	color: #999;
}
.mypage-mytimetable-list ul li .btn {
	margin: 10px 0 0 0;
	max-width: 370px;
}
.mypage-mytimetable-list ul li .btn i {
	padding-right: 0.4em;
}

/*============================================================
	[マイページ] ダウンロードについて
*/
.mypage-about-download {
	padding: 0 0 20px 0;
}
.mypage-about-download .h {
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 18px;
	line-height: 1.5;
}
.mypage-about-download .h a {
	position: relative;
	display: inline-block;
	padding-right: 25px;
}
.mypage-about-download .h a i {
	position: absolute;
	top: 0; right: 0;
	display: block;
	font-size: 30px;
	line-height: 1;
}
.mypage-about-download .inner {
	padding: 20px 30px;
	background-color: #eaf8ff;
}
.mypage-about-download .inner ul li {
	position: relative;
	margin: 5px 0;
	padding-left: 1em;
	line-height: 1.5;
}
.mypage-about-download .inner ul li:before {
	content: '●';
	display: block;
	position: absolute;
	top: 0; left: 0;
}

/*============================================================
	[マイページ] ダウンロードルームラベル
*/
.mypage-rooms {
}
.mypage-rooms ul {
	margin: 0 -5px;
	padding: 0 200px 0 0;
}
.mypage-rooms ul li {
	float: left;
	margin: 0 0 10px 0;
	padding: 0 5px;
}
.mypage-rooms ul li a {
	display: block;
	padding: 8px 0;
	min-width: 120px;
}

/*============================================================
	[マイページ] ワークショップリスト
*/
.mypage-workshop-list table {
	margin: 10px 0;
	width: 100%;
	border-bottom: 1px solid #e3e3e3;
}
.mypage-workshop-list table th,
.mypage-workshop-list table td {
	vertical-align: top;
	padding: 8px 10px;
	border-top: 1px solid #e3e3e3;
	font-weight: normal;
	line-height: 1.7;
}
.mypage-workshop-list table th {
	padding-left: 0;
	width: 1px;
	white-space: nowrap;
	color: #a7a6a8;
}
.mypage-workshop-list table td {
	padding-right: 0;
	color: #5d5d5d;
}
.mypage-workshop-list table td a {
	color: #5d5d5d;
}
.mypage-workshop-list table td.id {
	width: 1px;
	white-space: nowrap;
}
.mypage-workshop-list table td.id span {
	display: block;
	padding: 0 0.5em;
	background-color: #b25210;
	font-size: 12px;
	color: #fff;
}
/**/
.mypage-workshop-list .warning {
	display: table;
	margin: 10px 0;
	padding: 6px 10px 5px 10px;
	border: 1px solid #876d40;
	font-size: 18px;
	line-height: 1.5;
	color: #876d40;
}

/*============================================================
	[マイページ] ワークショップタイムテーブル
*/
.workshop-timetable {
	margin: 10px 0 0 0;
	font-weight: normal;
	line-height: 1.7;
}
.workshop-timetable .col-cap {
	display: table;
	width: 100%;
	background-color: #717074;
	text-align: center;
	line-height: 1.3;
	color: #fff;
}
.workshop-timetable .col-cap span {
	display: table-cell;
	vertical-align: middle;
	height: 50px;
}
.workshop-timetable .col-list {
	position: relative;
}
.workshop-timetable .box {
	position: absolute;
	z-index: 10;
	top: 0; left: 0;
}
.workshop-timetable .box .full {
	display: inline-block;
	margin-top: 5px;
	padding: 2px 10px;
	background: #9f9f9f;
	text-align: center;
	font-size: 12px;
	line-height: 1.4;
	color: #fff;
}
.workshop-timetable .table-settion {
	float: left;
	width: 140px;
	background-color: #e4f4ff;
	text-align: center;
}
.workshop-timetable .table-settion .col-list:before {
	content: '';
	display: block;
	position: absolute;
	top: 0; left: 0;
	width: 1px; height: 100%;
	background-color: #ccc;
}
.workshop-timetable .table-settion .col-list .box {
	display: table;
	width: 100%;
	background-color: #8dddff;
	font-size: 12px;
	color: #fff;
}
.workshop-timetable .table-settion .col-list .box div {
	display: table-cell;
	vertical-align: middle;
	height: 100%;
}
.workshop-timetable .table-settion .col-list .box .time {
	display: none;
}
.workshop-timetable .table-workshop {
	float: left;
	padding: 0 0 0 1px;
	width: 1030px;
	background-color: #f3f5f6;
}
.workshop-timetable .table-workshop .col-list:before {
	content: '';
	display: block;
	position: absolute;
	top: 0; right: 0;
	width: 1px; height: 100%;
	background-color: #ccc;
}
.workshop-timetable .table-workshop .col-list .box {
	margin: 0 0 0 -1px;
	padding: 10px;
	width: 344px;
	background-color: #fff;
	border: 1px solid #ccc;
}
.workshop-timetable .table-workshop .col-list .box .head {
	position: relative;
	padding-left: 24px;
}
.workshop-timetable .table-workshop .col-list .box .head:after {
	content: '';
	display: block;
	clear: both;
}
.workshop-timetable .table-workshop .col-list .box .head .check {
	position: absolute;
	top: 0; left: 0;
}
.workshop-timetable .table-workshop .col-list .box .head .time {
	float: left;
	color: #a7a6a8;
}
.workshop-timetable .table-workshop .col-list .box .head .id {
	float: left;
	padding-left: 10px;
}
.workshop-timetable .table-workshop .col-list .box .head .id span {
	display: block;
	padding: 0 0.5em;
	background-color: #b25210;
	font-size: 12px;
	color: #fff;
}
.workshop-timetable .table-workshop .col-list .box .info {
	padding-left: 24px;
}
.workshop-timetable .table-workshop .col-list .box .info .title {
	display: block;
	line-height: 1.4;
	color: #5d5d5d;
}
.workshop-timetable .table-workshop .col-list .box .info .title a {
	color: #5d5d5d;
}
.workshop-timetable .line {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	border-top: 1px dotted #cfcfcf;
}
/**/
.workshop-timetable-tokyo .table-settion {

}
.workshop-timetable-tokyo .table-workshop {

}
.workshop-timetable-tokyo .table-workshop .col-list .box {

}

/*============================================================
	[マイページ] ハンズオンラボを試す
*/
/* KV */
.mypage-hands-on .kv img {
	width: 100%;
}
.mypage-hands-on .kv .sp {
	display: none;
}
/* 概要 */
.mypage-hands-on .outline {
	display: table;
	margin: 40px 0 0 0;
}
.mypage-hands-on .outline .detail,
.mypage-hands-on .outline .video {
	display: table-cell;
	vertical-align: top;
	line-height: 2;
}
.mypage-hands-on .outline .video {
	padding-left: 30px;
	width: 410px;
	text-align: center;
}
.mypage-hands-on .outline .video p {
	margin: 10px 0 0 0;
}
/* 先行体験 */
.mypage-hands-on .list {
	margin: 40px -15px;
	text-align: center;
}
.mypage-hands-on .list li {
	float: left;
	padding: 0 15px;
	width: 33.333%;
}
.mypage-hands-on .list li .image img {
	width: 180px;
}
.mypage-hands-on .list li .h {
	margin: 10px 0 0 0;
	font-size: 16px;
	line-height: 1.5;
}
.mypage-hands-on .list li p {
	margin: 10px 0 0 0;
	line-height: 1.5;
	color: #a7a6a8;
}
.mypage-hands-on .list li .btn {
	margin: 0 auto;
	padding-left: 0;
	padding-right: 0;
	max-width: 280px;
}
.mypage-hands-on .list li .btn span {
	font-size: 18px;
}
.mypage-hands-on .list li .btn span i {
	font-size: 92%;
}
/* 最新リスト */
.mypage-hands-on .list-trial {
	margin: 0 -30px;
}
.mypage-hands-on .list-trial li {
	float: left;
	padding: 0 30px;
	width: 33.333%;
}
.mypage-hands-on .list-trial li .inner {
	padding: 20px 0;
	border-bottom: 1px solid #a7a6a8;
}
.mypage-hands-on .list-trial li:nth-child(1) .inner,
.mypage-hands-on .list-trial li:nth-child(2) .inner,
.mypage-hands-on .list-trial li:nth-child(3) .inner {
	border-top: 1px solid #a7a6a8;
}
.mypage-hands-on .list-trial li .block {
	display: table;
	width: 100%;
}
.mypage-hands-on .list-trial li .block .badge {
	display: table-cell;
	vertical-align: top;
	padding: 0 0 20px 0;
	width: 75px;
}
.mypage-hands-on .list-trial li .block .badge img {
	width: 100%;
}
.mypage-hands-on .list-trial li .block .info {
	display: table-cell;
	vertical-align: top;
	padding: 0 0 10px 12px;
}
.mypage-hands-on .list-trial li .block .info .id {
	float: left;
	line-height: 1.7;
}
.mypage-hands-on .list-trial li .block .info .overview {
	float: left;
	margin-left: 12px;
	font-size: 13px;
	line-height: 1.7;
}
.mypage-hands-on .list-trial li .block .info .overview a {
	display: table;
	padding: 0 0.5em;
	border: 1px solid #0095d3;
	border-radius: 4px;
	text-decoration: none;
	color: #0095d3;
}
.mypage-hands-on .list-trial li .block .info .overview a:hover {
	background-color: #e8f5fa;
}
.mypage-hands-on .list-trial li .block .info .h {
	clear: both;
	padding: 10px 0 0 0;
	font-size: 16px;
}
.mypage-hands-on .list-trial li .btn {
	line-height: 1.5;
}
.mypage-hands-on .list-trial li .btn span {
	font-size: 18px;
	line-height: 1.5;
}
.mypage-hands-on .list-trial li .btn span i {
	position: relative;
	top: -1px;
	padding-left: 0.3em;
	font-size: 15px;
}

/*============================================================
	[マイページ] ビデオカード
*/
.mypage-video-card {
	margin: 40px auto;
	max-width: 772px;
}
.mypage-video-card .inner {
	display: table;
	overflow: hidden;
	width: 100%; height: 180px;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.mypage-video-card .thumb {
	display: table-cell;
	vertical-align: top;
	width: 320px;
	background-size: cover;
}
.mypage-video-card .thumb img {
	width: 100%;
}
.mypage-video-card .info {
	display: table-cell;
	vertical-align: middle;
	padding: 15px 30px 20px 30px;
	color: #333;
}
.mypage-video-card .info .h {
	font-size: 24px;
	line-height: 1.3;
}
.mypage-video-card .info .btn {
	display: table;
	margin: 15px 0 0 0;
	padding: 6px 1em 8px 1em;
	width: auto;
}

/*============================================================
	[マイページ] ビデオリスト
*/
.mypage-video-list .block {
	position: relative;
	overflow: hidden;
	border: 1px solid #ddd;
	border-radius: 5px;
}
.mypage-video-list .block .new {
	position: absolute;
	z-index: 10;
	top: 0; left: 50%;
	padding: 18px 0 4px 0;
	width: 100%;
	background-color: #f38b00;
	text-align: center;
	font-weight: normal;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
	-webkit-transform-origin: 50% 0%;
	transform-origin: 50% 0%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.mypage-video-list .block img {
	width: 100%;
}
.mypage-video-list .block .info {
	padding: 14px 18px;
	line-height: 1.5;
}

/*============================================================
	[マイページ] フロアマップ
*/
.mypage-floormap .map {
	position: relative;
	margin: 0 auto;
	margin-top: 40px;
	padding-top: 660px;
	width: 766px; height: 0;
	border: 1px solid #bababa;
	background-color: #ddd;
	-webkit-user-select: none;
	user-select: none;
}
.mypage-floormap .map .image {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	overflow: hidden;
}
.mypage-floormap .map .ctr {
	position: absolute;
	bottom: 20px; right: 20px;
}
.mypage-floormap .map .ctr a {
	display: block;
	padding: 4px;
	font-size: 52px;
	line-height: 1;
	color: #fff;
	text-shadow: 0 2px 8px rgba(0,0,0,0.5);
}
.mypage-floormap .btn-wrap {
	margin: 0 auto;
	margin-top: 40px;
	width: 420px;
}
.mypage-floormap .btn-wrap br {
	display: none;
}

/*============================================================
	[マイページ] ダウンロードリスト
*/
.mypage-download-resource .block {
	margin: 60px 0 0 0;
}
.mypage-download-resource .thumb {
	margin: 0 auto;
	width: 176px;
}
.mypage-download-resource .thumb img {
	width: 100%;
}
.mypage-download-resource .info {
	position: relative;
	margin: 20px 0 0 0;
	padding: 20px 0 0 0;
}
.mypage-download-resource .info .new {
	position: absolute;
	top: 0; left: 0;
	display: table;
	padding: 0 10px;
	background-color: #f38b00;
	font-size: 12px;
	line-height: 20px;
	color: #fff;
}
.mypage-download-resource .info p {
	margin: 10px 0 0 0;
	line-height: 1.6;
}
.mypage-download-resource .btn {
	margin: 20px 0 0 0;
}
.mypage-download-resource .btn i {
	padding-right: 0.4em;
}


/*============================================================
	ブレイクポイント Bootstrap3基準 md
*/
@media screen and (max-width: 1259px) {

	/*--------------------------------------------------------
		コンテナサイズ
	*/
	.wide-col-10 {
		width: auto;
	}

	/*--------------------------------------------------------
		サイズチェック用
	*/
	#sizeLg { display: none; }
	#sizeMd { display: block; }
	#sizeSm { display: none; }
	#sizeXs { display: none; }

	/*--------------------------------------------------------
		[ナビゲーション] 共通
	*/
	#header .header-nav nav ul li a span {
		height: 46px;
	}
	#header .header-nav nav ul li a span br {
		display: block;
	}
	#header .header-nav nav ul li a span .spacer {
		display: none;
	}
	#header .header-nav nav ul li.nav-register a span {
		height: 40px;
	}

	/*--------------------------------------------------------
		[ナビゲーション] 下層
	*/
	#header .subnav .h {
		font-size: 16px;
		line-height: 1.5;
	}
	#header .subnav .h a i {
		font-size: 16px;
		line-height: 1.5;
	}
	#header .subnav .text {
		padding-left: 16px;
	}
	#header .subnav ul {
		padding-left: 18px;
	}
	#header .subnav ul li {
		font-size: 14px;
		line-height: 1.5;
	}
	#header .subnav ul li a {
		padding-left: 15px;
	}
	#header .subnav ul li a i {
		top: 5px;
		font-size: 12px;
		line-height: 1;
	}
	#header .subnav ul li ul {
		padding: 10px 0 0 18px;
	}
	#header .subnav ul li ul li {
		padding: 3px 10px;
		font-size: 12px;
		line-height: 1.5;
	}
	#header .subnav ul li ul li a i {
		top: 3px;
	}

	/*--------------------------------------------------------
		[ナビゲーション] マイページ用
	*/
	#header .header-nav-mypage nav ul.nav li {
		font-size: 12px;
	}
	#header .header-nav-mypage nav ul.nav li .root a span {
		padding: 0 8px;
	}

	/*--------------------------------------------------------
		[汎用] コンテンツ枠
	*/
	.page-home section,
	.page-about section,
	.page-program section,
	.page-showcase section,
	.page-lab section,
	.page-faq section,
	.page-map section,
	.page-sponsor section {
		padding-top: 152px;
	}
	.page-static section {
		padding-top: 106px;
	}

	/*--------------------------------------------------------
		[汎用] ソーシャル
	*/
	/* ウィジェット */
	.social-widget {
		margin-left: -20px;
		margin-right: -20px;
	}
	.social-widget .facebook,
	.social-widget .twitter {
		padding: 0 20px;
	}
	.social-widget .facebook {
		width: 50%;
	}
	.social-widget .twitter {
		width: 50%;
	}

	/*--------------------------------------------------------
		[汎用] ソーシャル その2
	*/
	.layout-social-info .h {
		margin: 0;
	}
	.layout-social-info ul {
		display: table;
		margin: 0 auto;
		margin-top: 20px;
	}

	/*--------------------------------------------------------
		[汎用] カラムレイアウト
	*/
	.layout-col-3 .col,
	ul.layout-col-3 li {
		width: 50%;
	}
	.layout-col-4 .col,
	ul.layout-col-4 li {
		width: 33.333%;
	}
	.layout-col-2.break-md,
	.layout-col-3.break-md,
	.layout-col-4.break-md {
		margin-left: 0;
		margin-right: 0;
	}
	.layout-col-2.break-md .col,
	.layout-col-3.break-md .col,
	.layout-col-4.break-md .col,
	ul.layout-col-2.break-md li,
	ul.layout-col-3.break-md li,
	ul.layout-col-4.break-md li {
		float: none;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}

	/*--------------------------------------------------------
		[セッション] セッションタイムテーブル
	*/
	/* タイムテーブル */
	.timetable .col-time {
		padding: 5px 0;
	}
	.timetable .box {
		font-size: 11px;
	}
	.timetable .box .head {
		padding-left: 2px;
		padding-right: 2px;
		min-height: 90px;
	}
	.page-program .timetable .box .head {
		padding-left: 2px;
		padding-right: 2px;
		min-height: 70px;
	}
	.timetable .box .head .id {
		font-size: 12px;
	}
	.timetable .box .head .type {
		padding: 0 1px 1px 1px;
		font-size: 10px;
	}
	.timetable .box .full {
		padding: 2px 0;
		font-size: 12px;
	}
	.timetable .box .title {
		padding: 0 0 5px 0;
		font-size: 12px;
		line-height: 1.4;
	}
	.timetable .box .picon {
		margin: 0;
	}
	/* ゼネラルセッション */
	.timetable .box-general {
		font-size: 14px;
	}
	.timetable .box-general .time-block .full {
		padding: 4px 1.5em;
		font-size: 14px;
	}
	/* 講演者リスト */
	.timetable .box-general .list-portrait {
		width: 689px;
	}
	/* TOKYO用1日目 */
	.timetable.timetable-tokyo-day1 .box-general .list-portrait {
		width: 100%;
	}
	.timetable.timetable-tokyo-day1 .box-general .list-portrait li {
		width: 20%;
	}
	/* TOKYO用 */
	.timetable-tokyo .col-time {
		width: 50px;
	}
	.timetable-tokyo .col-list {
		width: 880px;
	}
	.timetable-tokyo .col-list .line {
		left: -50px;
	}
	.timetable-tokyo .box {
		width: 81px;
	}
	.timetable-tokyo-day1 .box-general {
		width: 881px;
	}
	.timetable-tokyo-day2 .box-general {
		width: 721px;
	}
	/* OSAKA用 */
	.timetable-osaka .col-time {
		width: 55px;
	}
	.timetable-osaka .col-list {
		width: 875px;
	}
	.timetable-osaka .col-list .line {
		left: -55px;
	}
	.timetable-osaka .box {
		width: 126px;
	}
	.timetable-osaka .box-general {
		width: 751px;
	}

	/*--------------------------------------------------------
		[セッション] セッションカテゴリー説明
	*/
	/*.session-category .list {
		width: 54%;
	}
	.session-category .list ul li dl dt {
		width: 74px;
	}
	.session-category .list ul li dl dd {
		font-size: 16px;
	}
	.session-category .col2 {
		width: 46%;
	}*/

	/*--------------------------------------------------------
		[マイページ] ホームメニュー
	*/
	.mypage-home-menu ul li {
		width: 25%;
	}

	/*--------------------------------------------------------
		[マイページ] ワークショップタイムテーブル
	*/
	.workshop-timetable .table-workshop {
		padding: 0 0 0 1px;
		width: 790px;
	}
	.workshop-timetable .table-workshop .col-list .box {
		width: 264px;
	}

	/*--------------------------------------------------------
		[マイページ] ダウンロードルームラベル
	*/
	.mypage-rooms ul {
		padding: 0;
	}

	/*--------------------------------------------------------
		[マイページ] ハンズオンラボを試す
	*/
	/* 最新リスト */
	.mypage-hands-on .list-trial li {
		width: 50%;
	}
	.mypage-hands-on .list-trial li:nth-child(3) .inner {
		border-top: 0;
	}

}

/*============================================================
	ブレイクポイント Bootstrap3基準 sm
*/
@media screen and (max-width: 991px) {

	/*--------------------------------------------------------
		コンテナサイズ
	*/
	.wide-col-8 {
		width: auto;
	}

	/*--------------------------------------------------------
		サイズチェック用
	*/
	#sizeLg { display: none; }
	#sizeMd { display: none; }
	#sizeSm { display: block; }
	#sizeXs { display: none; }

	/*--------------------------------------------------------
		[ナビゲーション] 共通
	*/
	#header .header-nav nav ul li {
		font-size: 12px;
	}
	#header .header-nav nav ul li a span {
		padding: 0 10px;
		height: 46px;
	}
	#header .header-nav nav ul li.nav-register {
		padding: 0 0 0 4px;
	}
	#header .header-nav nav ul li.nav-register a span {
		height: 40px;
	}

	/*--------------------------------------------------------
		[ナビゲーション] 下層
	*/
	#header .subnav ul {
		float: none !important;
		width: auto !important;
	}
	#header .subnav ul li {
		float: none !important;
		width: auto !important;
	}

	/*--------------------------------------------------------
		[ナビゲーション] マイページ用
	*/
	#header .header-nav-mypage nav ul.nav li .root a span {
		padding: 0 8px;
	}
	#header .header-nav-mypage nav ul.nav li .root a span br {
		display: block;
	}
	#header .header-nav-mypage nav ul.nav .child ul li a {
		padding: 10px 9px;
	}

	/*============================================================
		[汎用] ソーシャル その2
	*/
	.layout-social-info ul li {
		padding: 0 10px;
	}

	/*--------------------------------------------------------
		[汎用] カラムレイアウト
	*/
	.layout-col-4 .col,
	ul.layout-col-4 li {
		width: 50%;
	}
	.layout-col-2.break-sm,
	.layout-col-3.break-sm,
	.layout-col-4.break-sm {
		margin-left: 0;
		margin-right: 0;
	}
	.layout-col-2.break-sm .col,
	.layout-col-3.break-sm .col,
	.layout-col-4.break-sm .col,
	ul.layout-col-2.break-sm li,
	ul.layout-col-3.break-sm li,
	ul.layout-col-4.break-sm li {
		float: none;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	/* サイドナビ */
	.layout-side-nav {
		margin-top: 0;
	}
	.layout-side-nav .column,
	.layout-side-nav .side-nav {
		display: block;
		margin-top: 50px;
		padding: 0;
		width: 100%;
	}

	/*--------------------------------------------------------
		[登録] 流れ
	*/
	.register-steps ul li p {
		font-size: 12px;
	}

	/*--------------------------------------------------------
		[登録] お客様情報の入力
	*/
	/* フォーム */
	.register-form .table,
	.register-form .table tbody,
	.register-form .table tr,
	.register-form .table th,
	.register-form .table td {
		display: block;
		width: 100%;
	}
	.register-form .table th,
	.register-form .table .th,
	.register-form .table td {
		padding: 0;
		border: 0;
	}
	.register-form .table th,
	.register-form .table .th {
		border-top: 1px solid #ccc;
	}
	.register-form .table th {
		padding: 15px 0 5px 0;
		white-space: normal;
	}
	.register-form .table .th {
		padding: 15px 0 0 0;
	}
	.register-form .table th p,
	.register-form .table .th p {
		display: inline-block;
		padding: 0;
	}
	.register-form .table th p i,
	.register-form .table .th p i {
		position: relative;
		top: auto; right: auto;
		margin: 0 0 0 0.8em;
	}
	.register-form .table td {
		padding: 0 0 20px 0;
	}
	.register-form .table td .size-middle .form-control {
		width: 60%;
	}
	/* 説明のテキスト */
	.register-form .table td .text:first-child {
		margin-top: 0;
	}
	/* イページ・パスワード */
	.register-form .table td.mypage-pw-conf {
		padding-bottom: 10px;
	}
	.register-form .table th.mypage-pw-conf {
		padding-top: 0;
	}
	/* 横並びブロック */
	.register-form .table td .inline .size-middle {
		width: 60%;
	}
	/* 名前 */
	.register-form .table td .name dl dd input {
		width: 300px;
	}
	/* 法人格 */
	.register-form .table td .employment .col input {
		width: 300px;
	}
	/* 横並びリスト */
	.register-form .table .list-inline .list-row li {
		width: 50%;
	}
	/* フォーム エラー表示 */
	.register-form .th .alert {
		display: block;
		padding: 0 0 5px 0;
	}

	/*--------------------------------------------------------
		[登録] 登録内容のご確認
	*/
	/* お客様情報 */
	.register-confirm .col {
		margin-top: 40px;
	}
	.register-confirm .col:first-child {
		margin-top: 0;
	}
	/* 選択したセッション */
	.register-confirm-timetable-list .col {
		margin-top: 40px;
	}
	.register-confirm-timetable-list .col:first-child {
		margin-top: 0;
	}

	/*--------------------------------------------------------
		[プログラム] プログラムヘッド
	*/
	.program-detail-head .inner {
		display: block;
	}
	.program-detail-head .logo,
	.program-detail-head .heading {
		display: block;
	}
	.program-detail-head .logo {
		margin: 0 auto;
		padding: 0;
		width: 280px;
	}
	.program-detail-head .heading {
		text-align: center;
	}

	/*--------------------------------------------------------
		[セッション] セッションタイムテーブル
	*/
	/* タイムテーブル */
	.timetable {
		border-bottom: 0;
	}
	.timetable:before,
	.timetable:after {
		display: none;
	}
	.timetable .table {
		background: #fff;
	}
	.timetable .col-time {
		display: none;
	}
	.timetable .col-list {
		float: none;
		width: 100%;
	}
	.timetable .col-list .line {
		display: none;
	}
	.timetable .box {
		position: static;
		float: none;
		margin: 0;
		width: 100%;
		border-top: 0;
		font-size: 12px;
	}
	.timetable .box-null {
		display: none;
	}
	.timetable .box .head {
		padding: 6px 10px 5px 35px;
		min-height: 28px !important;
		text-align: left;
		line-height: 1.7;
	}
	.page-program .timetable .box .head {
		padding: 6px 10px 5px 10px;
	}
	.timetable .box .head .check {
		position: absolute;
		top: 50%; left: 9px;
		margin-top: -12px;
	}
	.timetable .box .head p {
		padding: 0 0.8em 0 0;
		width: auto;
		line-height: 1.4;
	}
	.timetable .box .head .time,
	.timetable .box .head .id,
	.timetable .box .head .type {
		display: inline-block;
		margin: 0;
	}
	.timetable .box .head .id {
		font-size: 14px;
	}
	.timetable .box .head .type {
		position: relative;
		top: -1px;
		padding: 2px 4px;
		font-size: 10px;
	}
	.timetable .box .head .type br {
		display: none;
	}
	.timetable .box .info {
		padding: 10px 10px 5px 10px;
	}
	.timetable .box .info:after {
		content: '';
		display: block;
		clear: both;
	}
	.timetable .box .full {
		display: table;
		margin-bottom: 5px;
		padding: 2px 1em;
		font-size: 13px;
		line-height: 1.4;
	}
	.timetable .box .title {
		padding: 0 0 5px 0;
		font-size: 14px;
		line-height: 1.4;
	}
	.timetable .box .picon {
		display: inline-block;
	}
	/* ゼネラルセッション */
	.timetable .box-general {
		top: 0;
		padding: 10px;
		width: 100% !important;
		font-size: 14px;
		line-height: 1.7;
	}
	.timetable .box-general .check {
		padding: 1px 10px 0 0;
	}
	.timetable .box-general .time-block .time {
		line-height: 1.4;
	}
	.timetable .box-general .time-block .full {
		padding: 2px 1em;
	}
	.timetable .box-general .list-portrait {
		width: 100% !important;
	}
	/* TOKYO用1日目 */
	.timetable.timetable-tokyo-day1 .box-general .list-portrait li {
		width: 25%;
	}

	/*--------------------------------------------------------
		[セッション] セッションボタン
	*/
	.session-btns {
		margin: 0;
	}
	.session-btns .in {
		display: block;
	}
	.session-btns .in div {
		display: block;
		padding: 10px 0 0 0;
	}
	.session-btns .in div:first-child {
		padding: 0;
	}

	/*--------------------------------------------------------
		[セッション] セッションカテゴリー説明
	*/
	.session-category .list ul li dl dd br {
		display: block;
	}
	/*.session-category .list {
		float: none;
		padding: 0;
		width: 100%
	}
	.session-category .list ul li {
		padding: 0;
		width: 25%;
		text-align: center;
	}
	.session-category .list ul li dl {
		display: block;
	}
	.session-category .list ul li dl dt {
		display: block;
		margin: 0 auto;
	}
	.session-category .list ul li dl dd {
		display: block;
		padding: 10px 0 0 0;
	}
	.session-category .col2 {
		float: none;
		padding: 30px 0 15px 0;
		width: 100%;
	}
	.session-category .col2 .category {
		width: 86%;
	}*/

	/*--------------------------------------------------------
		[セッション] プログラムリスト
	*/
	.session-timetable-list .col {
		margin-top: 30px;
	}
	.session-timetable-list .col:first-child {
		margin-top: 0;
	}

	/*--------------------------------------------------------
		[セッション] プログラムヘッド
	*/
	.session-detail-head .id {
		float: none;
		margin: 0;
		padding: 0 0 10px 0;
	}

	/*--------------------------------------------------------
		[セッション] 詳細内容
	*/
	.session-detail-content {
		display: block;
	}
	.session-detail-content .logo,
	.session-detail-content .info {
		display: block;
	}
	.session-detail-content .logo {
		margin: 0 auto;
		padding: 0;
		width: 280px;
	}

	/*--------------------------------------------------------
		[セッション] スピーカーリスト
	*/
	.session-speaker-list ul li {
		width: 50%;
	}

	/*--------------------------------------------------------
		[セッション] モーダル：タイムテーブルについて
	*/
	.modal-timetable-document {
		left: 50%;
		margin-left: -320px;
		max-width: 640px;
	}
	.modal-timetable-document .doc-program,
	.modal-timetable-document .doc-type {
		float: none;
		padding: 0;
		width: 100%;
	}
	.modal-timetable-document .doc-type {
		margin-top: 30px;
	}

	/*--------------------------------------------------------
		[SHOWCASEシアター] シアターリスト
	*/
	.program-theater-list .col {
		margin-top: 30px;
	}
	.program-theater-list .col:first-child {
		margin-top: 0;
	}

	/*--------------------------------------------------------
		[VMware ハンズオンラボ] ハンズオンラボ
	*/
	/* メイン */
	.lab-main .logo {
		top: 20px;
	}
	.lab-main .head .h {
		padding-top: 30px;
	}

	/*--------------------------------------------------------
		[VMware ハンズオンラボ] 詳細内容
	*/
	/* ワークショップでもご体験 */
	.lab-experience {
		display: block;
	}
	.lab-experience .exp {
		display: block;
		padding-bottom: 0;
	}
	.lab-experience .exp .btn {
		margin: 0 auto;
	}
	.lab-experience .image {
		display: block;
		width: 100%;
	}

	/*--------------------------------------------------------
		[マイページ] ホームメニュー
	*/
	.mypage-home-menu ul li {
		width: 33.333%;
	}

	/*--------------------------------------------------------
		[マイページ] マイタイムテーブルリスト
	*/
	.mypage-mytimetable-list .col {
		margin-top: 40px;
	}
	.mypage-mytimetable-list .col:first-child {
		margin-top: 0;
	}

	/*--------------------------------------------------------
		[マイページ] ワークショップタイムテーブル
	*/
	.workshop-timetable .box {
		position: static;
		margin: 0 !important;
		width: 100% !important;
		border-top: 0 !important;
	}
	.workshop-timetable .table-settion {
		display: none;
	}
	.workshop-timetable .table-workshop {
		width: 100% !important;
		height: auto !important;
		background-color: #fff;
	}
	.workshop-timetable .table-workshop .col-list:before {
		display: none;
	}
	.workshop-timetable .line {
		display: none;
	}

	/*--------------------------------------------------------
		[マイページ] ハンズオンラボを試す
	*/
	/* 概要 */
	.mypage-hands-on .outline {
		display: block;
	}
	.mypage-hands-on .outline .detail,
	.mypage-hands-on .outline .video {
		display: block;
	}
	.mypage-hands-on .outline .video {
		margin: 30px 0 0 0;
		padding: 0;
		width: 100%;
	}
	/* 先行体験 */
	.mypage-hands-on .list li .h br {
		display: none;
	}
	/* 最新リスト */
	.mypage-hands-on .list-trial {
		margin: 0 -15px;
	}
	.mypage-hands-on .list-trial li {
		padding: 0 15px;
	}

}

/*============================================================
	ブレイクポイント Bootstrap3基準 xs
*/
@media screen and (max-width: 767px) {

	/*--------------------------------------------------------
		COMMON
	*/
	body {
		
	}

	/*--------------------------------------------------------
		Bootstrap4 リセット
	*/
	.container {
		max-width: 100%;
	}

	/*--------------------------------------------------------
		コンテナサイズ
	*/
	.wide-col-6 {
		width: auto;
	}

	/*--------------------------------------------------------
		サイズチェック用
	*/
	#sizeLg { display: none; }
	#sizeMd { display: none; }
	#sizeSm { display: none; }
	#sizeXs { display: block; }

	/*--------------------------------------------------------
		[ヘッダー] 共通
	*/
	#header .logo {
		top: 20px !important;
		left: 15px !important;
		width: 100px !important;
	}

	/*--------------------------------------------------------
		[ヘッダー] トップナビ
	*/
	#header .header-top {
		top: 5px;
	}
	/* マイページ用 */
	.page-mypage #header .header-top {
		top: 20px;
	}
	.page-mypage #header .header-top ul {
		padding-right: 45px;
	}
	/* トグルボタン */
	#header .navbar-toggle-mypage {
		display: block;
	}

	/*--------------------------------------------------------
		[ヘッダー] 基本パターン
	*/
	#header .header-static {
		border-width: 2px;
	}
	#header .header-static .container {
		height: 58px;
	}

	/*--------------------------------------------------------
		[ヘッダー] マイページ用
	*/
	#header .header-mypage .container {
		height: 58px;
	}

	/*--------------------------------------------------------
		[ナビゲーション] 共通
	*/
	#header .header-nav {
	}
	#header .header-nav .container {
		padding: 0;
	}
	#header .header-nav nav {
		display: block;
		overflow: hidden;
		height: 0;
	}
	.nav-opened #header .header-nav nav {
		height: 100%;
	}
	#header .header-nav nav ul {
		display: block;
	}
	#header .header-nav nav ul li {
		display: block;
		border-bottom: 1px solid #000000;
		text-align: left;
		font-size: 14px;
		line-height: 1.4;
	}
	#header .header-nav nav ul li a {
		display: block;
		padding: 10px 15px;
	}
	#header .header-nav nav ul li a span {
		display: block;
		padding: 0;
		height: auto;
	}
	#header .header-nav nav ul li a span .spacer {
		position: static;
		display: inline;
	}
	#header .header-nav nav ul li a span br {
		display: none;
	}
	#header .header-nav nav ul li.nav-register {
		padding: 0;
	}
	#header .header-nav nav ul li.nav-register a {
		border-radius: 0;
	}
	#header .header-nav nav ul li.nav-register a span {
		padding: 0;
		height: auto;
	}
	/* トグルボタン */
	#header .navbar-toggle {
		display: block;
	}

	/*--------------------------------------------------------
		[ナビゲーション] 下層
	*/
	#header .subnav {
		position: absolute;
		top: 60px; left: 0;
		z-index: 500;
	}
	#header .subnav .subnav-close {
		position: absolute;
		top: 0; right: 0;
		display: block;
		padding: 12px 12px;
		font-size: 28px;
		line-height: 1;
		color: #fff;
	}
	#header .subnav .container {
		padding: 15px 15px !important;
	}
	#header .subnav .text {
		padding-top: 0;
		padding-bottom: 5px;
	}
	#header .subnav ul {
		margin: 0;
		padding-top: 0;
		padding-left: 18px;
	}
	#header .subnav ul li {
		padding: 2px 0;
	}
	#header .subnav ul li a {
		padding-left: 12px;
	}
	#header .subnav ul li ul {
		padding-top: 2px;
		padding-left: 15px;
	}
	#header .subnav ul li ul li {
		padding: 2px 0;
	}
	#header .subnav ul li ul li a {
		padding-left: 12px;
	}

	/*--------------------------------------------------------
		[ナビゲーション] マイページ用
	*/
	#header .header-nav-mypage {
		position: fixed;
		z-index: 2000;
		top: 0; right: 100%;
		width: 100%; height: 100%;
		box-shadow: 0 0 0 0 rgba(0,0,0,0);
	}
	.nav-mypage-opened #header .header-nav-mypage {
		right: 58px;
	}
	#header .header-nav-mypage .container {
		padding: 20px 0;
		height: 100%;
		background-color: #707070;
		overflow-y: auto;
	}
	#header .header-nav-mypage nav {
		padding-left: 58px;
		text-align: center;
	}
	#header .header-nav-mypage nav a {
		color: #fff !important;
		padding: 10px 5px !important;
	}
	#header .header-nav-mypage nav ul.nav li {
		float: none;
		width: 100%;
		font-size: 16px;
	}
	#header .header-nav-mypage nav ul.nav li .root a {
		display: block;
	}
	#header .header-nav-mypage nav ul.nav li .root a:hover {
		background: #000;
	}
	#header .header-nav-mypage nav ul.nav li .root a span {
		display: block;
		padding: 0;
		height: auto;
	}
	#header .header-nav-mypage nav ul.nav li .root a span br {
		display: none;
	}
	#header .header-nav-mypage nav ul.nav .child {
		position: static;
		margin: 0;
		padding: 0;
	}
	#header .header-nav-mypage nav ul.nav .child ul {
		margin: 0;
		background-color: #000;
		box-shadow: 0 0 0 0 rgba(0,0,0,0);
	}
	#header .header-nav-mypage nav ul.nav .child ul li {
		font-size: 15px;
	}
	#header .header-nav-mypage nav ul.nav .child ul li a {
		padding: 0;
	}
	/* LINE */
	#header .header-nav-mypage nav .social {
		display: block;
		margin: 20px 15px 0 15px;
		padding: 15px 0;
		background-color: #eaeaea;
		border-radius: 4px;
		color: #717074;
	}
	#header .header-nav-mypage nav .social li {
		padding: 5px 0;
	}
	#header .header-nav-mypage nav .social dl {
		display: table;
		margin: 0 auto;
	}
	#header .header-nav-mypage nav .social dl dt,
	#header .header-nav-mypage nav .social dl dd {
		display: table-cell;
		vertical-align: middle;
		text-align: left;
	}
	#header .header-nav-mypage nav .social dl dt {
		width: 70px;
	}
	#header .header-nav-mypage nav .social dl dd a {
		padding: 0 !important;
	}

	/*--------------------------------------------------------
		[フッター] 共通
	*/
	#footer {
		padding: 30px 0;
	}
	#footer .contact {
		margin: 30px 0 0 0;
		text-align: center;
	}
	#footer .contact dl {
		font-size: 16px;
	}
	#footer .contact dl dt,
	#footer .contact dl dd {
		display: block;
	}
	#footer .contact dl dd {
		padding: 0;
	}
	#footer .copyright {
		margin: 20px 0 0 0;
		text-align: center;
		font-size: 14px;
	}
	#footer .copyright p {
		display: block;
	}
	#footer .copyright ul {
		display: table;
		margin: 0 auto;
	}
	#footer .copyright ul li {
		display: table-cell;
		vertical-align: middle;
	}
	#footer .copyright ul li {
		padding: 0 0.5em;
	}
	#footer .footer {
		margin: 25px 0 0 0;
		padding: 30px 0 0 0;
	}
	#footer .vmware {
		margin: 0 auto;	
	}

	/*--------------------------------------------------------
		[汎用] コンテンツ枠
	*/
	section {
		padding-top: 60px;
	}
	.page-home section,
	.page-about section,
	.page-program section,
	.page-showcase section,
	.page-lab section,
	.page-faq section,
	.page-map section,
	.page-sponsor section {
		padding-top: 88px;
	}
	.page-static section {
		padding-top: 60px;
	}
	.page-mypage section {
		padding-top: 58px;
	}
	.has-side-nav .content {
		padding-bottom: 0;
	}
	.content {
		padding: 40px 0 60px 0;
	}

	/*--------------------------------------------------------
		[汎用] ページの先頭へ
	*/
	.pagetop {
		bottom: 15px; right: 15px;
	}

	/*--------------------------------------------------------
		[汎用] ソーシャル
	*/
	.social-btn-content {
		margin: 15px 0 0 0;
	}
	.layout-social {
		padding: 30px 0;
	}
	/* ウィジェット */
	.social-widget {
		margin: 30px -10px 0 -10px;
	}
	.social-widget .facebook,
	.social-widget .twitter {
		padding: 0 10px;
	}

	/*--------------------------------------------------------
		[汎用] カラムレイアウト
	*/
	.layout-col-2.break-xs,
	.layout-col-3.break-xs,
	.layout-col-4.break-xs {
		margin-left: 0;
		margin-right: 0;
	}
	.layout-col-2.break-xs .col,
	.layout-col-3.break-xs .col,
	.layout-col-4.break-xs .col,
	ul.layout-col-2.break-xs li,
	ul.layout-col-3.break-xs li,
	ul.layout-col-4.break-xs li {
		float: none;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	/* サイドナビ */
	.layout-side-nav {
		padding: 0;
	}
	.layout-side-nav .column {
		padding: 0 15px;
	}

	/*--------------------------------------------------------
		[汎用] ボタン
	*/
	/* サイズ：大 */
	.btn-lg span {
		font-size: 20px;
	}

	/*--------------------------------------------------------
		[モーダル] チップ
	*/
	.modal-tip-box {
		width: 100%;
	}
	.modal-tip-box .base {
		margin: 0 15px;
	}

	/*--------------------------------------------------------
		[登録] メールアドレスの入力
	*/
	.register-email-form .table
	.register-email-form .table tbody,
	.register-email-form .table tr,
	.register-email-form .table th,
	.register-email-form .table td {
		display: block;
		width: 100%;
	}
	.register-email-form .table th {
		padding: 10px 0 0 0;
		font-size: 14px;
	}
	.register-email-form .table tr:first-child th {
		padding: 0;
	}
	.register-email-form .table td {
		margin: 10px 0 0 0;
		padding: 0;
	}
	.register-email-form .table th p i {
		position: static;
		margin: 0 0 0 0.8em;
	}

	/*--------------------------------------------------------
		[登録] 流れ
	*/
	.register-steps {
		margin-bottom: 15px;
	}
	.register-steps ul {
		margin: 0 -1px;
	}
	.register-steps ul li {
		padding: 0;
		border: 1px solid #fff;
	}
	.register-steps ul li p {
		padding: 6px 0;
	}
	.register-steps ul.steps-3 li {
		width: 50%;
	}
	.register-steps ul.steps-4 li {
		width: 50%;
	}

	/*--------------------------------------------------------
		[登録] お客様情報の入力
	*/
	.register-form .table td .size-full .form-control,
	.register-form .table td .size-middle .form-control {
		width: 100%;
	}
	.register-form .table td .form-wrap div {
		float: none;
	}
	/* 横並びブロック */
	.register-form .table td .inline .size-middle {
		float: none;
		width: 100%;
	}
	/* 説明のテキスト */
	.register-form .table td .inline .text {
		padding-left: 0;
	}
	/* 名前 */
	.register-form .table td .name dl {
		display: table;
		float: none;
		padding: 0;
		width: 100%;
	}
	.register-form .table td .name dl dt,
	.register-form .table td .name dl dd {
		display: table-cell;
		padding-top: 5px;
		vertical-align: top;
		float: none;
	}
	.register-form .table td .name dl dt {
		width: 1px;
	}
	.register-form .table td .name dl dd input {
		width: 100%;
	}
	/* 法人格 */
	.register-form .table td .employment {
		display: block;
	}
	.register-form .table td .employment .col {
		display: block;
		margin: 5px 0 0 0;
	}
	.register-form .table td .employment .col input {
		width: 100%;
	}
	/* 横並びリスト */
	.register-form .table .list-inline ul {
		float: none;
	}
	/* フォーム エラー表示 */
	.register-form .table .list-inline .alert,
	.register-form .form-wrap span.alert {
		display: block;
		float: none;
		padding-left: 0;
		line-height: 1.5;
	}

	/*--------------------------------------------------------
		[セッション] セッションタイムテーブル
	*/
	/* 講演者リスト */
	.timetable .box-general .list-portrait li {
		width: 33.333% !important;
	}

	/*--------------------------------------------------------
		[セッション] セッションカテゴリー説明
	*/
	.session-category {
		margin: 30px 0 0 0;
	}
	.session-category .list ul {
		margin: 15px 0 0 0;
	}
	.session-category .list ul li {
		padding: 0 0 15px 0;
		width: 50%;
		text-align: left;
	}
	.session-category .list ul li dl {
		display: table;
		text-align: left;
	}
	.session-category .list ul li dl dt {
		display: table-cell;
		vertical-align: middle;
	}
	.session-category .list ul li dl dd {
		display: table-cell;
		vertical-align: middle;
		padding: 0 0 0 10px;
	}

	/*============================================================
		[セッション] プログラムヘッド
	*/
	.session-detail-head .date {
		float: none;
		margin: 0 15px 0 0;
	}
	.session-detail-head .picon {
		margin-top: 5px;
	}

	/*--------------------------------------------------------
		[セッション] モーダル：おすすめセッション
	*/
	.modal-recommend .list .col {
		float: none;
		padding: 0;
		width: 100%;
	}
	.modal-recommend .btns {
		padding: 25px 15px;
	}
	.modal-recommend .btns .row {
		display: block;
		width: 100%;
	}
	.modal-recommend .btns .row .col {
		float: none;
		padding: 5px 0;
		width: 100%;
	}

	/*--------------------------------------------------------
		[セッション] モーダル：タイムテーブルについて
	*/
	.modal-timetable-document {
		left: 0;
		margin-left: 0;
		max-width: 100%;
	}

	/*--------------------------------------------------------
		[展示] スポンサーリスト
	*/
	.program-expo-list ul li {
		margin: 20px 0 0 0;
		font-size: 100%;
	}

	/*--------------------------------------------------------
		[SOLUTIONS SHOWCASE] メイン
	*/
	/* メイン */
	.showcase-main {
		height: 160px;
	}
	.showcase-main .container {
		padding: 0;
		height: 100%;
	}
	.showcase-main .head {
		height: 100%;
	}
	.showcase-main .head .h span {
		width: 320px;
	}
	.showcase-main .corner-grid {
		width: 220px;
	}
	.showcase-main .corner-grid-top {
		top: 0; left: -74px;
	}
	.showcase-main .corner-grid-bottom {
		bottom: 0; right: -74px;
	}

	/*--------------------------------------------------------
		[VMware ハンズオンラボ] ハンズオンラボ
	*/
	/* メイン */
	.lab-main {
		height: 160px;
	}
	.lab-main .corner-grid {
		width: 220px;
	}
	.lab-main .corner-grid-top {
		top: 0; left: -74px;
	}
	.lab-main .corner-grid-bottom {
		bottom: 0; right: -74px;
	}
	.lab-main .logo {
		position: static;
		margin: 0 auto;
		padding: 20px 0 0 0;
	}
	.lab-main .head {
		height: auto;
	}
	.lab-main .head .h {
		padding-top: 10px;
	}
	/* 日本語マニュアルあり */
	.manual-jp {
		margin-top: 5px;
	}
	/* リスト */
	.lab-list ul li {
		display: block;
		padding: 8px 0;
	}
	.lab-list ul li p {
		display: block;
		padding: 0;
		font-size: 14px;
		line-height: 1.5;
	}
	.lab-list ul li p.manual-jp {
		margin: 5px 0 0 0;
		width: auto;
	}

	/*--------------------------------------------------------
		[マイページ] お知らせ
	*/
	.mypage-news {
		padding: 15px;
		font-size: 12px;
	}
	.mypage-news h2,
	.mypage-news h2 a {
		font-size: 14px;
	}

	/*--------------------------------------------------------
		[マイページ] ホームメニュー
	*/
	.mypage-home-menu ul li a {
		height: 120px;
	}
	.mypage-home-menu ul li i {
		padding: 10px 0 0 0;
		font-size: 34px;
		line-height: 60px;
	}
	.mypage-home-menu ul li h2,
	.mypage-home-menu ul li h2.small {
		font-size: 14px;
		line-height: 1.4;
	}

	/*--------------------------------------------------------
		[マイページ] ホーム招待コード
	*/
	.mypage-home-code {
		margin-bottom: 0;
		padding: 15px;
	}
	.mypage-home-code .inner,
	.mypage-home-code dl,
	.mypage-home-code .lead {
		display: block;
	}
	.mypage-home-code dl {
		padding: 0;
		text-align: center;
	}
	.mypage-home-code dl dt {
		padding: 0;
	}
	.mypage-home-code dl dd {
		font-size: 21px;
	}
	.mypage-home-code .lead {
		margin: 10px 0 0 0;
		font-size: 12px;
	}

	/*--------------------------------------------------------
		[マイページ] マイタイムテーブルリスト
	*/
	.mypage-mytimetable-list .col {
		margin-top: 30px;
	}
	.mypage-mytimetable-list .col:first-child {
		margin-top: 0;
	}

	/*--------------------------------------------------------
		[マイページ] ワークショップリスト
	*/
	.mypage-workshop-list table,
	.mypage-workshop-list table tbody,
	.mypage-workshop-list table tr,
	.mypage-workshop-list table th,
	.mypage-workshop-list table td {
		display: block;
		padding: 0;
		width: 100% !important;
	}
	.mypage-workshop-list table tr {
		padding: 0 0 10px 0;
	}
	.mypage-workshop-list table th {
		padding: 10px 0 0 0;
	}
	.mypage-workshop-list table td {
		border-top: 0;
	}
	.mypage-workshop-list table td.id span {
		display: inline-block;
	}

	/*--------------------------------------------------------
		[マイページ] ハンズオンラボを試す
	*/
	/* 概要 */
	.mypage-hands-on .outline {
		margin: 10px 0 0 0;
	}
	.mypage-hands-on .outline .video {
		margin: 20px 0 0 0;
	}
	/* 先行体験 */
	.mypage-hands-on .list {
		margin: 10px 0 20px 0;
	}
	.mypage-hands-on .list li {
		float: none;
		margin: 20px 0 0 0;
		padding: 0;
		width: 100%;
	}
	.mypage-hands-on .list li .h {
		margin: 0;
		font-size: 14px;
		line-height: 1.5;
	}
	.mypage-hands-on .list li .h br {
		display: block;
	}
	/* ボタン */
	.mypage-hands-on .btn-lg {
		padding: 8px 10px;
	}

	/*--------------------------------------------------------
		[マイページ] ビデオカード
	*/
	.mypage-video-card .thumb {
		width: 50%;
	}

	/*--------------------------------------------------------
		[マイページ] フロアマップ
	*/
	.mypage-floormap .map {
		margin-top: 0;
		border-width: 0px;
		border-bottom: 1px solid #bababa;
		padding-top: 86%;
		width: 100%; height: 0;
	}
	.mypage-floormap .map .ctr {
		bottom: 10px; right: 6px;
	}
	.mypage-floormap .map .ctr a {
		font-size: 42px;
	}
	.mypage-floormap .btn-wrap {
		margin-top: 30px;
		width: 340px;
	}
	.mypage-floormap .btn-wrap br {
		display: block;
	}

	/*--------------------------------------------------------
		[マイページ] ハンズオンラボを試す
	*/
	/* 最新リスト */
	.mypage-hands-on .list-trial {
		margin: 0;
	}
	.mypage-hands-on .list-trial li {
		float: none;
		padding: 0;
		width: 100%;
	}
	.mypage-hands-on .list-trial li .inner {
		padding: 15px 0;
	}
	.mypage-hands-on .list-trial li:nth-child(2) .inner {
		border-top: 0;
	}
	.mypage-hands-on .list-trial li .block .badge {
		padding: 0 0 15px 0;
		width: 60px;
	}
	.mypage-hands-on .list-trial li .btn {
		line-height: 1.5;
	}
	.mypage-hands-on .list-trial li .btn span {
		font-size: 14px;
		line-height: 1.5;
	}
	.mypage-hands-on .list-trial li .btn span i {
		font-size: 14px;
		line-height: 1.5;
	}

}

/*============================================================
	ブレイクポイント Bootstrap3基準 xxs
*/
@media screen and (max-width: 575px) {

	/*--------------------------------------------------------
		COMMON
	*/
	body {
		font-size: 14px;
	}

	/*--------------------------------------------------------
		コンテナサイズ
	*/
	.wide-col-4 {
		width: auto;
	}

	/*--------------------------------------------------------
		[ヘッダー] トップナビ
	*/
	#header .container {
		padding-right: 0;
	}
	#header .header-top ul {
		padding-right: 40px;
	}
	#header .header-top ul li {
		margin-left: 0;
	}
	#header .header-top ul li.nav-tokyo,
	#header .header-top ul li.nav-osaka,
	#header .header-top ul li.nav-online {
		display: none;
	}
	#header .header-top .pointer {
		display: block;
	}
	/* マイページ用 */
	.page-mypage #header .header-top ul {
		padding-right: 60px;
	}
	.page-mypage #header .header-top ul li.nav-tokyo,
	.page-mypage #header .header-top ul li.nav-osaka,
	.page-mypage #header .header-top ul li.nav-online {
		display: block;
	}
	.page-mypage #header .header-top ul li {
		margin-left: 12px;
	}

	/*--------------------------------------------------------
		[ヘッダー] トップナビ
	*/
	.header-top-nav {
		height: 100%;
	}

	/*--------------------------------------------------------
		[フッター] 共通
	*/
	#footer .notes li {
		font-size: 12px;
		line-height: 1.9;
	}

	/*--------------------------------------------------------
		[汎用] コンテンツ枠
	*/
	.content {
		padding: 20px 0 30px 0;
	}

	/*--------------------------------------------------------
		[汎用] パン屑
	*/
	.breadcrumb {
		display: none;
	}

	/*--------------------------------------------------------
		[汎用] ソーシャル
	*/
	/* ウィジェット */
	.social-widget {
		margin: 30px 0 0 0;
	}
	.social-widget .facebook,
	.social-widget .twitter {
		float: none;
		padding: 0;
		width: 100%;
	}
	.social-widget .twitter {
		margin: 30px 0 0 0;
	}

	/*============================================================
		[汎用] ソーシャル その2
	*/
	.layout-social-info {
		margin: 30px 0 0 0;
		padding: 20px 15px;
	}
	.layout-social-info .h br {
		display: block;
	}
	.layout-social-info ul {
		margin-top: 0;
	}
	.layout-social-info ul li {
		display: table;
		margin: 0 auto;
		margin-top: 15px;
	}

	/*============================================================
		[汎用] レイアウト
	*/
	.layout-block {
		margin-bottom: 40px;
	}

	/*--------------------------------------------------------
		[汎用] カラムレイアウト
	*/
	.layout-col-2.break-xxs,
	.layout-col-3.break-xxs,
	.layout-col-4.break-xxs {
		margin-left: 0;
		margin-right: 0;
	}
	.layout-col-2.break-xxs .col,
	.layout-col-3.break-xxs .col,
	.layout-col-4.break-xxs .col,
	ul.layout-col-2.break-xxs li,
	ul.layout-col-3.break-xxs li,
	ul.layout-col-4.break-xxs li {
		float: none;
		padding-left: 0;
		padding-right: 0;
		width: 100%;
	}
	/* サイドナビ */
	.layout-side-nav .column,
	.layout-side-nav .side-nav {
		margin-top: 30px;
	}

	/*--------------------------------------------------------
		[汎用] 見出し
	*/
	.h1 {
		font-size: 21px;
		line-height: 1.5;
	}
	.h2 {
		font-size: 18px;
		line-height: 1.5;
	}
	.h3 {
		font-size: 18px;
		line-height: 1.5;
	}
	.h4 {
		font-size: 15px;
		line-height: 1.6;
	}
	.h-small {
		font-size: 100%;
		line-height: 1.6;
	}
	/* 中見出し */
	.subhead-border {
		padding: 0 0 10px 0;
	}
	.subhead .note {
		margin: 0 0 10px 0;
		font-size: 12px;
	}
	.subhead-fill,
	.subhead-fill-primary {
		padding: 5px 10px;
		font-size: 100%;
	}
	/* エラー見出し */
	.h-error {
		margin: 25px 0 0 0;
		text-align: left;
		font-size: 16px;
		line-height: 1.5;
	}
	/* レイアウト */
	.layout-head {
		margin: 0 0 25px 0;
	}
	.layout-head .h3:first-child,
	.layout-head .h4:first-child {
		margin: 0 0 5px 0;
	}
	.layout-head-secondary {
		padding: 12px 0 10px 0;
	}
	.layout-head-secondary .h {
		font-size: 16px;
		line-height: 1.3;
	}

	/*--------------------------------------------------------
		[汎用] ボタン
	*/
	/* サイズ：大 */
	.btn-lg span {
		font-size: 16px;
	}
	/* レイアウト */
	.layout-btn-col2 .in {
		margin: 0;
	}
	.layout-btn-col2 .in .col {
		float: none;
		margin: 0 0 15px 0;
		padding: 0;
		width: 100%;
	}
	.layout-btn-col2 .in .col:last-child {
		margin: 0;
	}

	/*--------------------------------------------------------
		[汎用] リスト
	*/
	/* 基本 */
	ul.list-primary li {
		margin: 10px 0 0 0;
	}
	/* 丸付きサイズ大 */
	ul.list-circle-lg {
		font-size: 100%;
	}

	/*--------------------------------------------------------
		[汎用] フォーム
	*/
	.form .input-lg input {
		height: 34px;
		font-size: 14px;
		line-height: 1.7;
	}
	.form i.must,
	.form i.opt {
		padding: 4px 0.6em;
		font-size: 12px;
	}

	/*--------------------------------------------------------
		[モーダル] 共通
	*/
	/* 見出し */
	.modal-head {
		padding: 20px 0 0 0;
	}
	.modal-head .h {
		font-size: 18px;
	}
	/* 閉じるボタン */
	.modal-btn-close {
		padding: 10px 10px;
		font-size: 24px;
		line-height: 1;
	}

	/*--------------------------------------------------------
		[モーダル] チップ
	*/
	.modal-tip-box .base {
		padding: 30px 20px 20px 20px;
	}
	.modal-tip-box .base .tip-close {
		padding: 10px 10px;
		font-size: 24px;
		line-height: 1;
	}

	/*--------------------------------------------------------
		[モーダル] イメージ
	*/
	.modal-image-window .modal-image-content {
		border-width: 2px;
	}
	.modal-image-window .modal-image-close {
		top: 2px; right: 12px;
		padding: 10px 10px;
		font-size: 24px;
		line-height: 1;
	}

	/*--------------------------------------------------------
		[モーダル] フォーム
	*/
	.modal-teaser-window .modal-teaser-close {
		top: 2px; right: 12px;
		padding: 10px 10px;
		font-size: 24px;
		line-height: 1;
	}

	/*--------------------------------------------------------
		[登録] モーダル：メールアドレス登録済み
	*/
	.modal-registered {
		padding: 20px 15px 15px 15px;
	}
	.modal-registered .h {
		margin-bottom: 10px;
		font-size: 18px;
		line-height: 1.5;
	}
	.modal-registered .btn {
		margin-top: 20px;
	}

	/*--------------------------------------------------------
		[登録] メールアドレスの確認
	*/
	.register-email-confirm {
		margin: 20px 0;
	}
	.register-email-confirm dl {
		padding: 15px;
		font-size: 100%;
	}
	.register-email-confirm dl dd {
		margin: 0;
	}

	/*--------------------------------------------------------
		[登録] 完了していません
	*/
	.register-incomplete .h {
		padding: 8px 1em;
		font-size: 16px;
	}

	/*--------------------------------------------------------
		[登録] ご注意
	*/
	.register-attention {
		line-height: 1.5;
	}
	.register-attention .in div {
		padding: 0 15px;
	}
	.register-attention .in i {
		font-size: 40px;
		line-height: 1;
	}

	/*--------------------------------------------------------
		[登録] プライバシー
	*/
	.register-privacy {
		margin: 30px 0;
		padding: 15px 15px;
		line-height: 1.5;
	}

	/*--------------------------------------------------------
		[登録] 招待コード
	*/
	.register-code {
		margin-top: 15px;
	}
	.register-code .form p {
		font-size: 100%;
	}
	.register-code .form .code {
		font-size: 22px;
	}
	.register-code .form .input-lg .form-control {
		margin: 10px 0 0 0;
		width: 100%;
		font-size: 18px;
	}

	/*--------------------------------------------------------
		[登録] お客様情報の入力
	*/
	/* フォーム */
	.register-form .h {
		font-size: 18px;
	}
	.register-form fieldset {
		margin-top: 20px;
		padding: 0 0 10px 0;
	}
	.register-form .table th p i,
	.register-form .table .th p i {
		top: -1px;
	}
	.register-form .table td select {
		width: 100%;
	}
	/* 名前 */
	.register-form .table td .name dl dt p {
		line-height: 34px;
	}
	/* 法人格 */
	.register-form .table td .employment .col {
		padding: 0;
	}
	/* 横並びリスト */
	.register-form .table .list-inline .list-indent {
		margin: 0 0 10px 0;
		padding: 0 0 10px 1.5em;
	}
	.register-form .table .list-inline .list-row li {
		float: none;
		padding: 4px 0 0 0;
		width: 100%;
	}
	/* フォーム 住所検索ボタン */
	.register-form .zipcode .btn {
		width: 60px;
	}

	/*--------------------------------------------------------
		[登録] 登録内容のご確認
	*/
	/* お客様情報 */
	.register-confirm {
		margin-top: 30px;
	}
	.register-confirm .h {
		font-size: 18px;
	}
	.register-confirm .col {
		margin-top: 30px;
	}
	.register-confirm table th {
		padding-right: 20px;
		width: 40%;
	}
	/* 選択したセッション */
	.register-confirm-timetable-list {
		margin-top: 10px;
	}
	.register-confirm-timetable-list .col {
		margin-top: 30px;
	}

	/*============================================================
		[登録] 完了表示
	*/
	.register-complete {
		margin-bottom: 20px;
	}
	.register-complete .icon {
		font-size: 100px;
		line-height: 1;
	}
	.register-complete .copy {
		margin: 20px 0;
		font-weight: normal;
		font-size: 100%;
	}
	.register-complete .subject {
		font-size: 16px;
		line-height: 1.3;
	}

	/*--------------------------------------------------------
		[プログラム] タグ
	*/
	.program-tags {
		margin: 0 0 10px 0;
	}
	.program-tags ul li {
		font-size: 13px;
		line-height: 1.5;
	}

	/*--------------------------------------------------------
		[プログラム] プログラムヘッド
	*/
	.program-detail-head {
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
	}
	.program-detail-head .logo {
		margin-top: -10px;
		padding-bottom: 15px;
		width: 242px;
	}
	.program-detail-head .company {
		margin: 0 0 10px 0;
		font-weight: normal;
		font-size: 100%;
		line-height: 1.7;
	}

	/*--------------------------------------------------------
		[セッション] セッションタイムテーブル
	*/
	/* 見出し */
	.timetable-head {
		margin-top: 20px;
	}
	.timetable-head .h {
		font-size: 20px;
		line-height: 1.4;
	}
	/* タイムテーブル */
	.timetable {
    	margin-top: 10px;
		margin-bottom: 20px;
	}
	.timetable .box .full {
		font-size: 100%;
		line-height: 1.4;
	}
	/* 講演者リスト */
	.timetable .box-general .list-portrait li {
		width: 50% !important;
	}
	.timetable .box-general .list-portrait li .image {
		width: 80%;
		max-width: 120px;
	}
	.timetable .box-general .list-portrait li p {
		font-size: 12px;
	}
	.timetable .box-general .list-portrait li .name {
		font-size: 100%;
	}
	.timetable .box-general .interpreter {
		margin: 15px 0 0 0;
		font-size: 12px;
	}

	/*--------------------------------------------------------
		[セッション] セッションカテゴリー説明
	*/
	.session-category {
		padding-bottom: 15px;
	}
	.session-category .h {
		margin: 0 0 15px 0;
	}
	.session-category .list ul li {
		padding: 0 0 15px 0;
	}
	.session-category .list ul li dl {
		display: block;
		text-align: center;
	}
	.session-category .list ul li dl dt {
		display: block;
		margin: 0 auto;
		width: 80px;
	}
	.session-category .list ul li dl dd {
		margin: 10px 0 0 0;
		display: block;
		font-size: 100%;
		line-height: 1.4;
	}

	/*--------------------------------------------------------
		[セッション] プログラムリスト
	*/
	.session-timetable-list {
		margin-top: 10px;
	}
	.session-timetable-list .col {
		margin-top: 20px;
	}

	/*============================================================
		[セッション] プログラムヘッド
	*/
	.session-detail-head {
		margin: 0 0 20px 0;
		padding: 0 0 20px 0;
	}
	.session-detail-head .info {
		margin: 0 0 10px 0;
	}
	.session-detail-head .id {
		padding: 0 0 8px 0;
		line-height: 1.5;
	}
	.session-detail-head .id span {
		padding: 0 10px;
	}
	.session-detail-head .date {
		font-size: 100%;
		line-height: 1.5;
	}
	.session-detail-head .picon {
		font-size: 12px;
	}
	.session-detail-head .h2 {
		margin: 10px 0 0 0;
	}

	/*============================================================
		[セッション] 詳細内容
	*/
	.session-detail-content {
		margin: 0 0 20px 0;
	}

	/*--------------------------------------------------------
		[セッション] スピーカーリスト
	*/
	.session-speaker-list ul {
		margin: 0;
	}
	.session-speaker-list ul li {
		margin: 15px 0 0 0;
		padding: 0;
		width: 100%;
		line-height: 1.5;
	}

	/*--------------------------------------------------------
		[セッション] モーダル：おすすめセッション
	*/
	.modal-recommend .wrapper {
		padding: 0 15px 20px 15px;
	}
	.modal-recommend .modal-head .h {
		padding: 0 0 10px 0;
		font-size: 21px;
		line-height: 1.5;
	}
	.modal-recommend .list {
		min-height: 1px;
	}
	.modal-recommend .list .box .check {
		top: 0;
	}
	.modal-recommend .list .box .id span {
		padding: 0 10px;
	}
	.modal-recommend .list .box .title {
		margin: 5px 0 0 0;
		font-size: 100%;
		line-height: 1.5;
	}
	.modal-recommend .list .box .time {
		margin: 0;
		font-size: 12px;
	}
	.modal-recommend .btns {
		padding: 10px 15px;
	}

	/*--------------------------------------------------------
		[セッション] モーダル：プログラム概要
	*/
	.modal-session-outline .wrapper {
		padding: 20px 15px 15px 15px;
	}
	.modal-session-outline .head .h {
		line-height: 1.3;
	}
	.modal-session-outline .head p {
		margin: 5px 0 0 0;
		line-height: 1.3;
	}
	.modal-session-outline .speaker li {
		float: none;
		padding: 0;
		width: 100%;
	}

	/*--------------------------------------------------------
		[セッション] モーダル：タイムテーブルについて
	*/
	.modal-timetable-document .wrapper {
		padding: 20px 15px;
		font-size: 12px;
	}
	.modal-timetable-document .doc-program ul li div,
	.modal-timetable-document .doc-program ul li .picon {
		padding-top: 5px;
		line-height: 1.5;
	}
	.modal-timetable-document .doc-type {
		margin-top: 20px;
		line-height: 1.7;
	}
	.modal-timetable-document .doc-type h2 {
		font-size: 16px;
	}

	/*--------------------------------------------------------
		[展示] スポンサータブ
	*/
	.program-sponsor-tabs .tabs {
		background-color: #5d5d5d;
	}
	.program-sponsor-tabs .tabs li {
		width: 33.333%;
	}
	.program-sponsor-tabs .tabs li a {
		padding: 5px 0;
		font-size: 12px;
		line-height: 1.5;
	}

	/*--------------------------------------------------------
		[展示] スポンサーリスト
	*/
	.program-expo-list .company {
		margin: 0 0 5px 0;
		padding: 0 0 4px 0;
	}

	/*--------------------------------------------------------
		[SHOWCASEシアター] シアターリスト
	*/
	.program-theater-list {
		margin-top: 10px;
	}
	.program-theater-list .col {
		margin-top: 20px;
	}

	/*--------------------------------------------------------
		[VMware ハンズオンラボ] ハンズオンラボ
	*/

	/*--------------------------------------------------------
		[VMware ハンズオンラボ] 詳細内容
	*/
	.lab-detail {
		margin: 0 0 20px 0;
	}
	/* ワークショップでもご体験 */
	.lab-experience {
		margin: 30px 0 0 0;
		border-radius: 8px;
	}
	.lab-experience .exp {
		padding: 15px 15px 10px 15px;
	}
	.lab-experience .exp .h {
		font-size: 18px;
	}
	.lab-experience .exp .btn {
		font-size: 14px;
	}
	.lab-experience .image {
		padding: 0 20px;
	}

	/*--------------------------------------------------------
		[マイページ]　ログイン
	*/
	.mypage-login-form {
		padding: 15px 15px;
	}
	.mypage-login-form .layout-head .h1 {
		font-size: 28px;
	}

	/*--------------------------------------------------------
		[マイページ] ホームメニュー
	*/
	.mypage-home-menu ul {
		margin: 0 -5px;
	}
	.mypage-home-menu ul li {
		padding: 5px;
		width: 50%;
	}
	.mypage-home-menu ul li h2,
	.mypage-home-menu ul li h2.small {
		font-size: 12px;
		line-height: 1.5;
	}

	/*--------------------------------------------------------
		[マイページ] マイタイムテーブルリスト
	*/
	.mypage-mytimetable-list {
		margin-top: 10px;
	}
	.mypage-mytimetable-list .col {
		margin-top: 30px;
	}
	.mypage-mytimetable-list .col:first-child {
		margin-top: 0;
	}
	.mypage-mytimetable-list .subhead-fill-primary {
		margin-top: 15px;
	}
	.mypage-mytimetable-list ul li {
		padding: 10px 0 !important;
	}
	.mypage-mytimetable-list ul li .room {
		position: static;
		margin: 0 0 5px 0;
		line-height: 1.5;
	}

	/*--------------------------------------------------------
		[マイページ] ビデオカード
	*/
	.mypage-video-card {
		margin: 20px auto;
	}
	.mypage-video-card .inner {
		display: block;
		height: auto;
	}
	.mypage-video-card .thumb {
		display: block;
		padding-top: 56.25%;
		width: 100%; height: 0;
	}
	.mypage-video-card .info {
		display: block;
		padding: 10px 15px 15px 15px;
	}
	.mypage-video-card .info .h {
		font-size: 22px;
	}

	/*--------------------------------------------------------
		[マイページ] ダウンロードについて
	*/
	.mypage-about-download {
		padding: 0 0 10px 0;
	}
	.mypage-about-download .inner {
		padding: 10px 15px;
	}

	/*--------------------------------------------------------
		[マイページ] ダウンロードルームラベル
	*/
	.mypage-rooms ul li {
		width: 33.333%;
	}
	.mypage-rooms ul li a {
		padding: 5px 0;
		min-width: 1px;
		font-size: 14px;
	}

	/*--------------------------------------------------------
		[マイページ] フロアマップ
	*/
	.mypage-floormap .btn-wrap {
		padding: 0 15px;
		width: 100%;
	}

	/*--------------------------------------------------------
		[マイページ] ダウンロードリスト
	*/
	.mypage-download-resource .block {
		margin: 30px 0 0 0;
	}
	.mypage-download-resource .info {
		position: static;
		padding: 0;
	}
	.mypage-download-resource .info .new {
		position: static;
		margin: 0 0 10px 0;
	}
	.mypage-download-resource .info .title {
		margin: 0;
	}

}

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

	/*--------------------------------------------------------
		[ヘッダー] トップナビ
	*/
	/* マイページ用 */
	.page-mypage #header .header-top ul {
		padding-top: 2px;
		padding-right: 56px;
	}
	.page-mypage #header .header-top ul li {
		margin-left: 10px;
		font-size: 11px;
	}

	/*--------------------------------------------------------
		[ナビゲーション] マイページ用
	*/
	#header .header-nav-mypage nav ul.nav li {
		font-size: 15px;
	}
	#header .header-nav-mypage nav ul.nav .child ul li {
		font-size: 12px;
	}

}