/*top*/

#mainimg-catch {
	padding: 2%;
	background: linear-gradient(to right, #D21E54, #7F2753, #332F6A, #003A9A);}

#mainimg-catch h1 {
	background: url(../img/top/top-mainimg_catch2026.png) no-repeat center center;
	text-indent: -9999px;
	width: 100%;
}


#mainimg {
	background: #001B29 url(../img/top/qbe2017-bg.jpg) repeat-x left center;
}

#mainimg section {
	/*position:relative;*/
}

#mainimg .access {
	text-align: center;
}

#mainimg .access a {
	color: #fff;
	text-decoration: none;
	border: 3px solid #FFF;
	background: #ff0000;
	border-radius: 5px;
	text-align: center;
	padding: 2.5% 7% 3% 7%;
	-webkit-transition-property: background;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	font-size: 185%;
	display: block;
	margin: 20px auto 10px auto;

}

#mainimg .access a:hover {
	background: #fff;
	color: #069;
}

#mainimg .access a:after {
	content: url(../img/page/top-button_arrow.png);
	margin-left: 5px;
	position: relative;
	top: 5px;
}

#mainimg .access a:hover:after {
	content: url(../img/page/top-button_arrow_on.png);
}


#mainimg p.info {
	text-align: center;
	color: #FFF;
	padding-bottom: 50px;
	font-size: 110%;
}

#mainimg p.info a {
	color: #FF0;
}

#top-pickup {
	padding: 5% 0 5% 0;
	text-align: center;
}

#top-pickup a {
	color: #333;
	display: block;
	text-decoration: none;
}

#top-pickup .top-pickup {
	width: 28%;
	float: left;
	/*display:inline-block;*/
	margin-right: 4%;
}

#top-pickup a:last-child .top-pickup {
	margin-right: 0;
}


#top-pickup .top-pickup .photo {
	margin-bottom: 10%;
}

#top-pickup .top-pickup .photo img {
	width: 100%;
	height: auto;
}

#top-pickup .top-pickup .text h2 {
	font-size: 105%;
	margin-bottom: 3%;
	color: #01598b;
}

#top-pickup .top-pickup .text p {
	font-size: 90%;
}



#top-pickup .top-pickup {
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
}

#top-pickup .top-pickup:hover {
	opacity: 0.8;
}





#top-bnr {
	padding: 5% 0 5% 0;
	border-top: 1px solid #ccc;
}

#top-bnr ul {
	margin: 0;
	padding: 0;
}

#top-bnr ul li {
	margin: 0 3% 0 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 30%;
}

#top-bnr ul li:last-child {
	margin-right: 0;
}

#top-bnr ul li img {
	width: 100%;
	height: auto;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
}

#top-bnr ul li img:hover {
	opacity: 0.7;
}



#top-information {
	padding: 5% 0 5% 0;
	background: url(../img/top/top-photogallery_bg.png);
}


#top-information ul {
	margin: 0;
	padding: 0;
}

#top-information ul li {
	margin: 0 3% 0 0;
	padding: 0;
	float: left;
	list-style: none;
	width: 30%;
}

#top-information ul li:last-child {
	margin-right: 0;
}

#top-information ul li img {
	width: 100%;
	height: auto;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
}

#top-information ul li img:hover {
	opacity: 0.8;
}



.section-title {
	text-align: center;
	color: #054365;
	margin-bottom: 5%;
}

.section-title h2 {
	font-size: 200%;
	padding: 0;
	margin: 0 0 0.5% 0;
}

.section-title p {
	margin: 0;
	padding: 0;
	font-family: 'Droid Sans', sans-serif;
	font-weight: bold;
}



#top-seminar {
	padding: 5% 0 5% 0;
	background: #ECEBE5;
}

#top-seminar a {
	color: #333;
}

#top-seminar .box {
	margin: 0 2% 40px 0;
	padding: 0;
	width: 32%;
	float: left;
	background: #fff;
	font-size: 90%;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	height: 350px;
	/* 22.0623追加分 */
	position: relative;
}

#top-seminar a:nth-child(3n) .box {
	margin: 0 0 40px 0;
}

#top-seminar .box .photo {
	text-align: center;
	width: 80%;
	margin: 40px auto 0 auto;
}

#top-seminar .box .photo img {
	max-height: 150px;
	width: auto;
}

#top-seminar .box:hover {
	opacity: 0.8;
}

#top-seminar .box .date {
	width: 90%;
	margin: 3% auto 3% auto;
	border-bottom: 1px solid #ccc;
}

#top-seminar .box .date .left {
	width: 75%;
	float: left;
	color: #003399;
	font-weight: bold;
	line-height: 150%;
	font-size: 80%;
}

