@charset "UTF-8";

#main{
	padding-top:30px;
	padding-bottom:60px;
}


#main .announcement {
  padding: 15px 20px;
  border: 3px solid #ccc;
  margin-bottom: 30px;
  font-size: 14px;
}

#main .announcement .ttl{
	text-align: center;
}

#main .img-box img{
	width:100%;
}
#main .text{
	font-size: 14px;
}

@media screen and (max-width: 640px){
	#main{
		padding:30px 15px 40px;
	}
}
/* #intro-block
-----------------------*/
#intro-block{
	padding:20px 0 20px;
}
/*#head-area h1 {
	float: left;
}*/
#head-area .text {
	float:	left;
	padding:13px 0 0 20px;
}
	#intro-block .pic{
		width:48.12%;/* 335/980 */
		float:left;
	}
		#intro-block .pic img{
			width:100%;
		}

	#intro-block .txt{
		width:47.653061%;/*467/980 */
		float:right;
		margin:0 12px 0 0;
	}
		#intro-block .txt .inner-txt01{
			font-size:18px;
			padding:0 0 30px;
			line-height:1.6;
		}
		#intro-block .txt .inner-txt02{
			font-size:14px;
			padding:0 0 20px;
		}


		#intro-block .txt .btn-white-h50{
			display:block;
			width:76.01713062098501%;/* 355/467 */
			padding-bottom:10px;

		}
			#intro-block .txt .btn-white-h50 a{
				width:100%;
			}
			#intro-block .txt .btn-white-h50 .line{
			background: url("/common/img/btn-white-h100-bg.gif") repeat-x scroll 0 0;
			line-height:16px;
			height:100px;
			padding-top:10px;
			}
			#intro-block .txt .btn-white-h50 .line .bgR{
			background: url("/common/img/btn-white-h100-bg-r.gif") no-repeat scroll right top;
			height:100px;
			}
			#intro-block .txt .btn-white-h50 .line .bgL{
			background: url("/common/img/btn-white-h100-bg-l.gif") no-repeat scroll 0 0;
			height:100px;
			}

@media screen and (max-width: 640px) {
	.img-box img{
		width:100%;
	}
#intro-block{
}
	#intro-block .pic{
		width:100%;
		float:none;
		padding:0 0 10px;
	}
		#intro-block .pic img{
			width:100%;
		}
	#intro-block .txt{
		width:100%;
		float:none;
		margin:0 12px 0 0;
	}
		#intro-block .txt .inner-txt01{
			font-size:12px;
			padding:0 0 15px;
			line-height:1.4;
		}
		#intro-block .txt .inner-txt02{
			font-size:12px;
			padding:0 0 20px;
		}

		#intro-block .txt .btn-white-h50{
			width:auto;
			margin:20px 10px 0 0;
		}
			#intro-block .txt .btn-white-h50 a{
			}
}

p.trial{
	margin:0 0 30px;
}

p.trial a{
	background:url(/common/img/icon-cursor.png) no-repeat 0 15px;
	padding: 10px 0 0 10px;
	line-height: 1.5em;
	color: red;
}

#intro-block{
}

/* #announce-block
-----------------------*/
#announce-block{
	padding:10px;
	border:2px solid #CDCDCD;
	margin:0 0 30px;

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
	#announce-block .inner-txt01{
		padding:0 0 10px;
	}

#announce-block2{
	padding:10px;
	border:2px solid #CDCDCD;
	margin:0 0 15px;

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
	#announce-block2 .inner-txt01{
		padding:0 0 10px;
	}

#announce-block3{
	padding:10px;
	border:1px solid red;
	margin:0 0 15px;

	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
}
	#announce-block3 .inner-txt01{
		padding:0 0 10px;
	}

