@charset "UTF-8";

/* -----------------------------------------------------------
CSS Information
File name:      interbee2020.css
Style Info:     Inter BEE2020 ページ用スタイル
----------------------------------------------------------- */

div.iBvisual{
	padding-top: 50%;
	background: url("../inter-bee-2020/images/w1310_600_bnn.jpg") center top no-repeat;
	background-size:contain;
}
div.iB21visual p img,
div.seminerTachikawaVisual p img,
div.seminer2022Visual p img{
	max-width: 100%;
	height: auto;
}
div.seminer2023Visual p img{
	max-width: 100%;
	height: auto;
}
div.seminer2023spVisual p img{
	max-width: 100%;
	height: auto;
}
div.seminer2024Visual p img{
	max-width: 100%;
	height: auto;
}
.iBCatch{
	background: #FFF;
	border-radius: 4px;
	color: #4B2276;
}
.iBCatch p{
	line-height: 1.8;	
}
.iBMenuList li{
	margin-bottom: 0.5em;
	font-size: 90%;
	text-align: center;
}
.iBMenuList li a:link,
.iBMenuList li a:visited{
	padding: 10px 0 20px;
	background: #4b2276 url("../images/share/arrow_bottom_st2.png") 50% 80% no-repeat;
	border-radius: 6px;
	display: block;
	color: #FFF;
	text-decoration: none;
}
.iBMenuList li a:hover,
.iBMenuList li a:active{
	background: #845baf url("../images/share/arrow_bottom_st2.png") 50% 90% no-repeat;	
}
span.tagFree{
	margin-left: 3px;
	padding:2px 8px 0px;
	background: #f4c500;
	border-radius: 4px;
	color: #4b2276;
	font-size: 80%;
}
span.tagFree.tagFreeWht{
	background: #FFF;	
}
.ttlIB{
	margin: 0 -15px 20px;
	padding: 10px 0;
	background: #4b2276;
	text-align: center;
	color: #FFF;
	font-size: 130%;
	font-weight: bold;
}
.cautionArea{
	background: #efefef;
	border: 1px dashed #d00814;
	border-radius: 6px;
	color: #d00814;
}
.cautionArea2{
	background: #efefef;
	border: 1px dashed #4b1e78;
	border-radius: 6px;
}
.btnSt05{
	width: 150px;
    text-align: center;
}
.btnSt05 a:link,
.btnSt05 a:visited{
	padding: 4px auto 4px;
	background: #d00814 url("../images/share/icon_link_w.png") 77% 50% no-repeat;
	border-radius: 4px;
	display: block;
	color: #FFF;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
    text-align: center;
}
.btnSt05 a:hover,
.btnSt05 a:active{
	background: #e32d38 url("../images/share/icon_link_w.png") 77% 50% no-repeat;
}
.btnSt07{
	width: 150px;
    text-align: center;
}
.btnSt07 a:link,
.btnSt07 a:visited{
	padding: 4px auto 4px;
	background: #4b1e78 url("../images/share/icon_link_w.png") 77% 50% no-repeat;
	border-radius: 4px;
	display: block;
	color: #FFF;
	font-size: 100%;
	font-weight: bold;
	text-decoration: none;
    text-align: center;
}
.btnSt07 a:hover,
.btnSt07 a:active{
	background: #4b1e78 url("../images/share/icon_link_w.png") 77% 50% no-repeat;
}
@media (min-width: 768px) {
	#iBContant p{
		line-height: 1.8;
	}
	div.iBvisual{
		padding-top: 46%;
		background: url("../inter-bee-2020/images/w1310_600_bnn.jpg") center top no-repeat;
		background-size:100% auto;
	}
	div.iB21visual{
		padding-top: 42%;
		background: url("../Renovate-seminar2021/images/mainvisual_ib21.jpg") center top no-repeat;
		background-size:100% auto;
	}	
	div.seminerTachikawaVisual{
		padding-top: 54%;
		background: url("../seminar-tachikawa-stage-garden/images/tsg-page-top.png") center top no-repeat;
		background-size:100% auto;
	}
	div.seminer2022Visual{
		padding-top: 44%;
		background: url("../renovate-seminar2022/images/main2022.jpg") center top no-repeat;
		background-size:100% auto;		
	}
	div.seminer2023Visual{
		padding-top: 44%;
		background: url("../renovate-seminar2023/images/main2023.jpg") center top no-repeat;
		background-size:100% auto;		
	}
	div.seminer2023spVisual{
		padding-top: 54%;
		background: url("../sports-facilities-seminar2023/images/bnr_top_pc.jpg") center top no-repeat;
		background-size:100% auto;		
	}
	div.seminer2024Visual{
		padding-top: 54%;
		background: url("../renovate-seminar2024/images/hall-renovation-2024_pc-top-thumbnail.jpg") center top no-repeat;
		background-size:100% auto;		
	}
	.iBCatch{
		margin-bottom: 40px;
		border-radius: 10px;
	}
	.iBMenuList li{
		width: 33.2%;
		font-size: 90%;
		font-weight: bold;
	}
	.iBMenuList li a:link,
	.iBMenuList li a:visited{
		padding: 20px 0 24px;
		background: #4b2276 url("../images/share/arrow_bottom_st2.png") 50% 80% no-repeat;
	}	
	.ttlIB{
		margin: 0 0px 50px;
		padding: 20px 0;
		border-radius: 6px;
	}
	.btnSt05 a:link,
	.btnSt05 a:visited{
		padding: 14px 50px 14px 16px;
	}
	.btnSt07 a:link,
	.btnSt07 a:visited{
		padding: 14px 50px 14px 16px;
	}	
}
@media (min-width: 1200px) {
	.iBMenuList li{
		width: 32%;
		font-size: 110%;
	}
}
/* TABLE
--------------------------------------------------------------------*/
.tableIB{
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;	
}
.tableIB th,
.tableIB td{
	padding: 16px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;	
	vertical-align: middle;
}
.tableIB th{
	background: #EEE;
}
.tableIB80{
    color: #000;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;	
}
.tableIB80 th,
.tableIB80 td{
	padding: 16px;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;	
	vertical-align: middle;
}
.tableIB80 th{
	background: #EEE;
}
#iBContant .tableIB p{
	line-height: 1.5;
}
.tagPurple{
	padding: 2px 10px 1px;
	background: #4b2276;
	border-radius: 4px;
	display: inline-block;
	font-size: 80%;
	color: #FFF;

}
@media (max-width: 576px) {
	.tableIB tr{
		border-bottom: 1px solid #CCC;
	}
	.tableIB td{
		padding: 2px 10px;
		width: 100%;
		display: inline-block;
		border-bottom: none;
	}
}