#top-seminar .box .date .right {
	width: 23%;
	float: right;
	color: #FFF;
	font-size: 80%;
	/* text-align: right;*/
}

#top-seminar .box .date .right span.event {
	background: #6699CC;
	padding: 1% 10% 1% 10%;
	display: inline-block;
}

#top-seminar .box .date .right span.seminar1 {
	background: #FF9900;
	/* padding:1% 10% 1% 10%;*/
}

#top-seminar .box .date .right span.seminar2 {
	background: #639;
	/* padding:1% 10% 1% 10%;*/
}

/* ----------------- 2022.06.21追加分
---------------------------------------------------------*/

/* セミナー一覧 */

#top-seminar .box .date .right {
	text-align: left;
}

#top-seminar .box .date .right span.seminar1,
#top-seminar .box .date .right span.seminar2 {
	display: inline-block;
	padding: 1% 18%;
	margin-bottom: 4%;
}

#top-seminar .box .date .right span.howto {
	/* display: inline-block;
	padding: 1% 4%;
	margin-bottom: 4%; */
	display: block;
	padding: 10px 5px;
	width: 60px;
	text-align: center;
}

#top-seminar .box .date .right span.howto.free {
	background-color: #68a4d9;
	color: #fff;
	/* 22.06.23追加分 */
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 0.8rem;
	line-height: 1.2rem;
}

#top-seminar .box .date .right span.howto.before {
	background-color: #d70035;
	color: #fff;
	/* padding: 1% 11%; */
	/* 22.06.23追加分 */
	position: absolute;
	top: 0px;
	right: 0px;
	font-size: 1.0rem;
	line-height: 1.2rem;

}


/* セミナー記事内 */

#page-contents #contents .mar1 .howto {
	padding: 0.5% 2%;
	font-size: 60%;
	vertical-align: top;

}

#page-contents #contents .mar1 .howto.free {
	background-color: #68a4d9;
	color: #fff;

}

#page-contents #contents .mar1 .howto.before {
	background-color: #d70035;
	color: #fff;

}



/* -----------------
---------------------------------------------------------*/



#top-seminar .box .text {
	width: 90%;
	margin: 0 auto 3% auto;
	color: #5a7382;
	font-size: 90%;
}


#top-seminar .box_all,
#top-seminar .box_seminor,
#top-seminar .box_event {
	display: none;
}


#top-seminar .box_all.active,
#top-seminar .box_seminor.active,
#top-seminar .box_event.active {
	display: block;
}


.seminar_tab {
	/*margin-bottom:20px;*/
}

.seminar_tab ul {
	margin: 0;
	padding: 0;
}

.seminar_tab ul li {
	margin: 0 2% 0 0;
	padding: 15px 0;
	list-style: none;
	float: left;
	width: 32%;
	text-align: center;
	display: block;
	cursor: pointer;
	color: #fff;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	border-bottom: 2px solid #ECEBE5;
}

.seminar_tab ul li:last-child {
	margin: 0;
}

.seminar_tab ul li:hover {
	opacity: 0.8;
}

.seminar_tab ul li.active {
	color: #FF0;
	font-weight: bold;
}


.seminar_tab ul li.btn_all {
	background: #333;
}

.seminar_tab ul li.btn_seminor {
	background: #339933;
}

.seminar_tab ul li.btn_event {
	background: #666699;
}


.seminar_tab ul li.btn_all.active {
	border-bottom: 2px solid #333;
}

.seminar_tab ul li.btn_seminor.active {
	border-bottom: 2px solid #339933;
}

.seminar_tab ul li.btn_event.active {
	border-bottom: 2px solid #666699;
}







.box_all.active {
	border-top: 15px solid #333;
	padding-top: 20px;
}

.box_seminor.active {
	border-top: 15px solid #339933;
	padding-top: 20px;
}

.box_event.active {
	border-top: 15px solid #666699;
	padding-top: 20px;
}






#top-news {
	padding: 5% 0 5% 0;
	background: url(../img/top/top-news_bg.png) no-repeat left center;
	background-size: cover;
}



#top-news ul {
	width: 100%;
	background: rgba(0, 0, 0, 0.5);
	padding: 5% 7% 5% 7%;
}

#top-news ul li {
	width: 100%;
	border-bottom: 1px dotted #999;
	padding: 0 0 1% 15px;
	margin: 0 0 1% 0;
	list-style: none;
	background: url(../img/top/top-news_point.png) no-repeat left 7px;
}

#top-news ul li span {
	color: #cccc99;
	margin-right: 15px;
}

#top-news ul li a {
	color: #fff;
	text-decoration: none;
	-webkit-transition-property: color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
}