/* #exhibition-block
-----------------------*/
#exhibition-block{
	margin:0 0 30px;
}
	#exhibition-block h3.title {
		display:block;
		line-height:33px;
		background:#F4F4F4;
		border:1px solid #DDDDDB;

		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	}
		#exhibition-block h3.title span {
			display: block;
			float: left;
			padding: 0 15px 0;
			font-size: 17px;
			font-weight:bold;
		}
		#exhibition-block h3.title a {
			display: block;
			float: left;
			font-size: 12px;
			line-height: 1.2;
			text-decoration: none;
			background:url(/common/img/icon-cursor.png) no-repeat 0 13px;
			padding: 10px 0 0 10px;
			color: #00468C!important;
		}
		#event-nav h3.title {
		display:block;
		font-size:15px;
		font-weight:bold;
		padding-left:20px;
		line-height:33px;
		background:#F4F4F4;
		border:1px solid #DDDDDB;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	}


	/* .wrap
	-----------------------*/
	#exhibition-block .wrap{
		padding:20px 10px 0 0;
	}

		#exhibition-block .wrap p.lead +p{
			margin-top: 1em;
		}

		#theta-tour-image{
			margin-top: 30px;
		}

		#exhibition-block .wrap .inner-box{
			width:48.2%;/* 470/960 */
			float:left;
			margin:0 0 0 10px;
			padding:0 0 15px;
		}


		@media screen and (max-width: 640px) {
		#exhibition-block .wrap .inner-box{
			width:100%;
			float:none;
			padding:0 0 20px;
		}
		}
			#exhibition-block .wrap .inner-box .pic-wrap{
				float:left;
				width:42.5531914893617%;/* 200/470 */
			}
			#exhibition-block .wrap .inner-box .pic{
				background:#fff;
				text-align:center;
				overflow:hidden;

			}
			#exhibition-block .wrap .inner-box .copy{
				font-size:10px;
			}
				#exhibition-block .wrap .inner-box .pic img{
				}

			#exhibition-block .wrap .inner-box .txt{
				float:left;
				width:53.19148936170213%;/* 250/470 */
				margin:0 0 0 10px;			}
				#exhibition-block .wrap .inner-box .txt .duration{
					padding:5px 0 0;
				}
				#exhibition-block .wrap .inner-box .txt .title{
					padding:5px 0 0;
					font-size:16px;
					font-weight:bold;
				}
				#exhibition-block .wrap .inner-box .txt .name{
					padding:10px 0 0;
				}
				#exhibition-block .wrap .inner-box .txt ul{
					padding:5px 0 0;
				}
					#exhibition-block .wrap .inner-box .txt ul li{
						margin:10px 0 0;
					}

		/* .text-only-wrap
		-----------------------*/
		#exhibition-block .wrap .txt-only-wrap{
			padding:0 0 15px;
		}
			#exhibition-block .wrap .txt-only-wrap .duration{
				padding:5px 0 0;
			}
			#exhibition-block .wrap .txt-only-wrap .title{
				padding:5px 0 0;
				font-size:16px;
				font-weight:bold;
			}
			#exhibition-block .wrap .txt-only-wrap .name{
				padding:5px 0 0;
			}
			#exhibition-block .wrap .txt-only-wrap .link{
				padding:15px 0 0;
			}


	/* #guide-block
	-----------------------*/
	#guide-block{
	}
		#guide-block .wrap{
			margin:0 0 0 -7px;
		}
		#guide-block li{
			width:48%;/* 322/987 */
			float:left;
			margin-left:7px;
		}
			#guide-block li a{
				color:#000;
			}
			#guide-block li a:hover{
				text-decoration:none;
			}
			#guide-block li img{
				width:100%;
			}
			#guide-block li .name{
				height:45px;
				line-height:45px;
				background:url(/japan/community/squaretokyo/top/img/guide-txtbg.jpg) repeat-x;

				font-size:18px;
				font-weight:bold;
				border-top:1px solid #DDD;
				padding:0 10px 0;
			}
			#guide-block li a:hover .name{
				text-decoration:underline;
			}
				/*#guide-block li .name span{
					background:url(/common/img/icon-cursor.png) no-repeat 0 center;
					padding:0 0 0 12px;
				}*/
			#guide-block li .pic{
			}

			#guide-block li .description{
				text-align:center;
				background:#FFF url(/japan/community/squaretokyo/top/img/guide-txtbg.jpg) 0 bottom repeat-x;
				padding:7px 0;
				border-bottom:1px solid #DDD;
			}

			#guide-block li .description .code{
				display: table;
				margin: 0 auto;
				width: 238px;
			}
			#guide-block li .description .code span{
				display: table-cell;
				text-align: left;
			}
			#guide-block li .description .code span.col{
				width:80px;
			}
	@media screen and (max-width: 640px) {
	#guide-block{
	}
		#guide-block .wrap{
			margin:0 0 0 0;
		}
		#guide-block li{
			width:100%;
			float:none;
			margin-left:0;
			padding:0 0 15px;
		}
	}

		#event-block02 .txt02 .inner-txt03{
			font-size:14px;
			padding:0 0 20px;
		}

