/*

	rev.11

	date 2018.10.25

*/

/*============================================================
	[汎用] 見出し
*/
.h-content {
	font-size: 32px;
	line-height: 1.3;
}
.h-content br {
	display: none;
}

/*============================================================
	[汎用] ボタン
*/
.btn-content {
	margin: 0 auto;
	padding: 6px 10px;
	width: 380px;
}
.btn-content span {
	font-size: 21px;
}

/*============================================================
	[汎用] セッションリスト
*/
.list-session-content {
	margin: 0 -15px;
	margin-top: 40px;
}
.list-session-content li {
	float: left;
	padding: 0 15px;
	padding-top: 164px;
	width: 33.333%;
	text-align: center;
}
.list-session-content li a {
	display: block;
	position: relative;
	text-decoration: none;
}
.list-session-content li .image {
	position: absolute;
	top: -164px; left: 50%;
	margin-left: -82px;
}
.list-session-content li .image span {
	display: block;
	overflow: hidden;
	width: 164px; height: 164px;
	border: 4px solid #0095d3;
	border-radius: 50%;
}
.list-session-content li .image img {
	width: 100%;
}
.list-session-content li .info {
	padding: 20px 0 0 0;
}
.list-session-content li .info h3 {
	font-size: 21px;
	line-height: 1.5;
}
.list-session-content li .info p {
	line-height: 1.7;
	color: #707070;
}

/*============================================================
	[ホーム]
*/
.content-home {
	padding-top: 0;
}
/* 見出し */
.content-home .subhead .h {
	font-size: 32px;
}
.content-home .subhead .h br {
	display: none;
}