#top-news ul li a:hover {
	color: #FF0;
}




#top-exhibitor {
	padding: 5% 0 5% 0;
}


#top-exhibitor ul {
	margin: 0;
	padding: 0;
}

#top-exhibitor ul li {
	margin: 0 1% 1% 0;
	padding: 0;
	list-style: none;
	width: 11.6%;
	float: left;
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center;
	/* 縦方向中央揃え（Safari用） */
	align-items: center;
	/* 縦方向中央揃え */
	-webkit-justify-content: center;
	/* 横方向中央揃え（Safari用） */
	justify-content: center;
	/* 横方向中央揃え */
	text-align: center;
	line-height: 120%;
	border: 1px solid #efefef;
	padding: 5px;
}


#top-exhibitor ul a:nth-child(8n) li {
	margin: 0 0 1% 0;
}


#top-exhibitor ul li img {
	max-width: 100%;
	max-height: 50px;
}

#top-exhibitor ul a {
	text-decoration: none;
	color: #333;
	text-align: center;
	font-size: 80%;
	display: block;
}

#top-exhibitor ul li:hover {
	opacity: 0.8;
}


#top-subinfo {
	background: url(../img/top/top-photogallery_bg.png);
}



#top-subinfo .box {
	width: 33.3333%;
	float: left;
	text-align: center;
	padding: 3%;
}

#top-subinfo .box.color {
	background: #EBE6DA;
}

#top-subinfo .box .dot {
	color: #DFE8EE;
}

#top-subinfo .box.color .dot {
	color: #A2B7C4;
}

#top-subinfo .box h3 {
	margin-bottom: 8%;
}

#top-subinfo .box .contents img {
	width: 100%;
	height: auto;
}

#top-subinfo .box .contents iframe {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
}

#top-subinfo .box a {
	width: 90%;
	display: block;
	margin: 5% auto 0 auto;
	padding: 1%;
	text-align: center;
	border: 1px solid #fff;
	color: #fff;
	font-size: 80%;
	text-decoration: none;
	-webkit-transition-property: background;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
}

#top-subinfo .box.color a {
	border: 1px solid #999;
	color: #333;
}


#top-subinfo .box a:hover {
	background: rgba(255, 255, 255, 0.3);
}





#top-kouen {
	padding: 5% 0 5% 0;
}

#top-kouen .left {
	width: 65%;
	float: left;
}


#top-kouen .right {
	width: 30%;
	float: right;
}


#top-kouen .left h2 {
	margin-bottom: 3%;
	color: #01598b;
	text-align: center;
}

#top-kouen .left ul {
	margin: 0;
	padding: 0;
}

#top-kouen .left ul li {
	margin: 1px 2% 2% 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 32%;
}

#top-kouen .left ul li:nth-child(3n) {
	margin: 1px 0 2% 0;
}

#top-kouen .left ul li img {
	width: 100%;
	height: auto;
}


#top-kouen .left hr {
	border-top: 0;
	border-left: 0;
	border-right: 0;
	border-bottom: 1px solid #CCC;
}






/*出展規定*/


.kitei-cancel {
	border: 1px solid #ccc;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 2%;
	font-size: 90%;
}

.kitei-cancel th {
	border: 1px solid #ccc;
	border-collpage: collpage;
	padding: 1%;
	font-weight: normal;
	background: #efefef;
}

.kitei-cancel td {
	border: 1px solid #ccc;
	border-collpage: collpage;
	padding: 1%;
	font-weight: normal;
	text-align: center;
}

.kitei-cancel td b {
	color: #ff0000;
}


.kitei-koma {
	border: 1px solid #ccc;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 2%;
	font-size: 90%;
}

.kitei-koma th {
	border: 1px solid #ccc;
	border-collpage: collpage;
	padding: 1%;
	font-weight: normal;
	background: #efefef;
	text-align: left;
}

.kitei-koma td {
	border: 1px solid #ccc;
	border-collpage: collpage;
	padding: 1%;
	font-weight: normal;
}



.kitei-komakeitai {
	margin: 0 0 5% 0;
	padding: 0;
}


.kitei-komakeitai li {
	margin: 0 3% 0 0;
	padding: 0;
	list-style: none;
	float: left;
	text-align: center;
}



.kitei-seminar {
	border: 1px solid #ccc;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 3%;
}

.kitei-seminar th {
	border: 1px solid #ccc;
	border-collpage: collpage;
	padding: 3px;
	font-weight: normal;
	background: #ccc;
}

.kitei-seminar td {
	border: 1px solid #ccc;
	border-collpage: collpage;
	padding: 3px;
	font-weight: normal;
	text-align: center;
}