.text_info a {
    background: url(/common/img/icon-cursor.png) no-repeat 0 15px;
    padding: 10px 0 0px 10px;
    color: #00468C!important;
}

.text_info  {
		float: left;
    padding: 10px 20px 10px 0;
}
@media screen and (max-width: 640px) {
	.text_info  {
    display: block;
    padding: 0 20px 10px 0;
	}
}


/* #wg50-exhibition
-----------------------*/
#wg50-exhibition{
	margin: 0 0 30px;
}
	#wg50-exhibition .detail-block{
		border: 1px solid #CCC;
		padding: 15px 15px 15px 15px;
		overflow: hidden;
	}
	#wg50-exhibition .detail-block p.pic{
		width: 20.20%;
		margin-right: 20px;
		float: left;
	}
	#wg50-exhibition .detail-block p.pic img{
		width: 100%;
	}
	#wg50-exhibition .detail-block .txt{
		width: 76.5%;
		float: left;
	}
	#wg50-exhibition .detail-block .txt .act-title{
		font-size: 16px;
		font-weight: bold;
		padding-bottom: 3px;
		border-bottom: 1px solid #CCC;
	}
	#wg50-exhibition .detail-block .txt .description{
		margin-top: 10px;
		font-size: 14px;
		line-height: 1.6;
	}
	#wg50-exhibition .detail-block .txt ul{
		margin-top: 10px;
	}
	@media screen and (max-width: 640px) {
		#wg50-exhibition .detail-block p.pic{
			width: 42.5531914893617%;
			margin-right: 10px;
		}
		#wg50-exhibition .detail-block .txt{
			width: 53.19148936170213%;
		}
	}

	/* event-notice
	-----------------------*/
	#main .event-notice {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin: 30px 0;
		padding: 10px 20px;
		border: 1px solid #FF0000;
	}
		#main .event-notice .event-photo{
			padding-right: 3%;
			width: 18%;
		}
			#main .event-notice .event-photo img{
				width: 100%;
			}
			#main .event-notice .event-detail {
				width: 78%;
			}
				#main .event-notice .event-detail .event-title {
					font-size: 18px;
					font-weight: bold;
					text-align: center;
					padding-bottom :10px;
				}
				#main .event-notice .event-detail .event-text {
					text-align: center;
					margin: 0 auto;
					padding: 0 20px;
				}

			@media screen and (max-width: 640px) {
				#main .event-notice {
					padding: 15px 0;
				}
					#main .event-notice .event-photo {
						margin-bottom: 15px;
						padding-right: 0;
						width: 70%;
					}
			}
	/* onecoin-notice
	-----------------------*/
	#main .onecoin-notice {
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		margin: 30px 0;
	}
		#main .onecoin-notice .onecoin-detail {
			width: 100%;
			padding: 20px;
			border: 1px solid #FF0000;
		}
			#main .onecoin-notice .onecoin-detail .onecoin-title {
				font-size: 18px;
				font-weight: bold;
				text-align: center;
				padding-bottom :10px;
			}
			#main .onecoin-notice .onecoin-detail .onecoin-list {
				padding: 10px 20px;
			}
				#main .onecoin-notice .onecoin-detail .onecoin-list li + li{
					margin-top: 10px;
				}
				#main .onecoin-notice .onecoin-detail .onecoin-list .item{
					font-weight: bold;
				}
				#main .onecoin-notice .onecoin-detail .onecoin-list .event-detail{
					margin-top: 10px;
					display: flex;
					flex-wrap: wrap;
				}

		@media screen and (max-width: 640px) {
			#main .onecoin-notice {
				padding: 15px 0;
			}
		}