/* CONTACT
--------------------------------------------------------------------*/
.contactIB{
	margin: 0 -15px 40px;
	padding: 30px 15px 10px;
	background: #efefef;
}
.contactIB h3{
	margin: 0 auto 25px;
	font-size: 110%;
	font-weight: bold;
	color: #4b2276;
	text-align: center;
	line-height: 1;
}
.contactIB h3 span{
	border-bottom: 3px solid #4b2276;	
}
.btnSt06 {
	width: 300px;
	text-align: center;
}
.btnSt06 a:link,
.btnSt06 a:visited{
	padding: 10px 36px 10px 10px;
	background: #4b2276 url("../images/share/btn_arrow_wh.png") 95% 50% no-repeat;
	background-size:8px 14px;
	border-radius: 4px;
	display: block;
	color: #FFF;
	text-decoration: none;
}
.btnSt06 a:hover,
.btnSt06 a:active{
	background: #6c4496 url("../images/share/btn_arrow_wh.png") 95% 50% no-repeat;
	background-size:8px 14px;
}
.btnIBPBn{
	border: 1px solid #707070;
}
.btnIBPBn p{
	margin: 0;
	background: #4b2276;
	line-height: 1;
}
.btnIBPBn:hover p{
	background: #653e8e;
}
.btnIBPBn p a:link,
.btnIBPBn p a:visited{
	padding: 12px 10px 10px 10px;
	background: url("../images/share/btn_arrow_wh.png") 90px no-repeat;
	background-size:8px 14px;
	color: #FFF;
	text-decoration: none;
	display: block;
}
@media (min-width: 576px) {
	.btnSt06 {
		margin-left: auto;
		margin-right: auto;
		width: 340px;
	}
	.btnSt06 a:link,
	.btnSt06 a:visited{
		padding: 20px 40px 20px 20px;
		display: block;
	}
}
/*21/01/16*/
 #iBContant .tableSchedule p{
	line-height: 1.3;
}
.tableSchedule th{
	padding: 10px 0 0 0;
	background: none;
	font-weight: normal;
}
.tableSchedule td{
	padding: 0 0 10px 0;
	border-bottom: 1px solid #CCC;
}
.btnEntry{
	width: 280px;
	text-align: center;
	font-size: 140%;
}
.btnEntry a:link,
.btnEntry a:visited{
	padding: 10px 0;
	background: #ff8c01 url("../images/share/icon_link_w.png") 95% 50% no-repeat;
	border-radius: 6px;
	display: block;
	color: #FFF;
	text-decoration: none;
}
.btnEntry a:hover,
.btnEntry a:active{
	background: #ffaf4f url("../images/share/icon_link_w.png") 95% 50% no-repeat;
}
@media (min-width: 768px) {
	.tableSchedule th,
	.tableSchedule td{
		padding: 20px 0px;
		border-bottom: 1px solid #CCC;		
	}
}
/*22/01/08*/
.btnEntry2{
	width: 280px;
	text-align: center;
	font-weight: bold;
	font-size: 140%;
}
.btnEntry2 a:link,
.btnEntry2 a:visited{
	padding: 10px 0;
	background: #FFF url("../renovate-seminar2022/images/icon_brank.png") 90% 50% no-repeat;
	border:2px solid #4b1e78;
	border-radius: 6px;
	display: block;
	color: #4b1e78;
	text-decoration: none;
}
.btnEntry2 a:hover,
.btnEntry2 a:active{
	background: #caabe9 url("../renovate-seminar2022/images/icon_brank.png") 90% 50% no-repeat;
}
@media (min-width: 768px) {
	.btnEntry2{
		width: 340px;
	}
}
/* 20251028追加  */
.btnEntry2026{
	margin-left: auto;
	margin-right: auto;
	width: 310px;
	text-align: center;
	font-weight: bold;
	font-size: 130%;
}
.btnEntry2026 a:link,
.btnEntry2026 a:visited{
	padding: 30px 0;
	background: #FFF url("../renovate-seminar2022/images/icon_brank.png") 94% 50% no-repeat;
	background-size: 20px 16px;
	border:2px solid #4b1e78;
	border-radius: 6px;
	display: block;
	color: #4b1e78;
	text-decoration: none;
}
.btnEntry2026 a:hover,
.btnEntry2026 a:active{
	background: #caabe9 url("../renovate-seminar2022/images/icon_brank.png") 94% 50% no-repeat;
	background-size: 20px 16px;	
}