.kitei-seminar tr:nth-child(odd) {
	background: #F9F9F9;
}



.kitei-kyodo {
	border: 1px solid #ccc;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 2%;
	font-size: 90%;
}

.kitei-kyodo th {
	border: 1px solid #ccc;
	border-collpage: collpage;
	padding: 1%;
	font-weight: normal;
	background: #efefef;
	text-align: left;
}

.kitei-kyodo td {
	border: 1px solid #ccc;
	border-collpage: collpage;
	padding: 1%;
	font-weight: normal;
	text-align: center;
}

.kitei-kyodo .title {
	text-align: center;
	background: #CCC;
}



.kitei-yoyaku {
	border: 2px solid #000;
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 2%;
	font-size: 90%;
	text-align: center;
}

.kitei-yoyaku th {
	border: 1px solid #000;
	border-collapse: collapse;
	padding: 1%;
	font-weight: normal;
	text-align: center;
	word-break: break-word;
}

.kitei-yoyaku td {
	border: 1px solid #000;
	border-collapse: collapse;
	padding: 1%;
	font-weight: normal;
	text-align: center;
}

.kitei-yoyaku .color1 th,
.kitei-yoyaku .color1 td {
	background: #ebf1de;
}

.kitei-yoyaku .color2 th,
.kitei-yoyaku .color2 td {
	background: #c5d9f1;
}

/*出展社一覧*/


.exhibitor-anchor {
	background: #efefef;
	margin-bottom: 10%;
	text-align: center;
	padding: 2%;
}

.exhibitor-anchor ul {
	margin: 0;
	padding: 0;
}

.exhibitor-anchor ul li {
	margin: 0;
	padding: 0 2% 0 2%;
	list-style: none;
	display: inline-block;
	border-left: 1px solid #CCC;
}

.exhibitor-anchor ul li:last-child {
	margin: 0;
	border-right: 1px solid #CCC;
}

.exhibitor-block {
	border-bottom: 1px dotted #ccc;
	margin: 0 0 5% 0;
	padding-bottom: 2%;
}


.exhibitor-block .photo {
	width: 23%;
	float: left;
	/* 20230410 ロゴ非表示 */
	display: none;
}

.exhibitor-block .photo img {
	width: 100%;
	height: auto;
	border: 1px solid #CCC;
	margin-bottom: 7%;
	margin-top: 1px;
}

.exhibitor-block .photo .btn1 a {
	width: 100%;
	font-size: 90%;
	text-align: center;
}


.exhibitor-block .text {
	/* 20230410 ロゴ非表示
	width: 73%;
*/
	width: 100%;
	float: right;
}


.exhibitor-block .text h4.title {
	background: url(../img/top/top-photogallery_bg.png) !important;
	padding: 1% 3% 1% 3% !important;
	margin: 0 !important;
}

.exhibitor-block .text h4 span.booth {
	margin-right: 15px;
	border-right: 2px solid #FFF;
	padding: 2px 10px 2px 0px;
}

.exhibitor-block .text .zone {
	background: #eee;
	margin-bottom: 3%;
	padding: 0.5% 3% 0.5% 3%;
	font-size: 80%;
}

.exhibitor-block .text .zone .left {
	width: 70%;
	float: left;
}

.exhibitor-block .text .zone .right {
	width: 30%;
	float: right;
	text-align: right;
}

.exhibitor-block .text .zone .right a {
	background: url(../img/common/arrows_blue.png) no-repeat left center;
	background-size: 13px 13px;
	padding: 0 0 0 15px;
	text-decoration: none;
	color: #333;
}


.exhibitor-block .text .excerpt h4 {
	font-size: 95% !important;
	border-bottom: 1px dotted #ccc !important;
}

.exhibitor-block .text .excerpt ul li {
	font-size: 85%;
	margin-bottom: 2%;
}


.exhibitor-block .text .excerpt .excerpt_text {
	height: 80px;
	width: 100%;
	overflow: auto;
}




.semi-schedule {
	margin-bottom: 70px;
}

.semitable {
	width: 100%;
	border: 1px solid #CCC;
	border-collapse: collapse;
	font-size: 80%;
	margin-bottom: 5%;
}

.semitable th {
	width: 20%;
	border: 1px solid #CCC;
	border-collapse: collapse;
	background: #f0f0f0;
	padding: 3px;
}

.semitable th.semitable-title {
	background: #000;
	text-align: center;
	color: #FFF;
}

.semitable td {
	width: 20%;
	border: 1px solid #CCC;
	border-collapse: collapse;
	padding: 3px;
}

.semitable td.semitable-title {
	background: #CCC;
	text-align: center;
}

.semitable td span {
	font-size: 90%;
}