/* #event-block
-----------------------*/
#event-block {
	margin:0 0 30px;
}
	#event-block h3.title {
		display:block;
		line-height:33px;
		background:#F4F4F4;
		border:1px solid #DDDDDB;
		border-radius:5px;
		-webkit-border-radius:5px;
		-moz-border-radius:5px;
	}
		#event-block h3.title span {
			display: block;
			float: left;
			padding: 0 15px 0;
			font-size: 18px;
			font-weight:bold;
		}

	#event-block .event-list {
		width: 100%;
		padding-left: 20px;
		list-style: disc;
		display: flex;
		flex-direction: column;
		box-sizing: border-box;
	}
	#event-block .event-list li {
		padding: 20px 0;
		border-bottom: 1px solid #DDDDDB;
	}
	#event-block .event-list li:last-child {
		border-bottom: none;
		padding-bottom: 0;
	}
	#event-block .event-list .pic-area {
		width: 31.914%; /* 300/940 */
		float: left;
	}
	#event-block .event-list .pic-area img {
		width: 100%;
		display: block;
		margin-bottom: 10px;
	}
	#event-block .event-list .text-area {
		width: 68.085%;; /* 640/940 */
		float: left;
	}
	#event-block .event-list .text-area-100 {
		width: 100%; /* 640/940 */
		float: left;
	}
	#event-block .event-list .title {
		font-size: 18px;
		font-weight: bold;
	}
	#event-block .event-list .detail {
		margin: 20px 10px 0 0;
		line-height: 1.5;
	}
	#event-block .event-list .detail .instructor-name {
		font-size: 12px;
		font-weight: bold;
	}

	@media screen and (max-width: 640px) {
		#event-block .event-list {
			display: block;
		}
		#event-block .event-list li {
			padding-top: 0;
		}
		#event-block .event-list .pic-area {
			width: 100%;
			margin-top: 20px;
		}
		#event-block .event-list .pic-area {
			width: 100%;
			float: none;
		}
		#event-block .event-list .text-area {
			width: 100%;
			float: none;
			margin-top: 20px;
		}
	}

	.btn-block{
		padding:30px 30px;
		margin-bottom: 170px;
	}

	.btn-block .link-btn{
		float: left;
		
	
	}
	.btn-block .link-btn:first-child{
		margin-right:30px;
	}
	.btn-block .link-btn a{
		color:#333;
		display: inline-block;
		height: 82px;
		border:2px solid #ccc;
		border-radius: 16px;
		padding: 16px 12px 10px 16px;
		font-size: 16px;
		font-weight: bold;
	}
	.btn-block .link-btn img{
		vertical-align: middle;
	}
	
	@media screen and (max-width: 640px) {
		.btn-block {
			padding:30px 30px;
			margin-bottom: 300px;
		}
	}

@media screen and (min-width: 641px) {
	#main .img-wrap{
		display: flex;
		justify-content: space-between;
	}

	#main .img-wrap li{
		width: 48%;
	}
}

#main .img-wrap li img{
	width: 100%;
}


#main .flex-wrap iframe{
	width: 100%;
	height: 270px;
}

@media screen and (min-width: 641px) {
	#main .flex-wrap{
		display: flex;
		justify-content: space-between;
	}

	#main .img-wrap .flex-child{
		width: 48%;
	}

	#main .flex-wrap iframe{
		width: 470px;
		height: 352px;
	}
}



#main .other-box{
	margin-top: 40px;
	background: #F4F4F4;
	border: 1px solid #DDDDDB;
	padding: 15px;
	line-height: 1.8;
}

#main .indent{
	display: inline-block;
	margin-left: 55px;
	text-indent: -55px;
}
#main .text-indent{
	display: inline-block;
	padding-left: 55px;
}