/* メイン */
.content-home .main {
	position: relative;
	overflow: hidden;
	height: 500px;
}
.content-home .main img {
	width: 100%;
}
.content-home .main .wall {
display: none;
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: #fff;
}
.content-home .main .bg,
.content-home .main .base {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: transparent;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
@media screen and (max-width: 1414px) {
	.content-home .main .bg {
		left: 50%;
		margin-left: -707px;
		width: 1414px;
	}
}
.content-home .main .base .video {
	overflow: hidden;
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
}
.content-home .main .base .video video {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	pointer-events: none;
}
.content-home .main .head,
.content-home .main .info {
	opacity: 0;
	-webkit-transition: opacity 1.2s ease;
	        transition: opacity 1.2s ease;
}
.main-active .content-home .main .head,
.main-active .content-home .main .info {
	opacity: 1;
}
.content-home .main .head .h {
	position: absolute;
	top: 60px; left: 45px;
	width: 490px;
}
.content-home .main .info .container {
	padding: 275px 0 0 50px;
}
.content-home .main .info p {
	font-family: YakuHanJP, 'ヒラギノ角ゴシック', 'Hiragino Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-weight: 600;
	font-size: 18px;
	line-height: 1.7;
}
.content-home .main .info p br {
	display: none;
}
.content-home .main .info .btn {
	margin: 10px 0 0 0;
}

/* PC以外 */
.sp .content-home .main .wall {
	display: none;
}
.page-tokyo.sp .content-home .bg {
	background-image: url(../img/home/tokyo_main.jpg);
}
.page-osaka.sp .content-home .bg {
	background-image: url(../img/home/osaka_main.jpg);
}
.sp .content-home .main .head,
.sp .content-home .main .info {
	-webkit-transition: opacity 0s ease;
	        transition: opacity 0s ease;
	opacity: 1;
}

/* カウントダウン */
.content-home .countdown {
	background-color: #e2e2e2;
}
.content-home .countdown .wrap {
	display: table;
	margin: 0 auto;
}
.content-home .countdown .wrap .h {
	display: table-cell;
	vertical-align: middle;
	padding-right: 30px;
	height: 120px;
	font-size: 18px;
	line-height: 1.5;
}
.content-home .countdown .wrap .clock {
	display: table-cell;
	vertical-align: middle;
}

/* 最新情報 */
.content-home .news .head {
	text-align: center;
}
.content-home .news .head .h {
	font-size: 24px;
	line-height: 1.3;
}
.content-home .news .list {
	margin: 0 auto;
	margin-top: 30px;
	max-width: 760px;
}
.content-home .news .list li {
	position: relative;
	margin: 10px 0;
	padding: 0 0 0 60px;
	font-size: 100%;
	line-height: 1.7;
	color: #555555;
}
.content-home .news .list li .new {
	display: block;
	position: absolute;
	top: 1px; left: 0;
	width: 48px;
	background: #ff9d00;
	font-size: 12px;
	font-style: normal;
	line-height: 1.7;
	text-align: center;
	color: #ffffff;
}
.content-home .news .list li dl {
	display: table;
}
.content-home .news .list li dl dt,
.content-home .news .list li dl dd {
	display: table-cell;
	vertical-align: top;
}
.content-home .news .list li dl dt {
	padding-right: 1em;
	width: 1px;
	white-space: nowrap;
	font-weight: normal;
}

/* 開催概要 */
.content-home .outline {
}
.content-home .outline-fill {
	background-color: #efefef;
}
.content-home .outline .h {
	text-align: center;
	font-size: 24px;
	line-height: 1.5;
}
.content-home .outline .row {
	margin-top: 30px;
}
.content-home .outline table th,
.content-home .outline table td {
	vertical-align: top;
	font-weight: normal;
}
.content-home .outline table th {
	white-space: nowrap;
	width: 6em;
}
.content-home .outline table td a {
	word-wrap: break-word;
	word-break: break-all;
}

/* スポンサー */
.content-home .sponsor .head {
	text-align: center;
}
.content-home .sponsor .head .h {
	margin-bottom: 20px;
	font-size: 32px;
	line-height: 1.3;
}
.content-home .sponsor .list {
	margin: 0 -10px;
	margin-top: 30px;
}
.content-home .sponsor .list li {
	float: left;
	margin-bottom: 30px;
	padding: 0 10px;
	width: 25%;
}
.content-home .sponsor .list li img {
	width: 100%;
}

/* 開催風景 */
.content-home .photo {
}
.content-home .photo ul {
	margin: 30px 0 0 0;
}
.content-home .photo ul li {
	float: left;
	width: 25%;
}
.content-home .photo ul li a {
	display: block;
}
.content-home .photo ul li img {
	width: 100%;
}
.content-home .photo ul li a:hover {
	opacity: 0.7;
}

/*============================================================
	[vFORUMとは]
*/
.content-about {
}
/* vFORUMについて */
.content-about .beginning p {
	line-height: 1.6;
}
/* ご参加をおすすめする理由 */
.content-about .reason .list {
	margin: 0 -15px;
}
.content-about .reason .list li {
	float: left;
	margin: 30px 0 0 0;
	padding: 0 15px;
	width: 50%;
}
.content-about .reason .list .block {
	position: relative;
}
.content-about .reason .list .block .thumb {
	position: relative;
}
.content-about .reason .list .block .thumb img {
	width: 100%;
}
.content-about .reason .list .block .detail {
	position: absolute;
	bottom: 0; left: 0;
	padding: 15px 20px;
	border-top: 7px solid #0095d3;
	background-color: rgba(0,0,0,0.72);
	width: 100%;
	color: #fff;
}
.content-about .reason .list .block .detail .h {
	font-size: 14px;
	line-height: 1.7;
}
.content-about .reason .list .block .detail p {
	margin: 6px 0 0 0;
	line-height: 1.7;
}
.content-about .reason .list .block .detail a {
	color: #fff;
	vertical-align: middle;
}
.content-about .reason .list .block .detail a span {
	font-family: sans-serif;
	font-size: 118%;
	line-height: 1.2;
	text-decoration: none;
}
.content-about .reason .list .block .detail a span:before {
	content: ' ';
}

/*============================================================
	[SOLUTIONS SHOWCASE]
*/
.content-showcase {
	padding-top: 0;
}
/* メイン */
.content-showcase .main {
	overflow: hidden;
	position: relative;
	height: 200px;
	background-color: #000;
	text-align: center;
	font-family: YakuHanJP, 'ヒラギノ角ゴシック', 'Hiragino Sans', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.content-showcase .main .kv {
	position: absolute;
	top: 0; left: 50%;
	margin-left: -1650px;
	width: 3300px;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-perspective: 800px;
	perspective: 800px;
}
.content-showcase .main .kv li {
	position: relative;
	float: left;
	width: 300px;
	opacity: 0;
}
.content-showcase .main .kv li.anim1 {
	-webkit-transform: scale(0.8) rotateX(180deg);
	        transform: scale(0.8) rotateX(180deg);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s ease;
	        transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), opacity 0.4s ease;
}
.content-showcase .main .kv li.anim2 {
	z-index: 2;
	-webkit-transform: scale(0.8) rotateX(-180deg);
	        transform: scale(0.8) rotateX(-180deg);
	-webkit-transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s, opacity 0.4s ease 0.6s;
	        transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0.6s, opacity 0.4s ease 0.6s;
}
.main-active .content-showcase .kv li.anim1,
.main-active .content-showcase .kv li.anim2 {
	opacity: 1;
	-webkit-transform: scale(1) rotateX(0deg);
	transform: scale(1) rotateX(0deg);
}
.content-showcase .main .kv li img {
	width: 100%;
}
.content-showcase .main .overlay {
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(0,0,0,0.42);
}
.content-showcase .main .container {
	height: 100%;
}
.content-showcase .main .inner {
	display: table;
	width: 100%; height: 100%;
	opacity: 0;
	-webkit-transition: opacity 1s ease 1.4s;
	        transition: opacity 1s ease 1.4s;
}
.main-active .content-showcase .inner {
	opacity: 1;
}
.content-showcase .main .head {
	display: table-cell;
	vertical-align: middle;
	width: 100%; height: 100%;
	color: #fff;
	text-shadow: 0px 1px 6px #000000;
}
.content-showcase .main .head .h {
	font-weight: 600;
	font-size: 42px;
	line-height: 1.2;
}
.content-showcase .main .head p {
	margin: 15px 0 0 0;
	font-weight: 600;
	font-size: 20px;
}
.content-showcase .main .head p br {
	display: none;
}
/* リスト */
.content-showcase .list {
	margin: 0 -15px;
	padding: 50px 0 0 0;
}
.content-showcase .list:after {
	content: '';
	display: block;
	clear: both;
}
.content-showcase .list li {
	float: left;
	margin: 0 0 30px 0;
	padding: 0 15px;
	width: 33.333%;
}
.content-showcase .list li .block {
	width: 100%;
	text-decoration: none;
}
.content-showcase .list li .block .thumb {
	overflow: hidden;
	border-radius: 6px 6px 0 0;
}
.content-showcase .list li .block .thumb img {
	width: 100%;
}
.content-showcase .list li .block .info {
	padding: 20px;
	border: 1px solid #ddd;
	border-top: 0;
	border-radius: 0 0 6px 6px;
}
.content-showcase .list li .block .info .h {
	font-size: 21px;
	line-height: 1.3;
}
.content-showcase .list li .block .info p {
	margin-top: 10px;
	line-height: 1.7;
	color: #717074;
}
.content-showcase .list li .block .info .btn {
	min-width: 1px;
}
.content-showcase .list li a:hover .info .h {
	text-decoration: underline;
}
/* 2つ並び */
.content-showcase .list-col2 {
	margin: 0 auto;
	width: 800px;
}
.content-showcase .list-col2 li {
	width: 50%;
}
/* 4つ並び */
.content-showcase .list-col4 li {
	width: 25%;
}
.content-showcase .list-col4 li .block .info {
	padding: 15px;
}
.content-showcase .list-col4 li .block .info .h {
	font-size: 18px;
	line-height: 1.3;
}
/* HCI パビリオン 画像 */
.content-showcase .hci-photo img {
	width: 100%
}
.content-showcase .hci-photo li {
	float: left;
	width: 25%
}

/*============================================================
	[VMware ハンズオンラボ]
*/
/* 画像 */
.content-lab .img-lab {
	display: block;
	margin: 0 auto;
	max-width: 540px;
}
/* メイン */
.content-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 );
}
.content-lab .main img {
	width: 100%;
}
.content-lab .main .corner-grid {
	position: absolute;
	width: 340px;
}
.content-lab .main .corner-grid-top {
	top: -30px; left: -90px;
}
.content-lab .main .corner-grid-bottom {
	bottom: -30px; right: -90px;
}
.content-lab .main .base {
	position: absolute;
	top: 50%; left: 50%;
	margin: -70px 0 0 -390px;
	width: 780px;
	opacity: 0.6;
}
.content-lab .main .logo {
	position: absolute;
	top: 30px; left: 15px;
	width: 248px;
}
.content-lab .main .head {
	display: table;
	margin: 0 auto;
	width: 460px; height: 186px;
}
.content-lab .main .head .h {
	display: table-cell;
	vertical-align: middle;
}
.content-lab .main .head .h img {
	width: 100%;
}
/* 概要 */
.content-lab .outline {
	display: table;
	margin: 40px 0 0 0;
}
.content-lab .outline .detail,
.content-lab .outline .image {
	display: table-cell;
	vertical-align: top;
	line-height: 2;
}
.content-lab .outline .image {
	padding-left: 30px;
	width: 400px;
}
/* リスト */
.content-lab .list {
	margin: 0 -15px;
	text-align: center;
}
.content-lab .list li {
	float: left;
	padding: 0 15px;
	width: 33.333%;
}
.content-lab .list li .image img {
	width: 180px;
}
.content-lab .list li .head {
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ccc;
}
.content-lab .list li .h {
	margin: 20px 0 0 0;
	font-size: 18px;
	line-height: 1.5;
}
.content-lab .list li .link {
	margin: 10px 0 0 0;
	line-height: 1.5;
}
.content-lab .list li p {
	margin: 20px 0 0 0;
	text-align: left;
}
/* リストおすすめ */
.content-lab .list-recommend li {
	margin: 30px 0 10px 0;
	line-height: 1.5;
}
.content-lab .list-recommend li .manual-jp {
	margin-top: 5px;
	font-size: 13px;
}
/* タイムテーブル */
.workshop-timetable-static {
	margin: 20px 0 0 0;
}
.workshop-timetable-static .col-list {
	position: relative;
	top: -1px; left: -1px;
}
.workshop-timetable-static .box {
	position: absolute;
	z-index: 10;
	top: 0; left: 0;
}
.workshop-timetable-static .table-workshop {
	position: relative;
	width: 1171px;
	background-color: #f3f5f6;
	border: 1px solid #ccc;
}
.workshop-timetable-static .table-workshop .col-list .box {
	padding: 10px;
	width: 391px;
	background-color: #fff;
	border: 1px solid #ccc;
}
.workshop-timetable-static .table-workshop .col-list .box .time {
	color: #a7a6a8;
}
.workshop-timetable-static .table-workshop .col-list .box .title {
	display: block;
	line-height: 1.4;
	color: #5d5d5d;
}
.workshop-timetable-static .line {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	border-top: 1px dotted #cfcfcf;
}
.workshop-timetable-static .line:last-child {
	display: none;
}
/* タイムテーブル v2 */
.workshop-timetable-simple {
	margin-top: 10px;
}
.workshop-timetable-simple:after {
	content: '';
	display: block;
	clear: both;
}
.workshop-timetable-simple div {
	float: left;
	margin-right: 3em;
	margin-top: 10px;
	line-height: 1.5;
}
.workshop-timetable-simple div span {
	display: inline-block;
	margin: 0 1em 0 0;
	padding: 3px 0;
	width: 64px;
	background-color: #717074;
	text-align: center;
	color: #fff;
}