.seminar-block {
	border-bottom: 1px dotted #999;
	margin: 0 0 5% 0;
	padding-bottom: 5%;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
}

.seminar-block a {
	text-decoration: none;
	color: #333;
}

.seminar-block:hover {
	opacity: 0.8;
}

.seminar-block .photo {
	width: 23%;
	float: left;
}

.seminar-block .photo img {
	width: 100%;
	height: auto;
	border: 1px solid #CCC;
	margin-bottom: 7%;
	margin-top: 1px;
}

.seminar-block .photo .btn1 a {
	width: 100%;
	font-size: 90%;
	text-align: center;
}


.seminar-block .text {
	width: 73%;
	float: right;
}


.seminar-block .text h4.title {
	background: #e0e0e0 !important;
	padding: 1% 3% 1% 3% !important;
	margin: 0 !important;
}

.seminar-block .text h4 span.booth {
	margin-right: 15px;
	border-right: 2px solid #FFF;
	padding: 2px 15px 2px 15px;
}

.seminar-block .text .zone {
	background: #eee;
	margin-bottom: 3%;
	padding: 0.5% 3% 0.5% 3%;
	font-size: 80%;
}

.seminar-block .text .zone .left {
	width: 70%;
	float: left;
}

.seminar-block .text .zone .right {
	width: 30%;
	float: right;
	text-align: right;
}

.seminar-block .text .zone .right a {
	background: url(../img/common/arrows_blue.png) no-repeat left center;
	background-size: 13px 13px;
	padding: 0 0 0 15px;
	text-decoration: none;
	color: #333;
}


.seminar-block .text .excerpt h4 {
	font-size: 95% !important;
	border-bottom: 1px dotted #ccc !important;
}

.seminar-block .text .excerpt ul li {
	font-size: 85%;
	margin-bottom: 2%;
}


.seminar-block .date {
	float: left;
	width: 48%;
	border: 1px dotted #CCC;
	padding: 2%;
}

.seminar-block .entry {
	float: right;
	width: 48%;
	border: 1px dotted #CCC;
	padding: 2%;
}

.seminar-block .date div,
.seminar-block .entry div {
	font-size: 85%;
}

.seminar-block .date ul,
.seminar-block .entry ul {
	padding-left: 15px;
}

.seminar-block .date li,
.seminar-block .entry li {
	font-size: 85%;
}



.seminar-entry_data {
	margin-bottom: 5%;
}






table.sche {
	width: 99%;
	empty-cells: show;
	border: 1px solid #CCC;
	font-size: 78%;
	margin-bottom: 3%;
}

.sche th {
	color: #666;
	background-color: #eeeeee;
	text-align: center;
	border: 1px solid #CCC;
}

.sche td {
	border: 1px solid #CCC;
	text-align: center;
}


table.sche.column2 th {
	width: 50%;
}






.photogallery-block {
	width: 170px;
	height: 95px;
	overflow: hidden;
	float: left;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	margin: 0 3px 5px 0;
}


#photogaller-navi {
	text-align: center;
}



.photogallery-block-thum {
	width: 85px;
	float: left;
	height: 48px;
	overflow: hidden;
	margin: 0 2px 5px 2px;
}

.photogallery-block2 {
	width: 73px;
	float: left;
	border-right: 2px solid #999;
	border-bottom: 2px solid #999;
	margin: 0 4px 5px 0;
	height: 40px;
	overflow: hidden;
}




.photogallery-block img,
.photogallery-block2 img,
.photogallery-block-thum img {
	width: 100%;
	height: auto;
}



.anchor-list3.seminar-ancher li.menu01 {
	background: #006699;
}

.anchor-list3.seminar-ancher li.menu02 {
	background: #339933;
}

.anchor-list3.seminar-ancher li.menu03 {
	background: #666699;
}







/*エントリーフォーム　/entry-index.html　*/

.entry-atteinfo {
	margin-bottom: 50px;
	padding: 15px;
	width: 90%;
	margin: 0 auto 30px auto;
	border: 1px solid #ff0000;
}

.entry-atteinfo ul {
	margin-left: 30px;
}

.entry-atteinfo ul li {
	margin-bottom: 10px;
	padding: 0 0 0 0;
	background: none;
	list-style: decimal;
}








#page-contents .subtitle {
	margin-bottom: 10%;
	border-bottom: 1px dotted #CCC;
	padding-bottom: 1%;
}

#page-contents .subtitle .sns {
	width: 50%;
	float: left;
}

#page-contents .subtitle .data {
	width: 30%;
	float: right;
	text-align: right;
}






.entry-check {}

.entry-check .btn {
	border: 1px solid #CCC;
	display: block;
	cursor: pointer;
	border-radius: 10px;
}

.entry-check .btn:hover {
	opacity: 0.8;
}

.entry-check .btn h4 {
	text-align: center;
	background: none;
	width: 80%;
	margin: 20px auto 20px auto;
}

.entry-check .btn p {
	font-size: 85%;
	width: 80%;
	margin: 0 auto 45px auto;
}



.check-kaiin {
	/*width:32%;*/
	width: 49%;
	float: left;
	margin-right: 2%;
	background: url(../img/page/entry-check_icon01.png) no-repeat center bottom;
}

.check-kaiin h4 {
	background: #D80027 !important;
	color: #FFF;
	border-radius: 100px;
}

.check-kaiin.active {
	background: #D80027;
	color: #FFF;
}

.check-kaiin.active h4 {
	background: #fff !important;
	color: #D80027;
}


.check-nonkaiin {
	/*width:32%;*/
	width: 49%;
	float: left;
	margin-right: 0%;
	background: url(../img/page/entry-check_icon02.png) no-repeat center bottom;
}

.check-nonkaiin h4 {
	background: #933EC5 !important;
	color: #FFF;
	border-radius: 100px;
}

.check-nonkaiin.active {
	background: #933EC5;
	color: #FFF;
}

.check-nonkaiin.active h4 {
	background: #fff !important;
	color: #933EC5;
}


.check-speaker {
	width: 32%;
	float: left;
	background: url(../img/page/entry-check_icon04.png) no-repeat center bottom;
}


.check-speaker h4 {
	background: #663366 !important;
	color: #FFF;
	border-radius: 5px;
}

.check-speaker.active {
	background: #663366;
	color: #FFF;
}

.check-speaker.active h4 {
	background: #fff !important;
	color: #663366;
}











.check-kaiin.active {
	background: #D80027 url(../img/page/entry-check_icon03.png) no-repeat center bottom;
}

.check-nonkaiin.active {
	background: #933EC5 url(../img/page/entry-check_icon03.png) no-repeat center bottom;
}

.check-speaker.active {
	background: #663366 url(../img/page/entry-check_icon03.png) no-repeat center bottom;
}



.entry-kaiin_wrap {
	width: 96%;
	margin: 0 auto;
	padding: 5%;
}

.entry-kaiin_wrap p {
	text-align: center;
}

.entry_link {
	padding: 2% 1%;
	text-align: center;
	margin-bottom: 25px;
	border-radius: 5px;
	font-size: 90%;
}

.entry_link:hover {
	opacity: 0.8;
}


.entry_link a {
	text-decoration: none;
	color: #fff;
	display: block;
}

.entry_link a:after {
	content: url(../img/page/entry_link_btn.png);
	position: relative;
	top: 2px;
	margin-left: 5px;
}



.entry_red {
	background: #ff0000;
	color: #fff;
}

.entry_blue {
	background: #003399;
	color: #fff;
}


.entry_yellow {
	background: #FFCD42;
}

.entry_yellow a {
	color: #333 !important;
}

.entry_green {
	background: #669900;
	color: #fff;
}

.entry-kaiin_wrap {
	display: none;
}

.entry-kaiin_wrap.active {
	display: block;
}

.entry-kaiin_wrap.active {
	display: block;
}

.entry_kaiin_window .midshi {
	color: #D80027;
	font-size: 170%;
}

.entry_nonkaiin_window .midshi {
	color: #933EC5;
	font-size: 170%;
}

.entry_speaker_window .midshi {
	color: #663366;
	font-size: 170%;
	text-align: center !important;
}

.entry-kaiin_wrap.entry_speaker_window p {
	text-align: left;
}

.entry_kaiin_window .entry_link {
	border: 2px solid #D80027;
}

.entry_nonkaiin_window .entry_link {
	border: 2px solid #933EC5;
}







/*outlet*/

.outlet-shop .box {
	border: 2px solid #272324;
	padding: 0 2%;
	border-radius: 5px;
	margin-bottom: 20px;
}

.outlet-shop .box .item {
	font-size: 80%;
	margin-bottom: 5px;
	line-height: 20px;
}

.outlet-shop .box .price {
	color: #ff0000;
	margin-bottom: 15px;
	font-weight: bold;
	text-align: center;
}

.outlet-shop .box .price span.tokka {
	font-size: 85%;
	margin-right: 5px;
}

.outlet-shop .box .price span.tax {
	font-size: 85%;
}

.outlet-shop .box .company {
	color: #fff;
	margin-bottom: 20px;
	background: #272324;
	font-weight: bold;
	text-align: center;
	padding: 5px 0;
	margin-top: 15px;
}