/* ギャラリー */
.content-lab .gallery {
	width: 100%;
	overflow: hidden;
	background: #000000;
}
.content-lab .gallery ul {
	width: 9999px;
}
.content-lab .gallery ul li {
	float: left;
	width: 280px; height: 185px;
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.content-lab .gallery ul li img {
	display: none;
}
/* AR */
.layout-lab-ar {
	display: table;
	margin: 0 auto;
}
.layout-lab-ar .image,
.layout-lab-ar .detail {
	display: table-cell;
	vertical-align: top;
}
.layout-lab-ar .image {
	width: 170px;
}
.layout-lab-ar .image img {
	width: 100%;
	border: 1px solid #ccc;
}
.layout-lab-ar .detail {
	padding: 0 0 0 30px;
}

/*============================================================
	[FAQ]
*/
.content-faq .faq {
	clear: both;
	margin-top: 30px;
	color: #333333;
}
.content-faq .faq .nav-tabs {
	position: relative;
	display: block;
	border: 0;
	font-size: 12px;
	line-height: 18px;
}
.content-faq .faq .nav-tabs:before {
	content: '';
	display: block;
	position: absolute;
	z-index: 2;
	bottom: 0; left: 0;
	width: 100%; height: 1px;
	background-color: #e5e5e5;
}
.content-faq .faq .nav-tabs:after {
	content: '';
	display: block;
	clear: both;
}
.content-faq .faq .nav-tabs li {
	float: left;
	padding-right: 2px;
}
.content-faq .faq .nav-tabs li:last-child {
	padding-right: 0;
}
.content-faq .faq .nav-tabs li br {
	display: none;
}
.content-faq .faq .nav-tabs li a {
	position: relative;
	z-index: 1;
	display: block;
	padding: 10px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 5px 5px 0 0;
	border-bottom: 0;
	text-decoration: none;
	-webkit-transition: border-color 0s ease;
	        transition: border-color 0s ease;
}
.content-faq .faq .nav-tabs li a:hover {
	background-color: #eee;
}
.content-faq .faq .nav-tabs li a.active {
	z-index: 3;
	border-color: #e5e5e5;
	background-color: #fff !important;
	color: #333;
}
.content-faq .faq .tab-pane {
	margin-top: 20px;
}
.content-faq .faq .tab-pane dl {
	padding: 25px 0;
	border-bottom: 1px solid #e5e5e5;
	width: 100%;
}
.content-faq .faq .tab-pane dl dt,
.content-faq .faq .tab-pane dl dd {
	position: relative;
	padding: 0 0 0 50px;
	font-weight: normal;
	font-size: 16px;
	line-height: 1.8;
}
.content-faq .faq .tab-pane dl dt span,
.content-faq .faq .tab-pane dl dd span {
	position: absolute;
	top: 3px; left: 10px;
	font-weight: bold;
	font-size: 20px;
	line-height: 20px;
}
.content-faq .faq .tab-pane dl dd span {
	padding-left: 0.05em;
}
.content-faq .faq .tab-pane dl dd {
	margin-top: 10px;
	font-size: 14px;
	line-height: 1.8;
}
.content-faq .faq .tab-pane dl dd p {
	margin-top: 10px;
}
.content-faq .faq .tab-pane dl dd span {
	color: #989898;
}
.content-faq .faq .tab-pane dl dt {
	color: #0094d2;
}

/*============================================================
	[アクセス]
*/
.content-map {
	padding-bottom: 50px;
	min-height: 1px;
}
.content-map .social-btn-content {
	display: table;
	margin-left: auto;
	margin-right: auto;
}
.content-map .social-btn-content li {
	padding: 0 5px;
}
.content-map ul.access {
	display: table;
	margin: 0 auto;
	margin-top: 30px;
	width: 778px;
}
.content-map ul.access li {
	display: table-row;
	font-size: 16px;
}
.content-map ul.access li p {
	display: table-cell;
	vertical-align: top;
	padding: 10px 0;
	border-top: 1px solid #c9c9c9;
}
.content-map ul.access li:first-child p {
	border-top: 0;
}
.content-map ul.access li p:first-child {
	width: 280px;
}
.gmap {
	width: 100%; height: 440px;
}
.gmap iframe {
	width: 100% !important;
	height: 100% !important;
}

/*============================================================
	[スポンサー]
*/
.content-sponsor ul.list {
	margin: 0 -10px;
	padding: 10px 0 30px 0;
}
.content-sponsor ul.list li {
	float: left;
	margin-top: 20px;
	padding: 0 10px;
}
.content-sponsor ul.list li a {
	display: block;
}
.content-sponsor ul.list li img {
	width: 100%;
}
.content-sponsor ul.list-diamond li {
	width: 33.3333%;
}
.content-sponsor ul.list-platinum li {
	width: 25%;
}
.content-sponsor ul.list-gold li {
	width: 20%;
}
.content-sponsor ul.list-silver li {
	width: 16.6666%;
}

/*============================================================
	[オンライン]
*/
.page-online.page-home section {
	padding-top: 105px;
}
/* メイン */
.content-online .main-online {
	margin: 0 0 30px 0;
	background: transparent url(../img/online/kv.jpg) 50% 100% no-repeat;
	background-size: 1300px 340px;
}
.content-online .main-online .container {
	position: relative;
	height: 350px;
}
.content-online .main-online .logo {
	position: absolute;
	top: 0; left: 0;
	padding: 30px 20px;
	width: 200px;
	background-color: #15599a;
	line-height: 0;
}
.content-online .main-online .logo img {
	width: 100%;
}
/* LIVE配信 */
.content-online .mypage-video-card {
	margin-top: 0;
}
.content-online .mypage-video-card .btn i {
	position: relative;
	top: -0.1em;
	font-size: 0.8em;
}
/* 最新情報 */
.content-online .news .list {
	max-width: 100%
}
/* ご利用いただけるコンテンツ */
.content-online .list-content {

}
.content-online .list-content .list {
	margin: 0 -15px;
	padding: 40px 0 0 0;
}
.content-online .list-content .list:after {
	content: '';
	display: block;
	clear: both;
}
.content-online .list-content .list li {
	float: left;
	margin: 0 0 30px 0;
	padding: 0 15px;
	width: 33.333%;
}
.content-online .list-content .list li .block {
	width: 100%;
	text-decoration: none;
}
.content-online .list-content .list li .block .thumb {
	position: relative;
	overflow: hidden;
	border-radius: 6px 6px 0 0;
}
.content-online .list-content .list li .block .thumb .new {
	position: absolute;
	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);
}
.content-online .list-content .list li .block .thumb img {
	width: 100%;
}
.content-online .list-content .list li .block .info {
	padding: 20px;
	border: 1px solid #ddd;
	border-top: 0;
	border-radius: 0 0 6px 6px;
}
.content-online .list-content .list li .block .info .h {
	font-size: 21px;
	line-height: 1.3;
}
.content-online .list-content .list li .block .info p {
	margin-top: 10px;
	line-height: 1.7;
	color: #717074;
}
.content-online .list-content .list li .block .info .btn {
	min-width: 1px;
}
.content-online .list-content .list li a:hover .info .h {
	text-decoration: underline;
}

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

	/*
		[ホーム]
	*/
	/* メイン */
	.content-home .main .head .h {
		left: 10px;
	}
	.content-home .main .info .container {
		padding-left: 15px;
	}
	/* カウントダウン */
	.content-home .countdown {
		padding: 15px 0;
	}
	.content-home .countdown .wrap .h {
		display: block;
		padding: 0 0 10px 0;
		height: auto;
		text-align: center;
	}
	.content-home .countdown .wrap .clock {
		display: block;
	}

	/*
		[VMware ハンズオンラボ]
	*/
	/* メイン */
	.content-lab .main .logo {
		top: 20px;
	}
	.content-lab .main .head .h {
		padding-top: 20px;
	}
	/* タイムテーブル */
	.workshop-timetable-static .table-workshop {
		width: 931px;
	}
	.workshop-timetable-static .table-workshop .col-list .box {
		width: 311px;
	}

	/*
		[オンライン]
	*/
	/* メイン */
	.content-online .main-online .logo {
		padding: 18px 20px;
	}

}

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

	/*
		[汎用] セッションリスト
	*/
	.list-session-content {
		margin: 0;
	}
	.list-session-content li {
		float: none;
		margin: 20px 0 0 0;
		padding: 0;
		width: 100%;
		text-align: left;
	}
	.list-session-content li a {
		display: table;
	}
	.list-session-content li .image {
		display: table-cell;
		vertical-align: top;
		position: static;
		margin: 0;
	}
	.list-session-content li .image span {
		width: 120px; height: 120px;
		border-width: 2px;
	}
	.list-session-content li .info {
		display: table-cell;
		vertical-align: middle;
		padding: 0 0 0 30px;
	}

	/*
		[ホーム]
	*/
	/* メイン */
	.content-home .main .container {
		max-width: 100%;
	}
	.content-home .main .head .h {
		left: 3%;
		margin-left: 5px;
	}
	.content-home .main .info {
		padding-left: 3%;
	}
	.content-home .main .info p br {
		display: block;
	}
	/* 開催概要 */
	.content-home .outline .row {
		display: block;
	}
	.content-home .outline .col {
		padding: 0;
	}
	/* スポンサー */
	.content-home .sponsor .list li {
		margin-bottom: 20px;
		width: 33.333%;
	}
	/* 開催風景 */
	.content-home .photo ul li {
		width: 33.333%;
	}

	/*
		[vFORUMとは]
	*/
	/* vFORUMについて */
	.content-about .beginning p {
		line-height: 1.9;
	}
	/* ご参加をおすすめする理由 */
	.content-about .reason .list {
		margin: 0;
	}
	.content-about .reason .list li {
		float: none;
		padding: 0;
		width: 100%;
	}
	.content-about .reason .list .block .detail {
		padding: 12px 15px;
		border-width: 3px;
	}
	.content-about .reason .list .block .detail p {
		margin: 0;
	}

	/*
		[SOLUTIONS SHOWCASE]
	*/
	/* メイン */
	.content-showcase .main .head p span {
		display: none;
	}
	.content-showcase .main .head p br {
		display: block;
	}
	/* リスト */
	.content-showcase .list li {
		width: 50%;
	}
	.content-showcase .list-col2 {
		margin: 0 -15px;
		width: auto;
	}
	/* 4つ並び */
	.content-showcase .list-col4 li {
		width: 33.333%;
	}
	/* HCI パビリオン 画像 */
	.content-showcase .hci-photo li {
		width: 50%
	}

	/*
		[VMware ハンズオンラボ]
	*/
	/* 概要 */
	.content-lab .outline {
		display: block;
	}
	.content-lab .outline .detail,
	.content-lab .outline .image {
		display: block;
	}
	.content-lab .outline .image {
		margin: 30px 0 0 0;
		padding: 0;
		width: 100%;
	}
	/* リスト */
	.content-lab .list {
		margin: 0;
	}
	.content-lab .list li {
		float: none;
		margin: 30px 0 0 0;
		padding: 0;
		width: 100%;
	}
	.content-lab .list li:first-child {
		margin: 0;
	}
	/* タイムテーブル */
	.workshop-timetable-static {
		border-top: 1px solid #ccc;
	}
	.workshop-timetable-static .table-workshop {
		width: 100%;
		border: 0;
	}
	.workshop-timetable-static .table-workshop .col-list {
		position: static;
	}
	.workshop-timetable-static .table-workshop .box {
		position: static;
		margin: 0 !important;
		width: 100% !important;
		border-top: 0 !important;
	}
	.workshop-timetable-static .table-workshop {
		width: 100% !important;
		height: auto !important;
		background-color: #fff;
	}
	.workshop-timetable-static .line {
		display: none;
	}

	/*
		[アクセス]
	*/
	.content-map ul.access {
		width: 100%;
	}

	/*
		[スポンサー]
	*/
	.content-sponsor ul.list {
		margin: 0 -5px;
		padding: 0;
	}
	.content-sponsor ul.list li {
		margin-top: 10px;
		padding: 0 5px;
	}
	.content-sponsor ul.list-silver li {
		width: 20%;
	}

	/*
		[オンライン]
	*/
	/* ご利用いただけるコンテンツ */
	.content-online .list-content .list li {
		width: 50%;
	}

}

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

	/*
		[ホーム]
	*/
	/* メイン */
	.content-home .main {
		height: 380px;
	}
	.content-home .main .bg {
		margin-left: -540px;
		width: 1080px;
	}
	.content-home .main .head .h {
		top: 25px;
		width: 326px;
	}
	.content-home .main .info .container {
		padding-top: 180px;
	}
	/* カウントダウン */
	.content-home .countdown .wrap .h {
		padding: 0 0 6px 0;
		line-height: 1.3;
	}
	/* 最新情報 */
	.content-home .news .list {
		margin: 0 0 20px 0;
		width: 100% !important;
	}
	.content-home .news .list li {
		margin: 0;
		padding: 10px 0 10px 0;
		border-bottom: 1px dashed #e3e3e3;
		font-size: 100%;
		line-height: 1.7;
	}
	.content-home .news .list li:last-child {
		border-bottom: 0;
	}
	.content-home .news .list li .new {
		position: relative;
		top: 2px;
		float: left;
		margin: 0 10px 0 0;
		padding: 0 10px;
		width: auto;
		font-size: 10px;
	}
	.content-home .news .list li dl {
		display: block;
	}
	.content-home .news .list li dl dt {
		display: block;
		padding: 0;
		width: auto;
		line-height: 1.7;
	}
	.content-home .news .list li dl dt .new {
		display: table;
		line-height: 1.5;
	}
	.content-home .news .list li dl dd {
		display: block;
		margin: 0;
		clear: both;
	}

	/*
		[SOLUTIONS SHOWCASE]
	*/
	/* メイン */
	.content-showcase .main {
		height: 240px;
	}
	.content-showcase .main .kv {
		margin-left: -420px;
		width: 840px;
		-webkit-perspective: 400px;
		perspective: 400px;
	}
	.content-showcase .main .kv li {
		width: 120px;
	}
	.content-showcase .main .head .h {
		font-size: 36px;
	}
	.content-showcase .main .head p {
		font-size: 18px;
	}
	/* リスト */
	.content-showcase .list,
	.content-showcase .list-col2,
	.content-showcase .list-col4 {
		margin: 0 -10px;
	}
	.content-showcase .list li {
		padding: 0 10px;
	}
	.content-showcase .list li .block .info {
		padding: 15px;
	}
	.content-showcase .list li .block .info .h {
		font-size: 18px;
		line-height: 1.3;
	}
	.content-showcase .list-col4 li {
		width: 50%;
	}

	/*
		[VMware ハンズオンラボ]
	*/
	/* メイン */
	.content-lab .main {
		height: 160px;
	}
	.content-lab .main .corner-grid {
		width: 220px;
	}
	.content-lab .main .corner-grid-top {
		top: 0; left: -74px;
	}
	.content-lab .main .corner-grid-bottom {
		bottom: 0; right: -74px;
	}
	.content-lab .main .logo {
		position: static;
		margin: 0 auto;
		padding: 20px 0 0 0;
	}
	.content-lab .main .head {
		display: block;
		height: auto;
	}
	.content-lab .main .head .h {
		display: block;
		padding-top: 10px;
	}
	/* 概要 */
	.content-lab .outline {
		margin: 10px 0 0 0;
	}
	.content-lab .outline .image {
		margin: 20px 0 0 0;
	}
	/* リスト */
	.content-lab .list li .h {
		margin: 5px 0 0 0;
	}
	/* リストおすすめ */
	.content-lab .list-recommend li {
		margin: 0 15px;
		padding: 12px 0;
		border-bottom: 1px solid #eee;
	}
	/* タイムテーブル */
	.workshop-timetable-static {
		margin: 10px 0 0 0;
	}
	/* ギャラリー */
	.content-lab .gallery ul li {
		width: 140px; height: 92px;
	}

	/*
		[FAQ]
	*/
	.content-faq .faq {
		margin-top: 20px;
	}
	.content-faq .faq .nav-tabs {
		font-size: 11px;
		line-height: 15px;
		text-align: center;
	}
	.content-faq .faq .nav-tabs li {
		width: 33.3%;
	}
	.content-faq .faq .nav-tabs a {
		padding: 5px 0;
	}
	.content-faq .faq .tab-pane {
		margin-top: 0;
	}
	.content-faq .faq .tab-pane dl {
		padding: 15px 0;
	}
	.content-faq .faq .tab-pane dl dt,
	.content-faq .faq .tab-pane dl dd {
		padding: 0 0 0 30px;
		font-size: 14px;
		line-height: 1.6;
	}
	.content-faq .faq .tab-pane dl dt span,
	.content-faq .faq .tab-pane dl dd span {
		top: 1px; left: 5px;
		font-size: 16px;
		line-height: 18px;
	}
	.content-faq .faq .tab-pane dl dd span {
		top: 3px;
	}
	.content-faq .faq .tab-pane dl dd {
		margin-top: 10px;
		font-size: 13px;
		line-height: 1.8;
	}

	/*
		[アクセス]
	*/
	.content-map {
		padding-bottom: 20px;
	}
	.content-map ul.access {
		display: block;
		margin-top: 20px;
	}
	.content-map ul.access li {
		display: block;
		padding: 5px 0;
		border-top: 1px solid #c9c9c9;
		font-size: 13px;
		line-height: 1.5;
	}
	.content-map ul.access li p {
		display: block;
		padding: 0;
		border-top: 0;
	}
	.content-map ul.access li p:first-child {
		width: auto;
	}
	.gmap {
		height: 260px;
	}

	/*
		[スポンサー]
	*/
	.content-sponsor ul.list-diamond li {
		width: 50%;
	}
	.content-sponsor ul.list-platinum li {
		width: 33.333%;
	}
	.content-sponsor ul.list-gold li,
	.content-sponsor ul.list-silver li {
		width: 25%;
	}

	/*
		[オンライン]
	*/
	.page-online.page-home section {
		padding-top: 60px;
	}
	/* メイン */
	.content-online .main-online {
		margin: 0;
		background-image: url(../img/online/kv_sp.jpg);
		background-position: 50% 50%;
		background-size: cover;
	}
	.content-online .main-online .container {
		padding: 50% 0 0 0;
		height: 0;
	}
	.content-online .main-online .logo {
		left: 15px;
		padding: 12px 12px;
		width: 140px;
	}
	/* ご利用いただけるコンテンツ */
	.content-online .list-content .list {
		margin: 0 -10px;
	}
	.content-online .list-content .list li {
		padding: 0 10px;
	}
	.content-online .list-content .list li .block .info {
		padding: 15px;
	}
	.content-online .list-content .list li .block .info .h {
		font-size: 18px;
		line-height: 1.3;
	}

}

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


	/*
		[汎用] 見出し
	*/
	.h-content {
		font-size: 22px;
		line-height: 1.3;
	}
	.h-content br {
		display: block;
	}

	/*
		[汎用] ボタン
	*/
	.btn-content {
		padding: 8px 10px;
		width: 100%;
		max-width: 100%;
	}
	.btn-content span {
		font-size: 16px;
		line-height: 1.5;
	}

	/*
		[汎用] セッションリスト
	*/
	.list-session-content {
		margin-top: 20px;
	}
	.list-session-content li {
		text-align: center;
	}
	.list-session-content li a {
		display: block;
	}
	.list-session-content li .image {
		display: table;
		margin: 0 auto;
	}
	.list-session-content li .image span {
		width: 160px; height: 160px;
	}
	.list-session-content li .info {
		display: block;
		margin: 10px 0 0 0;
		padding: 0;
	}
	.list-session-content li .info h3 {
		font-size: 18px;
	}

	/*
		[ホーム]
	*/
	.content-home .main {
		height: auto;
	}
	.content-home .main .bg {
		overflow: hidden;
		left: 0;
		margin-left: 0;
		width: 100%; height: 0;
		padding-top: 48%;
	}
	.content-home .main .bg {

	}
	.content-home .main .head .container {
		margin: 0;
		padding-top: 50%;
		height: 0;
	}
	.content-home .main .head .h {
		top: 15%; left: 3%;
		width: 54%;
	}
	.content-home .main .info {
		padding: 15px 0 30px 0;
		text-align: center;
	}
	.content-home .main .info .container {
		padding: 0 15px;
	}
	.content-home .main .info p {
		font-size: 14px;
	}
	.content-home .main .info .btn {
		margin: 10px auto 0 auto;
	}
	/* カウントダウン */
	.content-home .countdown .container {
		padding: 0;
	}
	.content-home .countdown .wrap .h {
		font-size: 14px;
		line-height: 1.3;
	}
	/* 開催概要 */
	.content-home .outline .h {
		font-size: 22px;
		line-height: 1.3;
	}
	.content-home .outline .row {
		margin-top: 15px;
	}
	/* スポンサー */
	.content-home .sponsor .list {
		margin-top: 15px;
	}
	.content-home .sponsor .list li {
		margin-bottom: 20px;
		width: 50%;
	}
	/* 開催風景 */
	.content-home .photo ul {
		margin: 15px 0 0 0;
	}
	.content-home .photo ul li {
		width: 50%;
	}

	/*
		[vFORUMとは]
	*/
	/* ご参加をおすすめする理由 */
	.content-about .reason .list li {
		margin: 20px 0 0 0;
	}

	/*
		[SOLUTIONS SHOWCASE]
	*/
	/* リスト */
	.content-showcase .list {
		margin: 0;
		padding: 20px 0 0 0;
	}
	.content-showcase .list li {
		float: none;
		margin: 0 0 20px 0;
		padding: 0;
		width: 100%;
	}
	.content-showcase .list li .block .info p {
		margin-top: 5px;
	}

	/*
		[VMware ハンズオンラボ]
	*/
	/* メイン */
	.content-lab .main .container {
		padding: 0;
	}
	.content-lab .main .head {
		padding: 0;
		width: 300px;
	}
	.content-lab .main .head .h {
		padding-top: 20px;
		width: 300px;
		line-height: 0;
	}
	/* タイムテーブル v2 */
	.workshop-timetable-simple div {
		float: none;
		margin-right: 0;
	}
	/* AR */
	.layout-lab-ar {
		display: block;
	}
	.layout-lab-ar .image,
	.layout-lab-ar .detail {
		display: block;
	}
	.layout-lab-ar .image {
		margin: 0 auto;
	}
	.layout-lab-ar .detail {
		padding: 15px 0 0 0;
	}

	/*
		[FAQ]
	*/
	.content-faq .faq .nav-tabs li br {
		display: block;
	}

	/*
		[スポンサー]
	*/
	.content-sponsor ul.list-platinum li {
		width: 50%;
	}
	.content-sponsor ul.list-gold li,
	.content-sponsor ul.list-silver li {
		width: 33.333%;
	}

	/*
		[オンライン]
	*/
	.content-online .main-online .logo {
		left: 15px;
		padding: 10px 12px;
		width: 120px;
	}
	.content-online .list-content .list {
		margin: 0;
		padding: 20px 0 0 0;
	}
	.content-online .list-content .list li {
		float: none;
		margin: 0 0 20px 0;
		padding: 0;
		width: 100%;
	}
	.content-online .list-content .list li .block .info p {
		margin-top: 5px;
	}

}

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

	/*
		[スポンサー]
	*/
	.content-sponsor ul.list-diamond li,
	.content-sponsor ul.list-platinum li,
	.content-sponsor ul.list-gold li,
	.content-sponsor ul.list-silver li {
		width: 50%;
	}

}

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

}