.outlet-shop .box .btn a {
	display: block;
	width: 100%;
	color: #FFF;
	text-decoration: none;
	padding: 15px 0;
	text-align: center;
	font-size: 120%;
	-webkit-transition-property: opacity;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: linear;
	background: #ff0000;
	font-size: 90%;
	border-radius: 5px;
	margin-bottom: 15px;
}

.outlet-shop .box .btn:hover {
	opacity: 0.8;
}





#top-seminar.seminar_page {
	background: none;
}

#top-seminar.seminar_page .box {
	width: 48%;
	margin-right: 4%;
}

#top-seminar.seminar_page a:nth-child(3n) .box {
	margin-right: 4%;
}

#top-seminar.seminar_page a:nth-child(2n) .box {
	margin-right: 0%;
}

#top-seminar.seminar_page .box .date {
	width: 100%;
}

#top-seminar.seminar_page .box .text {
	width: 100%;
}

#top-seminar.seminar_page .box .text h3 {
	background: none !important;
}












/******************************************************************************************/

/* for TB & SP CSS   */

/******************************************************************************************/


/*全タブレット*/
/*1024×416*/
@media only screen and (min-width: 416px) and (max-width: 1024px) {}




/*→タブレット横限定*/
/*1024×769*/
@media only screen and (min-width: 769px) and (max-width: 1024px) {}




/*→タブレット縦限定*/
/*768×436*/
@media only screen and (min-width: 436px) and (max-width: 768px) {




	#mainimg img {
		width: 100%;
	}

	#mainimg-catch h1 {
		background-size: contain;
	}

	#top-seminar a:nth-child(2n) .box {
		margin: 0 0 40px 0;

	}




}






/*→スマホy横限定*/
/*667×436*/
@media only screen and (min-width: 436px) and (max-width: 667px) {


	#top-seminar .box {
		width: 270px;
	}





}
















/*全スマートフォン*/
/*435×1*/
@media only screen and (min-width: 1px) and (max-width: 435px) {


	#mainimg-catch h1 {
		background-size: contain;
	}

	#mainimg section {
		width: 100%;
	}

	#mainimg section img {
		width: 100%;
		height: auto;
	}

	#mainimg .access {}



	#mainimg .access a {
		font-size: 110%;
		width: 90%;
	}


	#top-pickup .top-pickup {
		width: 100%;
	}




	#top-bnr ul li {
		margin: 0 0 2% 0;
		float: none;
		width: 100%;
	}


	#top-information ul li {
		margin: 0 0 2% 0;
		float: none;
		width: 100%;
	}


	.section-title h2 {
		font-size: 170%;
	}


	#top-seminar .box {
		width: 49%;
		margin: 0 2% 20px 0;
		height: 200px;
	}

	#top-seminar .box .date {
		display: none;
	}

	#top-seminar .box .text span {
		display: none;
	}

	#top-seminar a:nth-child(3n) .box {
		margin: 0 2% 20px 0;
	}

	#top-seminar a:nth-child(2n) .box {
		margin: 0 0 20px 0;
	}

	#top-seminar a:nth-child(2n) .box {
		margin: 0 0 20px 0;
	}

	#top-seminar .box .date .left {
		width: 100%;
		float: none;
		line-height: 140%;
	}

	#top-seminar .box .date .right {
		width: 60px;
		float: none;
		margin: 0 auto;
		text-align: left;
	}





	#top-news ul li span {
		display: block;
	}



	#top-exhibitor ul li {
		width: 19%;
		margin: 0 1% 1% 0;
	}

	#top-exhibitor ul li:nth-child(8n) {
		margin: 0 1% 1% 0;
	}

	#top-exhibitor ul li:nth-child(5n) {
		margin: 0 0% 1% 0;
	}

	#top-subinfo {
		padding: 5% 0 5% 0;
	}

	#top-subinfo .box {
		width: 100%;
		float: none;
		padding: 3% 3% 5% 3%;
	}







	#top-kouen .left {
		width: 100%;
		float: none;
	}

	#top-kouen p {
		text-align: center;
	}


	#top-kouen .right {
		display: none;
	}


	.exhibitor-anchor {
		font-size: 90%;
	}

	.exhibitor-block .text .excerpt h4 {
		background: #525151 url(../img/common/arrows.png) no-repeat 10px center !important;
		color: #fff;
		background-size: 15px 15px !important;
		padding: 2% 2% 2% 30px !important;
		border-radius: 5px !important;
		border-bottom: none !important;
	}

	.exhibitor-block .text .excerpt ul {
		display: none;
	}

	.exhibitor-block .text .excerpt ul.active {
		display: block;
	}




	.seminar-block .text .zone .left {
		width: 100%;
		float: none;
		text-align: right;
	}

	.seminar-entry_data {
		text-align: right;
	}

	.seminar-block .entry {
		display: none;
	}

	.seminar-block .date {
		float: none;
		width: 100%;
	}


	.seminar-block {
		margin: 5% 0 5% 0;
	}

	.seminar-block .date {
		float: none;
		width: 100%;
		border: none;
		padding: 0;
	}



	.page-result img {
		width: 100%;
		height: auto;
	}

	.photogallery-block {
		width: 160px;
		height: 90px;
	}

	.photogallery-block2 {
		width: 78px;
		height: 43px;
	}

	.seminar-block .date ul,
	.seminar-block .entry ul {
		padding-left: 20px;
		margin: 0;
	}





	.sp-btn {
		background: #069 url(../img/common/arrows.png) no-repeat 90% center;
		background-size: 12px 12px;
		color: #FFF;
		width: 26%;
		text-align: center;
		padding: 1%;
		font-size: 85%;
		float: right;
		border-radius: 5px;
		margin: 3% 0 0 0;
	}




	#page-contents .subtitle .sns {
		width: 100%;
		float: none;
	}

	#page-contents .subtitle .data {
		width: 100%;
		float: none;
		text-align: left;
	}

	#page-pankz {
		display: none;
	}

	#top-pickup .top-pickup .text p {
		display: none;
	}


	.outlet-shop .box {
		height: auto !important;
	}


}

/*768×436*/
@media only screen and (min-width: 436px) and (max-width: 768px) {
	#top-seminar .box .date .right span.howto {
		width: 27%;
	}

	#top-seminar .box .date .right span.howto.free {
		/* 22.06.23追加分 */
		font-size: 0.9rem;
	}

	.outlet-shop .box {
		height: auto !important;
	}
}


/*→スマートフォンiPhone5以前限定*/
/*320×1*/
@media only screen and (min-width: 1px) and (max-width: 320px) {}





/*20250606 Add*/

.box.entry1965 h3 {
	letter-spacing: -0.8px;
}


/*20250616 Add*/

a.top-sns-link {
	display: inline-block;
	margin-bottom: 20px;
}



#top-kouen .right.top-sns-area {
	width: 30%;
	float: right;
	text-align: center;
}



.top-bosyu-box{
	background: linear-gradient(135deg, #111, #333);
	color: #fff;
	padding: 2rem;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
	margin-bottom: 0.8rem;
	}
	
	.top-bosyu-box h3 {
		font-size: 1.8rem;
		font-weight: bold;
		margin-bottom: 1.5rem;
		border: 3px solid red;
		padding: 0.75rem;
		color: #fff;
	}
	
	.bosyu-inner{
	display: flex;
	  justify-content: space-between;
	  align-items: center;
	  flex-wrap: wrap;
	  margin-top: 40px;
	}
	
	.bosyu-left {
		width: 70%;
	}
	
	.bosyu-subtitle {
	font-size: 2.2rem;
		margin-bottom: 0.5rem;
		color: yellow;
		font-weight: bold;
	}
	
	.bosyu-desc {
	font-size: 1.4rem;
		margin-bottom: 1rem;
		line-height: 1.6;
	}
	
	.bosyu-btn {
	display: inline-block;
	background: red;
	color: #fff;
	text-decoration: none;
	padding: 1.4rem 6rem;
	font-size: 1.2rem;
	font-weight: bold;
	transition: background 0.3s ease;
	}
	
	.bosyu-btn:hover {
	  background: #ffe066;
	}
	
	.bosyu-right {
	  width: 25%;
	  display: flex;
	  justify-content: center;
	  align-items: center;
	}
	
	.bosyu-qr {
		max-width: 80%;
		height: auto;
	}

	.mar30px {
		margin-bottom: 30px !important;
	}
	



@media only screen and (min-width: 1px) and (max-width: 435px) {

	#top-kouen .right.top-sns-area {
		display: none;
	}




	.bosyu-inner {
		flex-direction: column;
		align-items: flex-start;
		margin-top: 10px;
	  }
	
	  .bosyu-left,
	  .bosyu-right {
		width: 100%;
	  }
	
	  .bosyu-right {
		margin-top: 1rem;
	  }
	
	  .top-bosyu-box h3 {
		font-size: 1.5rem;
	  }
	
	  .bosyu-subtitle {
		font-size: 1.1rem;
	  }
	
	  .bosyu-desc {
		font-size: 0.95rem;
	  }
	
	  .bosyu-btn {
		font-size: 1rem;
		padding: 0.7rem 1.2rem;
	  }
	
	  .bosyu-qr {
		display: none;
	}






}