@charset "UTF-8";
/* CSS Document */


.title-sub{display: block; text-align: center; margin-bottom: 50px;}
.title-sub span{display: inline-block; border:1px solid #1c1c1c; background: #fff; padding: 9px 60px; border-radius: 8px; font-size: 16px; font-weight: normal;}

.con-bgcgrey{background: #f4f4f4;}
.con-bt1{border-top: 1px solid #f4f4f4;}
ul.list-dis{display: inline-block; text-align: left;}

.half-box{display: inline-block; box-sizing: border-box; text-align: center; width: 42%; margin: 0 30px; padding-bottom: 30px; vertical-align: top;}
.c3-box{display: inline-block; box-sizing: border-box; text-align: center; width: 30%; margin: 0 15px; vertical-align: top;}

@media (max-width: 767px) {
.half-box{display: block; width: 100%; text-align: left; margin: 0 auto ; padding-bottom: 30px;  box-sizing: border-box;}
.c3-box{display: block; width: 100%; margin: 0 auto 20px; border-bottom: 1px dashed #ddd; padding-bottom: 15px; }
	.title-sub{margin-bottom: 30px !important;}
.title-sub span{display: block; width: 100%; box-sizing: border-box; font-size: 14px; padding: 9px 0; }	
}


@media (max-width: 320px) {


}

/*メインビジュアル*/
#mainimg-about img{vertical-align: bottom;}
.mainimg-page{width: 100%; height: 480px; background-position: center 120px; background-size: cover; background-repeat: no-repeat;}
#mainimg-exhibitor{height: 580px; background-image: url(/site/hbs2022/data/mainimg_exhibitor.jpg);}
#mainimg-world{height: 580px; background-image: url(/site/hbs2022/data/mainimg_world.jpg);}
#mainimg-company{height: 580px; background-image: url(/site/hbs2022/data/mainimg_company.jpg);}
#mainimg-personal{height: 580px; background-image: url(/site/hbs2022/data/mainimg_personal.jpg);}
#mainimg-ticket{background-image: url(/site/hbs2022/data/mainimg_ticket.jpg);}
#mainimg-lineup{background-image: url(/site/hbs2022/data/mainimg_lineup.jpg);}
#mainimg-avenue img{width: 100%;}
@media (max-width: 767px) {
.mainimg-page{height: 234px;  background-position: center 65px;}
#mainimg-exhibitor, #mainimg-personal, #mainimg-company, #mainimg-world{height: 234px;}
#mainimg-avenue img{width: 100%;}
}

/*==================================================
ページ内リンク
================================================== */

#page-link{background:#f4f4f4; }
#page-link ul{width: 992px; margin: 0 auto; list-style:none; padding: 0 4px;}
#page-link li{display: inline-block; margin-right: 15px;}
#page-link li a{font-size: 12px; color: inherit !important;}
#page-link li a:before{content: "▶︎"; padding-right: 5px; font-size: 10px;}
#page-link li a:link{text-decoration: none;}
#page-link li a:visited{text-decoration: none;}
#page-link li a:hover{text-decoration: underline;}
#page-link li.area-name{padding-top: 5px; letter-spacing: 0.1em;}

@media (max-width: 767px) {
#page-link{width: 100%; overflow: visible; overflow-y: hidden; -webkit-overflow-scrolling: touch; margin-top: 8px; }
#page-link ul{ width: 880px; padding: 0 8px 8px;}
}


/*==================================================
ホビーショーについて
================================================== */


/*開催概要*/
#theme-hbs{text-align: center; padding-top: 150px; padding-bottom: 50px;}
#theme-hbs h3{display: block; font-size: 22px; line-height: 2.0em;  margin-bottom: 50px; }
#theme-hbs p{margin-bottom: 30px;}
.theme-img01{width: 820px; margin: 40px 0 50px;}
#outline{border-top:1px solid #ddd;}
#outline .table-basic th{width: 200px; padding: 20px 0;}
#outline .table-basic td{padding: 20px 0;}

#data2019{text-align: center;}
#data2019 img{margin-bottom: 50px;}
#data2019 h5{display: inline-block; box-sizing: border-box; text-align: center; width: 22%; font-size:120%; padding-bottom: 30px;}
#data2019 h5 img{margin-top: 20px; width: 100%;}
#data2019 h4{display: inline-block; box-sizing: border-box; text-align: center; width: 47%; font-size: 120%; padding-bottom: 30px;}
#data2019 ul{display: inline-block; text-align: left; margin-left: 50px;}
#data2019 ul li{margin-bottom: 15px;}

.theme-img02{margin-bottom: 50px;}
#theme-hbs h4{display: block; font-size: 28px; margin-bottom: 0; color: #E2002E;}

#member ol{
	margin: 0 0 35px 20px !important;
}

#outline .table-basic td a.btn{
	display: block;
	width: 26%;
	margin: 20px 0 0;
	padding: 5px 15px;
	text-align: center;
}
@media (max-width: 767px) {
#theme-hbs{text-align: center; width: 100%; margin: 0 auto; padding-top: 100px; padding-bottom: 35px; }
#theme-hbs h3{display: block; font-size: 15px; line-height: 1.8em;  margin-bottom: 30px;}
#theme-hbs h4{display: block; font-size: 18px; margin-bottom: 0; }
#theme-hbs p{margin-bottom: 25px;}
	#theme-hbs p.txt-lead{
		width: 80%;
		margin: 0 auto;
	}
.theme-img01{width: 80% !important;  margin: 30px 0 20px;}
#outline .table-basic th{display: block; width: 100%; box-sizing: border-box; padding: 10px 5px; vertical-align: top;}
#outline .table-basic td{display: block; width: 100%; box-sizing: border-box; padding: 10px 10px 20px; vertical-align: top; border: none;}

#data2019{text-align: center;}
#data2019 h5, #data2019 h4{display: inline-block; box-sizing: border-box; text-align: center; width: 47%; font-size:15px; padding-bottom: 20px;}
#data2019 img{ width: 100%; margin-bottom: 50px;}
#data2019 ul{display: block; width: 90%; margin: 0 auto; text-align: left; }
#data2019 ul li{margin-bottom: 10px;}
	

.theme-img02{margin-bottom: 30px; width: 80%;}
	
	#member{
		margin: 0 auto 30px !important;
	}

#outline .table-basic td a.btn{
	width: 52%;
	margin: 10px 0 0;
}
	
}

/*==================================================
出展のご案内
================================================== */




/*出展のご案内*/
#feature{text-align: center; background:#f4f4f4; padding-bottom: 0 !important; }
#feature ul{list-style: none; display: inline-block; text-align: left;}
#feature ul li{padding-bottom: 20px; display:block; vertical-align: middle; font-size: 20px;}
#feature ul li span{color: #6C68A4; font-size: 180%; padding-right: 20px;}

@media (max-width: 767px) {
#feature ul li{font-size: 16px;}
#feature ul li span{font-size: 16px; padding-right: 15px;}	
}

#merit{background:#f4f4f4; }
#merit ul{list-style: none; text-align: center;}
#merit ul li{display: inline-block; width: 27%; margin: 0 25px; box-sizing: border-box; vertical-align: top; font-size: 14px; text-align: left;}
#merit ul li span{color:#6C68A4; margin-bottom: 20px; display: block; font-size: 20px; font-weight: 600; text-align: center;}

@media (max-width: 767px) {
#merit ul li{display: block; width: 100%; margin: 0 auto 30px;}
#merit ul li span{margin-bottom: 15px; display: block; font-size: 110%; text-align: center;}
}

.layout-catch{font-size: 22px; text-align: center; color: #6C68A4; line-height: 2.0em; margin-bottom: 50px;}
#layoutzone{border-top:1px solid #ddd;}
#layoutzone h3{margin-bottom: 20px; color:#6C68A4; font-weight: normal; font-size: 24px;}
#layoutzone h3 span{font-size: 85%; padding-left: 10px;}
#layoutzone article{display: block; position: relative; margin-bottom: 60px;}
#layoutzone article a{display: block; width: 30%; margin-top: 25px; padding: 8px 0 !important; text-align: center;}
#layoutzone .pict-layout{display: block; width: 210px; position: absolute; top:0; right: 0;}
#layoutzone .pict-layout img{width:100%;}
.mainpict-layout{margin-bottom: 50px; width: 900px;}
.txt-layout{width: 650px;}

@media (max-width: 767px) {
.layout-catch{font-size: 16px; line-height: 1.8em; margin-bottom: 40px !important;}
#layoutzone h3{margin-bottom: 10px; font-size: 18px;}
#layoutzone article{margin-bottom: 50px;}
#layoutzone article a{display: block; width: 50%; margin: 20px 0;}
#layoutzone .pict-layout{display: block; width: 100%; position: relative; top:0; right: 0;}
#layoutzone .pict-layout img{width:100%;}
.mainpict-layout{margin-bottom: 30px; width: 100%;}
.txt-layout{width: 100%;}
}

#ex-t{width: 838px; margin: 0 auto 50px; border:1px solid #6C68A4; padding: 30px; }
#ex-t h3{display: block; font-size: 14px; font-weight: 400; background: #f4f4f4; margin-bottom: 30px; padding: 14px 10px;}
#ex-t h4{display: block; width: 150px; border-radius: 2px; font-size: 14px; color: #fff; background:#6C68A4; padding: 7px 0; margin-bottom: 20px; font-weight: 400; text-align: center;}
#ex-t h4.bg-company{background: #E8380D !important;}
#ex-t h4.bg-personal{background: #E84478 !important;}
#ex-t p{margin-bottom: 30px;}
#ex-t span{display: block; font-size: 13px; margin-bottom: 30px;}
#ex-t dt{line-height: 30px; margin: 0;}
#ex-t dt span{display: inline-block; width: 30px; height: 30px; border-radius: 15px; background:#6C68A4; text-align: center; color: #fff; margin-right: 8px;}
#ex-t dd{line-height: 30px; margin: 0; padding-left: 50px;}
#ex-t dd span{display: inline-block; width: 30px; height: 30px; border-radius: 15px; background:#f4f4f4; text-align: center; margin-right: 8px;}


@media (max-width: 767px) {	
#ex-t{width: 90%; margin: 0 auto 30px; padding: 30px 20px 10px; box-sizing: border-box;}
#ex-t h3{margin: 30px 0 30px; padding: 14px 10px;}
#ex-t h4{width: 120px; margin-bottom: 12px;}
#ex-t p{margin-bottom: 20px;}
#ex-t dt{line-height: inherit; color: #f18d00; margin: 0 0 15px;}
#ex-t dt span{display: none;}
#ex-t dd{line-height: inherit; margin: 0 0 30px 12px; padding-left: 0;}
#ex-t dd span{display: none;}
}




/*個人出展（TOKYO Creation）*/
#tokyocreation-area, #tokyocreation-shiyou, #tokyocreation-price, #personal-world-area, #personal-world-merit, #personal-world-shiyou, #personal-world-price,
#personal-world-attention{text-align: center; margin-bottom: 50px;}
#tokyocreation-area ul, #personal-world-area ul{list-style-type: none;}

#tokyocreation-price h4{font-size: 16px; margin-bottom: 30px;}
#tokyocreation-price table{border-collapse: collapse; margin-bottom: 50px; width: 100%;}
#tokyocreation-price thead th{text-align: center; padding: 10px; border: 1px solid #f4f4f4; width: 25%; background: #efefef; }
#tokyocreation-price tbody th{text-align: center; padding: 10px; font-weight: normal; border: 1px solid #f4f4f4;}
#tokyocreation-price tbody td{text-align: center; padding: 10px; border:1px solid #f4f4f4;}

#personal-world-attention h4{font-size: 100%; margin-bottom: 30px;}
#personal-world-attention ul{margin-bottom: 30px;}


#tokyocreation-price ul{width: 860px; margin: 0 auto 50px ; text-align: left;}
#tokyocreation-price ul li{margin-left: 25px;}

@media (max-width: 767px) {	
#tokyocreation .title-sub{margin-bottom: 20px;}
#tokyocreation-ritsu img{width: 100%; margin: 20px 0 0;}
#tokyocreation-fukumu ul{display: block; width: 90%; margin: 0 auto;}
#tokyocreation-fukumu ul li{margin-left:20px;}
#tokyocreation-fukumanai ul{display: block; width: 90%; margin: 0 auto;}
#tokyocreation-fukumanai ul li{margin-left:20px;}
#tokyocreation-price{margin-bottom: 0;}
#tokyocreation-price h4{font-size: 100%; display: block; text-align: center; margin-bottom: 20px;}
#tokyocreation-price ul{width: 100% !important;}
}

@media (max-width: 320px) {	
#tokyocreation-shiyou ul.list-dis{display: block; width: 90%; margin: 0 auto; text-align: left;}
}



/*AVENUE*/
.logo-avenue{
	width: 520px;
	margin-bottom: 35px;
}
#avenueRo-merit, #avenueRo-layout, #avenueRo-s, #avenueRo-a, #avenueRo-b, #avenueRo-f,
#avenueRo-attention{text-align: center; margin-bottom: 50px;}
#avenueRo{text-align: center;}
#avenueRo h3{display: block; font-size: 32px; margin-bottom: 25px;}
#avenueRo-merit h4{font-size: 100%; margin-bottom: 30px;}
#avenueRo-attention ul{margin-left: 30px;}
#avenueRo-merit ul{width: 860px; margin: 0 auto 20px ; text-align: left;}
#avenueRo-merit ul li{margin-left: 25px;}
.img-avenue-color{text-align: left; margin-bottom: 50px; margin-left: 95px;}
.img-avenue-color img{width: 500px;}
#avenueRo-merit p{
	width: 860px;
	text-align: left;
}

@media (max-width: 767px) {
.logo-avenue{
	width: 80%;
	margin-bottom: 25px;
}
#avenueRo h3{text-align: center !important;}
#avenueRo-merit{padding: 50px 0 10px !important;}
#avenueRo-merit ul{width: 100%;}
#avenueRo-layout {text-align: center;}
.img-avenue-color{margin-left: 25px;}
.img-avenue-color img{width: 90%;}
#avenueRo-merit p{
	width: 94%;
	margin: 0 auto 25px;
}
}

@media (max-width: 320px) {
#avenueRo-merit ul li{margin-left: 20px;}
}

#avenueRo-type{width: 760px; margin: 0 auto;}
#avenueRo-type table{margin:30px 0; font-size: 90%;}
#avenueRo-type table th{text-align: left; vertical-align: top; padding: 15px 10px; width: 200px;}
#avenueRo-type table td{padding:15px 10px;}
#avenueRo-type table td ul{margin-left: 20px;}
.f-shiyou{display: inline-block; vertical-align: top; margin: 15px 0 0; width: 47%;}
#avenueRo-f h4{margin-bottom: 10px;}
.f-shiyou p{text-align: left; margin-bottom: 0;}
#avenueRo-f ul{margin-bottom: 15px;}
#avenueRo-f table, #avenueRo-b table{margin-bottom: 0;}
#avenueRo-f dt{display: inline-block; vertical-align: top; width:240px; padding-bottom: 10px; }
#avenueRo-f dd{display: inline-block; vertical-align: top; width:270px; padding-bottom: 10px;  }

#avenueRo-attention ul{width: 860px; margin: 0 auto 50px ; text-align: left;}
#avenueRo-attention ul li{margin-left: 25px;}

@media (max-width: 767px) {
#avenueRo-type{width: 90%; }
#avenueRo-type table th{display: block; width: 100%; box-sizing: border-box; padding: 0; border:none; border-top: 1px solid #ddd; padding-top: 15px; font-weight: 600;}
#avenueRo-type table td{display: block; width: 100%; box-sizing: border-box; padding:15px 10px 20px; border: none;}
	
#avenueRo-attention ul{width: 90%; margin-left: 10px;}
}

@media (max-width: 320px) {
#avenueRo-attention ul li{margin-left: 20px;}
}


.box-F-l{
	width: 47%;
	float: left;
	background: #fff;
	box-sizing: border-box;
	padding: 15px;
}

.box-F-r{
	width: 47%;
	float: right;
	background: #fff;
	box-sizing: border-box;
	padding: 15px;
}

.img-F{
	text-align: center;
	padding: 20px 0;
}

.img-F img{
	height: 200px;
	padding: 0 !important;
}

.title-F{
	display: block;
	font-size: 16px;
	margin-bottom: 20px;
}

@media (max-width: 767px) {

.box-F-l{
	width: 100%;
	float: none;
	margin-bottom: 20px;
}

.box-F-r{
	width: 100%;
	float: none;
}

.img-F{
	padding: 15px 0;
}

.img-F img{
	height: 180px;
	width: auto !important;
}

.title-F{
	font-size: 14px;
}
	
}

/*AVENUE ONLY ONE*/

#mainimg-avenue{padding: 120px 0 0; text-align: center;}
#avenue-catch{font-size: 18px; margin-bottom: 50px; line-height: 1.9;}
#avenueRo-layout img{width: 520px;}
#avenueRo.base-con{padding-bottom: 0;}
#avenueRo .title-base span{display: inline-block !important; font-size: 120%; padding: 0}

#box-avenueO{margin-bottom: 50px;}
#box-avenueO img{background: #fff; padding: 15px;}
#box-avenueO table.table-basic thead th{border-color: #ddd;}
#box-avenueO table.table-basic tbody th{border-color: #ddd;}
#box-avenueO table.table-basic tbody td{border-color: #ddd;}

@media (max-width: 767px) {
#mainimg-avenue{padding: 65px 0 0; text-align: center;} 
#avenue-catch{font-size: 14px; line-height: 1.8; text-align: left;}
#avenueRo-layout img{width:85%;}
#box-avenueO img{background: #fff; width: 100%; box-sizing: border-box; padding: 10px;}
}



.box-line-red{
	width: 1000px;
	margin: 50px auto;
	border:1px solid #D80A30;
	box-sizing: border-box;
}

.box-line-red > div{
	padding: 50px 50px 30px ;
}

.box-line-red .title-page{
	padding: 15px 0 !important;
	font-size: 24px !important;
}

.box-avenue-online{
	background: #f3ecf5;
	padding: 35px;
	margin-bottom: 20px;
	position: relative;
	box-sizing: border-box;
}

.icn-hobbych{
	width: 100px;
	position: absolute;
	top: 30px;
	right: 50px;
}

.box-avenue-online .img-online img{
	background-color: #fff;
	border: none;
}

#avenue-workshop .txt-lead{
	text-align: left;
	font-size: 16px;
	margin-bottom: 25px;
}

#avenue-workshop h4{
	margin-bottom: 10px !important;
}


@media (max-width: 767px) {

.box-line-red{
	width: 90%;
	margin: 35px auto;
}

.box-line-red > div{
	padding: 25px 20px 0;
}

.box-line-red .title-page{
	padding: 15px 0 !important;
	font-size: 16px !important;
}

.box-avenue-online{
	padding: 15px;
}
	
	.box-avenue-online .online-strong{
		margin-bottom: 10px;
	}

.icn-hobbych{
	width: 60px;
	position: relative;
	top: inherit;
	right: inherit;
	float: right;
	margin: 0 0 0 5px;
}

#avenue-workshop .txt-lead{
	text-align: left;
	font-size: 16px;
	margin-bottom: 25px;
}

#avenue-workshop h4{
	margin-bottom: 5px !important;
}
	
}


.box-line-purple{
	width: 1000px;
	margin: 50px auto;
	border:1px solid #BF98C5;
	box-sizing: border-box;
}

.box-line-purple > div{
	padding: 50px 50px 30px ;
}

.box-line-purple .title-page{
	padding: 15px 0 !important;
	font-size: 24px !important;
	background: #BF98C5;
}


@media (max-width: 767px) {

.box-line-purple{
	width: 90%;
	margin: 35px auto;
}

.box-line-purple > div{
	padding: 25px 20px 0;
}

.box-line-purple .title-page{
	padding: 15px 0 !important;
	font-size: 16px !important;
}
	
}











/*WORLD*/
.world-maincopy{text-align: center;}
#world-ex-area{margin-bottom: 50px;}
#world-merit, #world-shiyou, #world-price{text-align: center; margin-bottom: 50px;}
#world-area{text-align: center;}
#world-attention{text-align: center;}
#world-attention h4{font-size: 16px; margin-bottom: 30px;}
#world-attention ul{margin-bottom: 30px;}
#world-fukumu{text-align: center; margin-bottom: 50px;}
#world-fukumu h4{display: block; margin-bottom: 30px; font-size: 16px;}
#world-fukumu ul{margin-left: 20px; margin-bottom: 20px;}
#world-fukumu article{padding-bottom: 0;}
#world-area ul{list-style: none; margin-left: 20px;}
#world-area ul li span{display: inline-block; font-size: 10px; padding-left: 6px; color: #ef0505;}

#world-normal-koma{background: #f4f4f4; padding: 50px 0; margin-bottom: 50px;}
#world-normal-koma h4{display: block; text-align: center; font-size: 32px; margin-bottom: 30px;}
#world-normal-koma h5{display: block; margin: 20px 0; text-align: left; font-size: 16px;}
#world-normal-koma th, #world-normal-koma td{padding: 10px 0;}
#world-normal-koma table.table-basic{border-color: #ddd; margin-bottom: 25px;}
#world-normal-koma table.table-basic thead th{border-color: #ddd; text-align: center;}
#world-normal-koma table.table-basic thead th:first-child{width: 15%;}
#world-normal-koma table.table-basic thead th:nth-child(2){width: 30%;}
#world-normal-koma table.table-basic thead th:nth-child(3){width: 40%;}
#world-normal-koma table.table-basic thead th:last-child{width: 15%;}
#world-normal-koma table.table-basic tbody th{border-color: #ddd; text-align: center;}
#world-normal-koma table.table-basic tbody td{border-color: #ddd; text-align: center;}

.box-houjin{border-bottom: 1px solid #ddd; margin-bottom: 50px;}
.list-world01{width: 90%; margin: 50px auto;}
.list-world02{text-align: left; margin: 0 0 0 25px;}

#world-att-contents ul{width: 940px; margin: 0 auto 50px ; text-align: left;}
#world-att-contents ul li{margin-left: 25px;}

.img-koma{
	width: 94%;
	vertical-align: bottom;
	margin-bottom: 20px;
}

.box-kojin > div > article{width: 94%; margin: 0 auto;}
.box-kojin table.table-basic{margin-bottom: 35px !important;}
.box-kojin table.table-basic thead th:first-child{width: 20% !important;}
.box-kojin table.table-basic thead th:nth-child(2){width: 40% !important;}
.box-kojin table.table-basic thead th:last-child{width: 40% !important;}

@media (max-width: 767px) {
	.world-maincopy{
		text-align: left;
	}
#world .title-sub{margin-bottom: 35px;}
#world ul.list-dis{display: block; width: 92%; margin: 0 auto; text-align: left;}
#world ul.list-dis li{margin-left: 20px;}
#world-ritsu img{width: 100%; margin-top: 20px;}
#world-fukumu h4 ,#world-normal-koma h4{text-align: center; margin-bottom: 20px; font-size: 24px;}
#world-fukumu ul.list-dis{margin-bottom: 30px;}
#world-fukumu p{text-align: left;}
.box-houjin{margin-bottom: 30px;}
.list-world01{width: 100%; margin: 0 auto 20px;}
.list-world01 li{margin-left: 20px;}
#world-normal-koma table.table-basic{width:100%; margin: 0 auto 20px; font-size: 13px;}
#world-normal-koma p{margin-left: 15px;}
.box-kojin h5{margin-top: 30px;}
.box-kojin table.table-basic{margin-bottom: 40px !important;}
.sp-mb0{margin-bottom: 0 !important; padding-bottom: 0 !important;}
#world-att-contents ul{width: 90%; margin: 0 auto 30px ; }
#world-att-contents ul li{margin-left: 20px;}
	
#world #company-craft-shiyou ul.list-dis{margin: 0 auto 30px; }
}

@media (max-width: 320px) {
#world ul.list-dis{width: 90%;}
#world ul.list-dis li{margin-left: 5px;}
}


/*法人出展*/
#company-area-area, #company-area-merit, #company-area-shiyou, #company-area-price{text-align: center; margin-bottom: 50px;}
#company-area-kitei, #company-area-attention{text-align: center;}
#company-area-area ul{list-style-type: none;}
#company-area-kitei{}
#company-area-kitei h4{display: block; font-size: 100%; margin-bottom: 20px;}
#company-area-kitei p{margin-bottom: 30px;}
#company-area-kitei img{padding: 20px; background: #fff;}
#area-kitei01 img{width: 90%;}
#area-kitei02 img{width: 83%;}
#area-kitei03 img{width: 43%;}

@media (max-width: 767px) {
#area-kitei01 img{width: 90%;}
#area-kitei02 img{width: 83%;}
#area-kitei03 img{width: 43%;}
}

#company-area-layout table{margin:30px 0; font-size: 90%;}
#company-area-layout table thead th{text-align: center; padding:10px; }
#company-area-layout table tbody th{text-align: center; padding: 10px; width: 100px;}
#company-area-layout table td{padding:10px; text-align: center;}

#company-area-price table{margin:30px 0; font-size: 90%;}
#company-area-price table thead th{text-align: center; padding:10px; }
#company-area-price table tbody th{text-align: center; padding: 10px; width: 100px;}
#company-area-price table td{padding:10px; text-align: center;}
#company-area-price h4{text-align: left; margin-bottom: 15px;}
#company-area-price h4 span{font-size: 90%;}
#company-area-price div{border:1px solid #ef8fb9; padding:20px; margin-bottom: 20px; background: #fff;}
#company-area-price div p{margin-bottom: 0;}

#company-area-fukumu ul{margin-bottom: 30px;}

#company-area-attention h4{font-size: 100%; margin-bottom: 30px;}
#company-area-attention ul{margin-bottom: 30px;}

#box-com table.table-basic thead th{border-color: #ddd;}
#box-com table.table-basic tbody th{border-color: #ddd;}
#box-com table.table-basic tbody td{border-color: #ddd;}

#company-area-area ul ,#company-area-shiyou ul{display: inline-block; margin: 0 auto ; text-align: left;}
#company-area-area ul li, #company-area-shiyou ul li{margin-left: 25px;}

@media (max-width: 767px) {
#company-area .title-sub{margin-bottom: 20px;}
#company-area-area ul ,#company-area-shiyou ul{display: block; width: 100%; margin: 0 auto ; text-align: left;}
#company-area-area ul li{margin-left: 0;}
#company-area-ritsu img{width: 100%; margin-top: 20px;}
#company-area-price h4{text-align: center;}
#company-area-fukumu ul.list-dis{display: block; width: 100%; margin: 0 auto; text-align: left;}
#company-area-fukumu ul.list-dis li{margin-left: 20px;}
#company-area-fukumanai ul.list-dis{display: block; width: 100%; margin: 0 auto; text-align: left;}
#company-area-fukumanai ul.list-dis li{margin-left: 20px;}

#company-att-contents ul.list-dis{display: block; width: 100%; margin: 0 auto; text-align: left;}
#company-att-contents ul.list-dis li{margin-left: 20px;}
}

@media (max-width: 320px) {

}

#company-area-layout > p{text-align: center; margin-bottom: 50px;}
#ex-company-price{margin-bottom: 50px;}
#ex-company-price table.table-basic thead th:first-child{width: 20% !important;}
#ex-company-price table.table-basic thead th:nth-child(2){width: 20% !important;}
#ex-company-price table.table-basic thead th:nth-child(3){width: 30% !important;}
#ex-company-price table.table-basic thead th:last-child{width: 30% !important;}

@media (max-width: 767px) {
	
	#company-area-layout > p{text-align: left; margin-bottom: 30px;}
#ex-company-price table.table-basic thead th:first-child{width: 15% !important;}
#ex-company-price table.table-basic thead th:nth-child(2){width: 30% !important;}
#ex-company-price table.table-basic thead th:nth-child(3){width: 40% !important;}
#ex-company-price table.table-basic thead th:last-child{width: 15% !important;}
	
}


/*KIDS*/

#company-kids{width: 1000px;}
#company-kids h4{font-size: 100%; margin: 30px 0; font-weight: normal;}
#company-kids h4 span{display: inline-block; background:#E2002E; color: #fff; padding: 5px 10px; margin-right: 10px; border-radius: 6px;}
#company-kidscreation h3 span{display: inline-block; font-size: 70%; color: #1c1c1c; padding-left: 12px; letter-spacing: 0em;}
#company-kidscreation img{width: 240px; float: right; margin-left: 20px;}
#company-kidscreation{width: 1000px;}
#company-kidscreation h5{display:block; font-size: 100%; margin:30px 0 20px;}
#company-kidscreation ul{margin: 0 0 0 20px;}
.box-kidsc{margin: 50px 0 0;}

@media (max-width: 767px) {
#company-kidscreation{width: 90%;}
#company-kidscreation h3 span{display: block; padding-left: 0; }
#company-kidscreation img{width: 100%; float: none; margin-left: 0; margin-bottom: 15px;}
}

/*ビューティ＆リラクゼーション*/

.box-blue{margin: 0 auto 50px; border:1px solid #ef8fb9; padding:30px; text-align: left;}
.box-blue h3{display: block; color:#ef8fb9; font-size: 150%; letter-spacing: 0.1em; margin-bottom: 30px; text-align: left;}
#company-beauty{border-top:1px solid #ef8fb9; border-bottom:1px solid #ef8fb9; padding: 50px 0;}
#company-beauty h3{display: block; color:#ef8fb9; font-size: 150%; letter-spacing: 0.1em; margin-bottom: 50px; text-align: center;}
#company-beauty h3 span{display: inline-block; color: #ef0505; font-size: 12px; padding-left: 7px; font-weight: normal;}
#company-beauty img{width: 240px; float: right; margin-left: 20px;}

@media (max-width: 767px) {
#company-beauty{padding: 20px 0;}
#company-beauty h3{font-size: 18px; margin-bottom: 30px; }
#company-beauty img{width: 100%; float: none; margin-left: 0; margin-bottom: 15px;}
}

@media (max-width: 320px) {
.box-blue{margin: 0 auto 25px;}
}


/*クラフトレクリエーション*/
#company-craft{width: 1000px;}
#company-craft h3 span{display: inline-block; font-size: 70%; color: #1c1c1c; padding-left: 12px; letter-spacing: 0em;}
#company-craft img{width: 240px; float: right; margin-left: 20px;}
#company-craft table{font-size: 90%; margin-bottom: 20px;}
#company-craft table thead th{text-align: center; padding: 10px;}
#company-craft table tbody th{text-align: center; padding: 10px;}
#company-craft table tbody td{text-align: center; padding: 10px;}
#company-craft article{padding-bottom: 0;}
#company-craft .clearfix{margin-bottom: 30px;}

@media (max-width: 767px) {
#company-craft{width: 90%;}
#company-craft  h3 span{display: block; padding-left: 0; }
#company-craft img{width: 100%; float: none; margin-left: 0; margin-bottom: 15px;}
#company-craft .title-sub{margin-bottom: 20px;}
#company-craft-shiyou ul{display: block; margin: 0 0 30px 20px; text-align: left;}
}

/*Beginners ROOM*/
#beginners-room{text-align: left;}
#beginners-room h3 span{display: inline-block; font-size: 70%; color: #1c1c1c; padding-left: 12px; letter-spacing: 0em;}
#beginners-room h3 span.icon-new{display: inline-block; margin-right: 15px; font-size: 55%; text-align: center; vertical-align: top; color: #fff; background:#E2002E; padding: 0 10px; border-radius: 6px;}
#beginners-room h3 span.jouken{display: inline-block; margin-left: 20px; font-size: 60%; color: #1c1c1c; font-weight: normal;}
.txt-br{text-align: left;}
.br-img{width:80%; margin: 30px auto;}
.br-img img{width: 100%;}
#beginners-room article{padding-bottom: 0;}

.con-trial{width: 1000px !important;}
.con-trial .br-img{width:90%; margin: 30px auto;}



@media (max-width: 767px) {
.con-trial{width: 90% !important;}
.con-trial  h3 span{display: block; padding-left: 0; }
.con-trial img{width: 100%; float: none; margin-left: 0; margin-bottom: 15px;}
.con-trial ul{display: block; margin: 0 0 30px 20px; text-align: left;}
.br-img{width:100% !important; margin: 20px auto;}
.br-img img{width: 100%;}
.con-trial .title-sub{margin-bottom: 20px;}
.con-trial  p{margin-bottom: 30px;}
#beginners-room  h3 span{display: block; padding-left: 0; }
}

#com-other h3{display: block; text-align: center; font-size: 22px; font-weight: 400; padding: 20px 0; background: #fff462; margin: 0 0 50px;}

@media (max-width: 767px) {
.box-blue{padding:20px; box-sizing: border-box;}
.box-blue h3{font-size: 18px; }
.box-blue h3 span{display: block; }
}

@media (max-width: 767px) {
#com-other h3{box-sizing: border-box; font-size: 16px; padding: 20px 15px; margin: 0 0 30px;}
}

/*開催までのスケジュール*/
#ex-schedule{padding-top: 50px; position: relative; text-align: center;}

.timeline-schedule{text-align: center; }
.timeline-schedule table{display: inline-block; margin-bottom: 10px; }
.timeline-schedule th{border-bottom: 1px solid #f1f1f1; padding: 8px 20px; text-align: left; vertical-align: top; font-weight: normal; }
.timeline-schedule th span{display: inline-block; border-radius: 6px; background:#f4f4f4; font-size: 14px; padding: 8px 10px; width: 100%; box-sizing: border-box; text-align: center;}
.timeline-schedule td{border-bottom: 1px solid #f1f1f1; padding: 5px 30px; text-align: left; vertical-align: middle;}

#ex-schedule h3{display: block; font-size: 16px; margin: 30px 0;}

@media (max-width: 767px) {
#ex-schedule{padding-top: 50px; position: relative; text-align: center;}

.timeline-schedule{text-align: center; }
.timeline-schedule table{display: block; width: 100%; box-sizing: border-box; margin-bottom: 10px; }
.timeline-schedule th{
	border-bottom: none; 
	padding: 10px 0; 
	display: block;
	width: 100%; 
	text-align: center; 
}
.timeline-schedule th span{display: block;  padding: 10px 0;}
.timeline-schedule td{
	border-bottom: none;
	display: block;
	width: 100%;
	box-sizing: border-box;
	text-align: left;
	padding: 10px 10px 15px;
}

#ex-schedule h3{display: block; font-size: 100%; margin: 30px 0;}
#ex-schedule p{width: 90%; margin: 0 auto 30px; text-align: left;}
}

/*出展説明会*/
#ex-setsumeikai{margin: 50px 0; padding-top: 50px; text-align: center;}
#ex-setsumeikai table{width: 46%; margin: 0 auto 35px;}
#ex-setsumeikai th{text-align: left; vertical-align: top; padding: 15px 80px 15px 15px; font-weight: normal;}
#ex-setsumeikai td{text-align: left; vertical-align: top; padding: 15px 10px; }
#ex-setsumeikai td span{font-size: 90%;}
#ex-setsumeikai p{}

@media (max-width: 767px) {
#ex-setsumeikai{margin-top: 50px; padding: 50px 0; text-align: center;}
#ex-setsumeikai table{width: 92%; box-sizing: border-box; margin: 0 auto 30px;}
#ex-setsumeikai th{text-align: left; vertical-align: top; padding: 15px 0; width: 15%; font-weight: normal;}
#ex-setsumeikai td{text-align: left; vertical-align: top; padding: 15px 10px; }
#ex-setsumeikai td span{font-size: 90%;}
#ex-setsumeikai p{width: 90%; text-align: left; margin: 0 auto;}
}

/*==================================================
出展規約
================================================== */
#exhibitor-kiyaku{line-height: 2.0;}
#exhibitor-kiyaku ol{margin: 0 0 30px 20px;}
#exhibitor-kiyaku h4{font-size:22px; margin: 40px 0 30px; display:block; font-weight: bold; font-family: FP-HiraginoUDSansStdN-W5;}
#exhibitor-kiyaku p{margin-bottom: 25px;}

#exhibitor-kiyaku p.txt-lead{
	color: #E2002E !important;
	padding-top: 50px !important;
}

@media (max-width: 480px) {
#exhibitor-kiyaku h4{font-size:18px; margin: 40px 0 15px; }

#exhibitor-kiyaku p.txt-lead{
	padding-top: 35px !important;
}
	
}



/*==================================================
お知らせ
================================================== */

#news dt{margin-bottom:15px;}
#news dt:before{content:"◆"; margin-right:5px; font-size:90%;}
#news dd{margin:0 15px 20px;}

.entry-summery{background:#F2EFE9; padding:15px; margin-bottom:30px;}
.news-entry{margin:0 15px; }
.news-title{margin:0 0 20px; border-bottom:1px dotted #ddd; font-size:120%; padding-bottom:20px;}

#entry-list{margin:0 30px;}
#entry-detail{text-align: left;}
#entry-detail h2{font-size: 140%;}
.entry-body{border-left: 1px solid #3b3b3b; margin: 50px 0; padding: 15px 30px;}
#entry-list table{width:100%; box-sizing:border-box; border:none; border-collapse:collapse;}
#entry-list th{text-align:left; width:170px; font-weight:normal; padding:25px 30px 25px 0; border-bottom:1px dashed #ddd;}
#entry-list td{text-align:left; padding:25px 0; border-bottom:1px dashed #ddd;}
.title-entry{font-size:120%; color:#ec6c00; margin-bottom:30px; font-weight:normal; font-family:Ryumin Regular KL;}
.entry-date{font-size:90%; margin-bottom:5px;}
.entry-body img{max-width:100%;}

@media (max-width: 767px) {
#news dt{margin-bottom:15px;}
#news dt:before{content:"◆"; margin-right:5px; font-size:90%;}
#news dd{margin:0 15px 20px;}

.entry-summery{background:#F2EFE9; padding:15px; margin-bottom:30px;}
.news-entry{margin:0 15px; }
.news-title{margin:0 0 20px; border-bottom:1px dotted #ddd; font-size:120%; padding-bottom:20px;}

#entry-list{margin:0 10px;}
#entry-detail h2{font-size: 120%;}
.entry-body{margin: 30px 0 30px 5px; padding: 10px 20px;}
#entry-list th{display:block; width: 100%; box-sizing: border-box; padding:0; border-bottom:none;}
#entry-list td{display:block; width: 100%; box-sizing: border-box; padding:20px 15px 25px; margin-bottom: 20px;}
.title-entry{font-size:16px; }
.entry-date{font-size:13px;}
}

/*==================================================
プライバシーポリシー
================================================== */
#privacy-policy{padding-top: 50px;}
#privacy-policy h4{font-size:110%; margin: 40px 0 30px; display:block;}
#privacy-policy dl{margin: 0 20px 30px;}
#privacy-policy dd{margin: 20px 10px;}
#privacy-policy p{margin-bottom: 30px;}

@media (max-width: 767px) {
#privacy-policy{padding-top: 30px;}
#privacy-policy h4{font-size:15px; margin: 30px 0 20px;}
#privacy-policy dl{margin: 0 0 20px;}
#privacy-policy .message01{width: 100% !important; margin-top: 50px;}
}

/*==================================================
告知用画像
================================================== */
#banner-download{padding-top: 50px;}
#banner-download img{image-rendering: -webkit-optimize-contrast;}
#banner-download h4{margin-top: 35px; margin-bottom: 20px; font-weight: normal; font-size: 16px; }

#banner-download .table{margin-bottom: 50px;}
#banner-download .table th{width: 25%;}
#banner-download article{border-bottom: 1px dashed #ddd; padding-bottom: 20px; margin-bottom: 20px;}
.banner-size{margin:0;}
.banner-size img{margin-bottom: 12px;}
.banner-size textarea{width:100%; border:none; background:#f4f4f4; min-height: 60px !important; font-size:90%;}
.box-banner-guide{border:1px solid #ddd; padding:24px;}
.box-banner-guide ul{margin-left:20px;}

.banner-print img{width: 350px;}
.print3 .banner-print img{width: 100%;}
.pic-print{margin:20px 0;}
.banner-print-att h3{font-size: 100%;}
.banner-print-att h3 span{display: inline-block; padding-left: 10px; font-size: 90%;}
.banner-print-att ul{margin: 20px;}
.btn-print{margin-bottom: 20px !important;}
.btn-print a.btn{display: inline-block; margin: 20px 0 !important;}

.img-ADcard{border: 1px solid #ddd; padding: 5px; box-sizing: border-box;}

@media (max-width: 767px) {
#banner-download{padding-top: 35px;}
#banner-download .table{border: none;}
#banner-download .table th{display: block; width: 100%; box-sizing: border-box; padding: 4px 0; text-align: center; border:none;}
#banner-download .table td{display: block; width: 100%; box-sizing: border-box; padding: 12px 10px 15px; text-align: left; border:none;}
.banner-size img{width: 100%;}
.banner-size textarea{min-height: 140px !important; }
.banner-print img{width: 100%;}
.btn-print a.btn{display: block; width: 100%; box-sizing: border-box; padding: 7px 0 ; text-align: center; font-size: 14px;}
.box-banner-guide{border:none; padding: 0;}
}


/*==================================================
プレス・メディアの方へ
================================================== */
.box-pressmedia{margin:80px 20px 0; text-align: left;}
.box-pressmedia h3{text-align: left !important;}
.box-pressmedia h4{margin:50px 0 25px;}

.info-scope{margin:90px 20px 0; text-align: left;}
.info-scope h3{text-align: left !important;}
.info-scope h4{margin-bottom: 20px; display: block;}

#press{padding-bottom: 0 !important;}
#press .contents-area-sub{width: 860px;}
.box-press h3{text-align: left !important;}

.box-press{margin:50px auto 0; padding: 50px 0 0; border-top: 1px solid #ddd;}
.box-press article{width: 860px; margin: 0 auto;}
.box-press article h4{display: block; font-size: 120%; margin-bottom: 50px;}
.box-press article dl{margin: 0 30px;}
.box-press article dt{display: inline-block; vertical-align: top; width: 180px; margin-bottom: 25px;}
.box-press article dd{display: inline-block; vertical-align: top; width: 610px; margin-bottom: 25px;}
#press-contact{margin: 0 30px;}
#press-contact h5{display: block; font-size: 100%; margin-bottom: 20px;}

@media (max-width: 767px) {
#press .contents-area-sub{width: 90%;} 
.box-press{margin:30px auto 0; padding: 30px 0 0;}
.box-press article{width: 90%; margin: 0 auto;}    
.box-press article h4{font-size: 120%;  margin-bottom: 30px;}
.box-press article dl{margin: 0 auto;}
.box-press article dt{display: block;  width: 100%; box-sizing: border-box; border-left: 5px solid #e7e7e7; padding: 0 0 0 12px; margin-bottom: 10px;}
.box-press article dd{display: block; width: 90%; margin: 0 auto 25px;}
#press-contact{width:100%; margin: 0 auto;}    
}

/*==================================================
入場料金・入場券のご案内
================================================== */


#ticket-info{padding: 50px 0;}

.table-ticket{
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ddd;
	margin-bottom: 50px;
}

.table-ticket th{
	padding: 25px 10px;
	text-align: center;
	background: #f4f4f4;
	border: 1px solid #ddd;
	vertical-align: middle;
}

.table-ticket thead th{
	font-weight: bold;
}

.table-ticket td{
	padding: 25px 10px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #ddd;
}

th.th-ticket01{width: 20%;}
th.th-ticket02{width: 40%;}
th.th-ticket03{width: 20%;}
th.th-ticket04{width: 20%;}

.table-ticket td a.btn{
	padding: 3px 15px;
	display: inline-block !important;
	width: auto !important;
	margin:20px 0 0 !important;
}

.img-l{
	width: 65%;
}

#ticket-attension-info article{
	margin-bottom: 50px;
}

#ticket-attension-info .title-basic{
	color: #E2002E;
	margin-bottom: 12px;
}

.box-shoudoku{
	position: relative;
	margin-top: 50px;
}

.shoudoku{
	position: absolute;
	top: 0;
	right: 0;
	width: 190px;
}

.shoudoku span{
	display: block;
	text-align: right;
	margin-bottom: 5px;
	font-size: 12px;
}

.shoudoku img{
	width: 100%;
}

@media (max-width: 767px) {
	
#ticket-info{padding: 35px 0;}

.table-ticket{
	margin-bottom: 35px;
	border: none;
}

.table-ticket th{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 10px 0;
	border: none;
	border-bottom: 2px solid #999;
}

.table-ticket thead{
	display: none !important;
}

.table-ticket td{
	display: block;
	width: 100%;
	box-sizing: border-box;
	padding: 15px 10px 5px;
	border: none;
}

th.th-ticket01{width: 100%;}
th.th-ticket02{width: 100%;}
th.th-ticket03{width: 100%;}
th.th-ticket04{width: 100%;}

.table-ticket td a.btn{
	padding: 8px 0;
	display: block !important;
	width: 80% !important;
	margin:10px auto 25px !important;
}

.img-l{
	display: block;
	margin: 0 auto;
	width: 35%;
}	
	
td.td-ticket-info03{
    text-align: center !important;
}

.txt-ticket a.btn{
    margin-bottom: 30px !important;
}	

.box-shoudoku{
	margin-top: 35px;
}

.shoudoku{
	position: relative;
	top: inherit;
	right: inherit;
	width: 34%;
	float: right;
	margin-left: 12px;
}
	
	.shoudoku span{
		font-size: 11px;
	}
	
}




/*==================================================
入場に際しての注意事項
================================================== */

.ticket-att{border:4px solid #d70e0e; background:#fdf0f0; padding:26px; width:880px; margin:20px auto; text-align:left; font-size:84%; color:#333;}
.ticket-att h2{display:block; text-align:center; margin:0 0 20px; padding:10px; background:#d70e0e; color:#fff; font-size:120%; font-weight:normal;}
.ticket-att table th{color:#d70e0e;}
.ticket-att table td{color:#d70e0e;}
a.top-attlink{display:block; width:420px; height:42px; background:#E2002E; color:#fff; border-radius:6px; font-size:100%; padding:10px 20px; text-decoration:none; margin:0 auto 30px;}
a.top-attlink:hover{display:block; width:418px; height:40px; border:1px solid #E2002E; background:#fff; color:#E2002E; border-radius:6px; font-size:100%; padding:10px 20px; text-decoration:underline; margin:0 auto 30px;}

#page-ticket{border:1px solid #E2002E; background:#fff; padding:25px; margin:0 auto 50px; text-align:left;}
#page-ticket .title-contents{border: none !important;}
#page-ticket h2{display:block; text-align:center; margin:0 0 30px; padding:15px 0; background:#E2002E; color:#fff; font-size:110%; font-weight:normal;}
#page-ticket table{margin-bottom: 30px;}
#page-ticket table th{background:#fff; width: 220px; text-align: center;}
#page-ticket table td{background:#fff;}
a.pageticket-attlink{display: block; margin: 30px auto 50px; width: 60%; text-align: center; background:#E2002E; color:#fff; padding:10px 0; text-decoration:none; border:1px solid #E2002E;}
a.pageticket-attlink:hover{background-color:transparent; color:#E2002E;}

#ticket-attt ul{margin: 0 0 0 20px;}

@media (max-width: 767px) {
.ticket-att{border:4px solid #d70e0e; background:#fdf0f0; padding:26px; width:880px; margin:20px auto; text-align:left; font-size:84%; color:#333;}
.ticket-att h2{display:block; text-align:center; margin:0 0 20px; padding:10px; background:#d70e0e; color:#fff; font-size:120%; font-weight:normal;}
.ticket-att table th{color:#d70e0e;}
.ticket-att table td{color:#d70e0e;}
a.top-attlink{display:block; width:420px; height:42px; background:#E2002E; color:#fff; border-radius:6px; font-size:100%; padding:10px 20px; text-decoration:none; margin:0 auto 30px;}
a.top-attlink:hover{display:block; width:418px; height:40px; border:1px solid #E2002E; background:#fff; color:#E2002E; border-radius:6px; font-size:100%; padding:10px 20px; text-decoration:underline; margin:0 auto 30px;}

#page-ticket{padding:20px; margin:0 auto 50px; }
#page-ticket h2{margin:0 0 25px; padding:10px;  font-size:100%;}
#page-ticket table{margin-bottom: 25px;}
#page-ticket table th{background:#fff; width: 40%; text-align: left;}
a.pageticket-attlink{width: 80%; box-sizing: border-box; border-radius: 6px; text-align: center; padding:10px;}

#ticket-attt ul{margin: 0 0 0 20px;}
}


/*==================================================
出展者一覧関連コンテンツ
================================================== */

/*検索窓*/
.searchbox{position: relative;}
.searchbox input{width: 250px; padding: 0 10px; font-size: 90%; height: 34px; border:none; border-radius: 17px; background:#fff;}
.searchbox button{display: inline-block; width: 34px; height: 34px; vertical-align: middle; line-height: 34px; position: absolute; z-index: 9999; top:0; right:8px; background:none; border:none; }

.searchbox-test{}
.searchbox-test span{color: #fff;}
.searchbox-test input[type="search"]{width: 200px; padding: 0 10px; font-size: 90%; height: 34px; border:none; border-radius: 17px; background:#fff;}
.searchbox-test label{display: inline-block; height: 34px; line-height: 34px; font-size: 90%; margin-left: 10px;}
.searchbox-test label input[type="checkbox"]{vertical-align: middle !important;}
.searchbox-test button{display: inline-block; vertical-align: middle; line-height: 34px; height: 34px; background:#fff; border:none; color: #E2002E; border-radius: 17px; padding: 0 12px; margin-left: 15px;}
.searchbox-test button:hover{cursor: pointer;}

.exhibitor-list-search{background: #f4f4f4; padding: 35px 50px; margin-bottom: 40px; border-radius: 8px; box-sizing: border-box;}
.exhibitor-list-search span{color: #fff;}
.exhibitor-list-search input[type="search"]{width: 600px; padding: 0 10px; font-size: 90%; height: 34px; border:none; border-radius: 17px; background:#fff;}
.exhibitor-list-search label{display: inline-block; height: 34px; line-height: 34px; font-size: 90%; margin: 0 5px 5px 0;}
.exhibitor-list-search label input[type="checkbox"]{vertical-align: middle !important;}
.exhibitor-list-search button{display: block; vertical-align: middle; line-height: 38px; height: 38px; border:none; border-radius: 24px;  margin: 20px auto 0; padding: 0 25px;}
.exhibitor-list-search button:hover{cursor: pointer;}
.exhibitor-search-freeword input[type="search"]{width: 100%; box-sizing: border-box; padding: 0 10px; font-size: 90%; height: 42px; border:none; border-radius: 24px; background:#fff;}


@media (max-width: 767px) {
.searchbox{width: 90%; margin: 0 auto;}
.searchbox input{width: 100%; margin: 10px auto; padding: 0 10px; }
.searchbox button{top:10px; color: #7196c9;}

.searchbox-test{width: 90%; margin: 0 auto; box-sizing: border-box;}
.searchbox-test label{width:46%; margin:0 5px 10px;}
.searchbox-test input[type="search"]{width: 31%; margin: 10px auto; padding: 0 10px;}
.searchbox-test input[type="checkbox"]{background:#fff; border:none; border-radius:10px; padding-right:5px;}
.searchbox-test button{margin-left: 7px;}
    
.exhibitor-list-search{padding: 15px 20px; margin-bottom: 30px;}
.exhibitor-list-search input[type="search"]{width: 100%; margin: 0 auto;}
.exhibitor-list-search label{width:auto; margin:15px 0 5px 0; height: auto; line-height: 1;}
.exhibitor-list-search label input[type="checkbox"]{background:#fff; border:none; border-radius:10px; padding-right:5px;}
.exhibitor-list-search button{display: block; vertical-align: middle; padding: 0; width: 40%; margin:10px auto 0;}
   
}


#lineup-top{padding-top: 50px;}
#mainimg-lineup{position: relative;}
.area-h{position: absolute; bottom:0; width: 100%; background:rgba(12,44,125,0.82) !important; text-align: center; color: #fff; padding: 15px 0; font-size: 120%; letter-spacing: 0.1em;}
#lineup .contents-area{width: 930px;}
#lineup .title-base span{display: block; font-size: 70%; padding-top: 10px; text-align: center;}
#lineup-top ul{width: 900px; margin: 0 auto 50px; margin-left: 25px;}
#lineup-top article{padding-bottom: 20px; margin-bottom: 50px; border-bottom: 1px dashed #d8d8d8; text-align: center;}
#lineup-top article a{display: block; border-radius: 27px; height: 52px; line-height: 52px; text-align: center;   margin-right: 50px; margin-bottom: 30px; padding:0; float: left; width: 258px;}
#lineup-top article a.btn-2col{width: 433px;}


a.btn-b-l{margin-right: 60px !important;}
a.btn-n-r, a.btn-b-r{margin-right: 0 !important;}
#lineup-top article a span{display: inline-block; border-radius: 12px; height: 24px; line-height: 24px; width: 68px; text-align: center; color: #fff; background:#E2002E; margin-left: 10px; font-size: 13px;}
#lineup-top article a:hover span{background: #fff; color: #1c1c1c;}
#lineup-top article a p{display: inline; margin: 0; padding: 0; padding-right: 5px;}

@media (max-width: 767px) {

#lineup-top{padding-top: 50px;}    
#lineup .contents-area{width: 90%;}
#lineup-top ul{width: 94%; margin-left: 15px;}
#lineup-top ul li{margin-bottom: 7px;}
#lineup-top{padding-top: 30px;}
#lineup-top article{padding-bottom: 5px; margin-bottom: 30px; border-bottom: 1px dashed #d8d8d8; text-align: center;}
#lineup-top article a{display: block !important; width: 100% !important; box-sizing: border-box; border-radius: 28px; height: 56px; line-height: 56px; margin-bottom: 25px; }
#lineup-top article a span{border-radius: 12px; width: 56px; height: 24px; line-height: 24px;   margin-left: 5px; font-size: 10px;}
}

/*エリア別出展者一覧*/
#lineup-list{width: 1024px !important; margin-right: auto; margin-left: auto; padding-top: 35px; display: flex; flex-wrap: wrap; flex-direction: row;}
#lineup-list .title-base{line-height: 1.8em;}
#lineup-list a{display: block; width: 200px; border:1px solid #ddd; border-top: 4px solid #ddd; padding: 15px 14px; margin: 0 13px 26px; float: left; text-decoration: none;}
#lineup-list a:hover{border-color: #E2002E !important;}
#lineup-list a h2{display:block; font-size:14px; line-height:1.4em; word-break: break-all; color: #333 !important;}
.pic-ex-list{margin: 10px 0 0; height: 200px;}
.pic-ex-list img{width:200px; height:200px; object-fit: cover;}
#lineup-list a table{width:100%; box-sizing:border-box; border-collapse:collapse;}
#lineup-list a table td{width: 50%; box-sizing: border-box; text-align: center; color: #333; font-size: 10px; padding: 5px 0; line-height: 1.0em; background:#f7c7c6;}
.ex-cate1, .ex-cate3{border-right:1px solid #fff;}
.ex-cate1, .ex-cate2{border-bottom:1px solid #fff;}
#lineup-list a table td.off{background:#e0e1e2; color: #999;}

.booth-cate{
    display: block;
    font-size: 12px;
    min-height: 32px;
    color: #333 !important;
    line-height: 1.4em;
    margin: 5px 0 0;
}

@media (max-width: 767px) {
#lineup.base-con{padding-top: 30px ;}
#lineup-list{width: 96% !important; padding-top: 25px; display: block;}
#lineup-list .title-base{line-height: 1.6em;}
#lineup-list a{display: block; width: 90%; padding: 8px; margin: 0 auto 12px; box-sizing: border-box; float: none; clear: both;}
#lineup-list a h2{margin-bottom: 10px;}    
.pic-ex-list{margin: 10px 0 0; height: auto;}
#lineup-list a table{width:100%; box-sizing:border-box; border-collapse:collapse;}
#lineup-list a table td{width: 50%; box-sizing: border-box; text-align: center; color: #333; font-size: 10px; padding: 5px 0; line-height: 1.0em; background:#f7c7c6;}
.ex-cate1, .ex-cate3{border-right:1px solid #fff;}
.ex-cate1, .ex-cate2{border-bottom:1px solid #fff;}
#lineup-list a table td.off{background:#e0e1e2; color: #999;}
.booth-cate{
    float: left;
    width: 70%;
    min-height: auto;
    line-height: 1.5em;
    margin: 0;
}
.pic-ex-list{
    float: right;
    width: 25%;
    margin: 0; 
    height: auto;
    
}   
.pic-ex-list img{width:100%; height:75px;} 
}

@media (max-width: 320px) {
#lineup-list a h2{margin-bottom: 7px;}     
.pic-ex-list img{height:64px;} 
}

/*出展者詳細*/
#lineup-detail{padding-top: 35px;}
.title-booth-name{display: block; font-size: 160%; color: #E2002E; font-weight: normal; letter-spacing: 0.1em; text-align: center; margin-bottom: 50px;}
.title-booth-name span{display: block; font-size: 65%; padding-top: 15px; color: #333;}
.booth-txtinfo{width: 530px; float: left;}
.exdetail-pic{width: 360px; float: right;}
.booth-cate span{display: inline-block; border-radius: 4px; color: #fff; font-size: 12px; margin-right: 5px; background:#7196c9; line-height: 1.0em; padding: 5px 10px;}
.booth-naiyou{margin: 0 0 50px; line-height: 1.7;}
.btn-booth-sns{vertical-align: top;}
.btn-booth-sns a{display: inline-block; width: 60px; font-size: 10px; text-align: center; padding: 0 15px; text-decoration: none; color: #333; line-height: 1.0em; }
.btn-booth-sns a i{display: block; width: 60px; height: 60px; border:1px solid #E2002E; color: #E2002E; line-height: 60px; text-align: center; border-radius: 31px; margin: 0 auto 3px; font-size: 24px;}
.btn-booth-sns a:hover i{background:#E2002E; color: #fff; }
.btn-booth-sns a span{display: block; text-align: center; padding-top: 5px;}

.booth-naiyou iframe{
    max-width: 100%;
}

.booth-naiyou img{
    max-width: 100%;
    height: auto;
}

.booth-category{
    margin: 0 0 20px;
}

.booth-category a{
    display: inline-block;
    color: #fff;
    font-size: 13px;
    border-radius: 6px;
    margin: 0 5px 0 0;
    text-align: center;
    background:#ef8fb9;
    padding: 1px 5px;
    text-decoration: none;
}

.booth-category a:hover{
    background: #f4f4f4;
    color: #333 !important;
}

.img-ws-flag{
    width: 110px;
    position: absolute;
    top: 210px;
    z-index: 99;
}

#pagelink-btn{
    padding: 30px 0 0;
    position: relative;
    height: 51px;
    border-top: 1px dashed #ddd;
}

#pagelink-btn a.btn{
    position: absolute;
    padding: 7px 20px;
}

.nextexhibitor{right: 0;}

@media (max-width: 767px) {

#lineup-detail{padding-top: 25px;}
.title-booth-name{font-size: 120%; margin-bottom: 20px;}
.booth-txtinfo{width: 100%; margin: 0 auto 30px; float: none;}
.exdetail-pic{width: 100%; margin: 0 auto; float: none;}
.booth-cate span{margin-right: 2px; padding: 5px 3px;}
.booth-naiyou{margin: 20px 0 50px;}
.booth-naiyou iframe{
   height: 200px;
}    
.btn-booth-sns{text-align: center;}
.btn-booth-sns a{width: 48px; padding: 0 10px; }
.btn-booth-sns a i{width: 46px; height: 46px; line-height: 46px; border-radius: 24px;font-size: 20px;}  
.booth-category{
    margin: 15px 0 10px;
}

.booth-category a{
    font-size: 12px;
    margin: 0 4px 5px 0;
    padding: 1px 3px;
}  

.img-ws-flag{
    width: 80px;
    top: 220px;
    left: -5px;
}  
}

/*flexslider上書き*/
.exdetail-pic img{vertical-align: top;}
.exdetail-pic #slider img{width: 360px !important; height: 360px !important; object-fit: cover !important;}
.exdetail-pic .flexslider{margin: 0 !important; border: none !important;}
.exdetail-pic #carousel img{width: 60px !important; height: 60px !important; object-fit: cover !important;}
.exdetail-pic #carousel img:hover{cursor:pointer;}
.flex-direction-nav{display: none;}

@media (max-width: 767px) {
.exdetail-pic #slider img{width: 100% !important; height: 300px !important;}
.exdetail-pic .flexslider{margin: 0 !important; border: none !important;}
.exdetail-pic #carousel img{width: 100% !important; }   
}

/*ワークショップ情報*/
.exworkshop-info{clear: both; padding-top: 80px;}
.click-img{text-align: right; font-size: 84%; width: 97%; line-height: 1.2em; padding-bottom: 5px;}
.exworkshop-info h2{font-size: 140% !important;}
.exworkshop-info article{width: 100%; margin: 0 auto; border-top: 1px solid #ddd; padding:30px 0 50px;}
.exworkshop-txtinfo{display: inline-block; width: 660px; vertical-align: top; padding-left: 20px;}
.exworkshop-img{display: inline-block; width: 220px; vertical-align: top; text-align: right;}
.exworkshop-img ul{list-style: none;}
.exworkshop-img img{width: 150px !important; height: 150px !important; object-fit: cover !important;}
.exworkshop-meta i{display: inline-block; width: 46px; height: 46px; border-radius: 23px; background:#E2002E; color: #fff; font-size: 100%; text-align: center; line-height: 46px; margin-right: 10px;}
.exworkshop-meta i span{font-size: 10px;}
span.pre-r{display: inline-block; height: 46px; line-height: 46px; padding: 0 15px; text-align: center; background:#fbc84d; border-radius: 23px; }
.exworkshop-meta a{display: inline-block; margin-left: 10px; text-decoration: none; height: 46px; line-height: 46px; border-radius: 23px; border:1px solid #E2002E; background: #fff; padding:0 15px; color: #E2002E;}
.exworkshop-meta a span{color:#E2002E;}
.exworkshop-meta a:hover{background:#E2002E; color: #fff;}
.exworkshop-meta a:hover span{color:#fff;}
.exworkshop-txtinfo h3{display:block; margin: 30px 0; font-size: 120%;}
.exworkshop-naiyou{margin: 0 0 30px; font-size: 95%;}
.exworkshop-naiyou h4{display: block; color: #ff60a3; font-size: 110%; margin-bottom: 15px;}
.exworkshop-txtinfo table{width: 100%; box-sizing: border-box; border-collapse: collapse; font-size: 95%;}
.exworkshop-txtinfo table tr{display: table-cell; vertical-align: top;}
.exworkshop-txtinfo table th{width: 100px; vertical-align: top; text-align: left; font-weight: normal;}
.exworkshop-txtinfo table td{width: 200px; vertical-align: top; text-align: left;}
.exworkshop-txtinfo table td.kaisai-date-td{width: 300px;}
.exworkshop-txtinfo table td.kaisai-date-td div{margin-bottom: 7px;}
.exworkshop-txtinfo table th.ws-info-th span, .exworkshop-txtinfo table td.ws-info-td span{display: block; padding-bottom: 10px;}

.exworkshop-baseinfo table{
	width: 100%;
	box-sizing: border-box;
	border-collapse: collapse;
}
.exworkshop-baseinfo table tr{
	display: block !important;
}

.exworkshop-baseinfo table th{
	width: 90px;
}

.exworkshop-baseinfo table td{
	padding-bottom: 15px;
}

.ex-w-bi-l{
	width: 350px;
	float: left;
}

.ex-w-bi-r{
	width: 300px;
	float: right;
}

@media (max-width: 767px) {
.exworkshop-info{padding-top: 25px;}
.click-img{display: none;}
.exworkshop-info h2{font-size: 120% !important;}
.exworkshop-info article{padding:20px 0 0;}
.exworkshop-txtinfo{display: block; width: 100%; padding-left: 0;}
.exworkshop-img{display: block; width: 100%; margin:5px 0 20px;}
.exworkshop-img ul{list-style: none;}
.exworkshop-img ul li{display: inline-block; width: 32%; vertical-align: top;}
.exworkshop-img img{width: 100% !important; height: 108px !important;}
.exworkshop-meta i{width: 38px; height: 38px; border-radius: 19px; line-height: 38px; margin-right: 5px;}
.exworkshop-meta i span{font-size: 10px;}
span.pre-r{height: 38px; line-height: 38px; padding: 0 10px; border-radius: 19px; }
.exworkshop-meta a{display: block;  padding:0; width: 100%; box-sizing: border-box; margin: 12px 0 0; text-align: center;}
.exworkshop-txtinfo h3{ margin: 15px 0 20px; font-size: 110%;}
.exworkshop-naiyou{margin: 0 auto 30px; font-size: 95%;}
.exworkshop-naiyou h4{font-size: 100%; margin-bottom: 15px;}
.exworkshop-txtinfo table tr{display: block;}    
.exworkshop-txtinfo table th{width: 25%; padding-bottom: 12px;}
.exworkshop-txtinfo table td{width: 75%; padding-bottom: 12px;}
.exworkshop-txtinfo table td.kaisai-date-td{width: 75%;}
.exworkshop-txtinfo table th.ws-info-th{width: 40%;}
.exworkshop-txtinfo table tr.info-day{width: 100%;}
.exworkshop-txtinfo table tr.info-day th{display: block; width: 100%; text-align: left; font-weight: normal; }
.exworkshop-txtinfo table tr.info-day td{display: block; width: 100% !important; text-align: left; box-sizing: border-box; margin:10px 15px 20px;}   
.exworkshop-baseinfo table th{
	width: 26% !important;
}

.exworkshop-baseinfo table td{
	padding-bottom: 15px;
	width: 74%;
}

.ex-w-bi-l{
	width: 100%;
	float:none;
}

.ex-w-bi-r{
	width: 100%;
	float:none;
}	
}

.adminws-basicinfo{padding-left: 20px; margin-top: 40px;}
.adminws-basicinfo table{width: 50%; float: left; box-sizing: border-box; border-collapse: collapse; font-size: 95%;}
.adminws-basicinfo table th{width: 100px; vertical-align: top; text-align: left; font-weight: normal; padding-bottom: 12px;}
.adminws-basicinfo table td{width: 320px; vertical-align: top; text-align: left; padding-bottom: 12px;}
.adminws-basicinfo table span{display: inline; }
.adminws-basicinfo table td.kaisai-date-td div{margin-bottom:7px;}

@media (max-width: 767px) {
.adminws-basicinfo{padding-left: 0; margin-top: 0;}
.adminws-basicinfo table{width: 100%; float: none;}
.adminws-basicinfo table th{width: 25%;}
.adminws-basicinfo table td{width: 75%;}    
}

/*主催者ワークショップ画像*/
.adminworkshop-img{display: inline-block; width: 150px; vertical-align: top; margin-left: 50px;}
.adminworkshop-img ul{list-style: none;}
.adminworkshop-img img{width: 150px !important; height: 150px !important; object-fit: cover !important; border:1px solid #e4e4e4; border-radius: 6px;}

@media (max-width: 767px) {
.adminworkshop-img{display: block; width: 100%; text-align: center; margin-bottom: 20px;}
.adminworkshop-img ul{list-style: none;}
.adminworkshop-img ul li{display: block; width: 100%; vertical-align: top;}
.adminworkshop-img img{width: 220px !important; height: 220px !important; object-fit: cover !important; border:1px solid #e4e4e4; border-radius: 6px;}    
}

/*企業・個人別出展者一覧*/
#lineup-cp{padding-top: 35px;}
.table-typelist{width: 100%; box-sizing: border-box; border:none; border-collapse: collapse; margin-bottom: 50px; }
.table-typelist thead{border-bottom: 1px solid #ddd;}
.typelist-booth{width: 45%;}
.typelist-zonearea{width: 40%;}
.typelist-detail{}
.table-typelist thead th{text-align: left; padding: 20px 10px; font-weight: normal; }
.table-typelist tbody tr{border-bottom: 1px dashed #ddd;}
.table-typelist td{padding: 20px 10px;  /*font-size: 14px;*/  }
.table-typelist td.ex-btn{text-align: center;}
.table-typelist td.ex-btn a.btn{padding: 5px 10px; font-size: 90%;}
.lineup-cp-area span{display: none;}

@media (max-width: 767px) {
.table-typelist{margin-bottom: 0; border-top: 1px solid #ddd; }
 #lineup-cp{padding-top: 25px;}
.table-typelist thead{display: none;}
.table-typelist tbody tr{border-bottom: 1px dashed #ddd;}
.table-typelist td{display: block; width: 100%; box-sizing: border-box; padding: 0;  /*font-size: 14px;*/  }
.table-typelist td.ex-btn{text-align: left; padding:10px 10px 18px;}
.table-typelist td.ex-btn a.btn{padding: 5px 15px; font-size: 90%;}
.lineup-cp-booth{padding: 13px 10px 0 !important;}    
.lineup-cp-area{padding: 7px 10px 0 !important; font-size: 13px ;}   
.lineup-cp-area span{display: inline;}
}

/*==================================================
主催者ワークショップ
================================================== */

#workshop{padding-bottom: 100px !important;}
#workshop .contents-area{width: 930px;}
#workshop.base-con{padding: 0;}
#workshop-top{padding-top: 80px;}
.workshop-top-txt{text-align: center; margin-bottom: 20px;}
.workshop-top-txt p{display: inline-block; text-align: left; width: 900px; margin-bottom: 30px;}
#workshop-top article{width: 900px; margin: 50px auto 0; padding-top: 30px; border-top: 1px dashed #ddd; text-align: center; clear: both;}
#workshop-top article.workshop-top-wc{padding-top: 10px;}
#workshop-top article h3{display: block; font-size: 150%; color: #E2002E; margin-bottom: 30px; line-height: 1.6em;}
#workshop-top article a.btn{display: block; width: 240px; margin: 30px auto 0; padding: 10px 0;}
#workshop-top article.workshop-top-wc a.btn{display:inline-block; width:200px; margin:30px 20px 0; padding:10px 0;}
#workshop-top article.workshop-top-wc .btn-2cols a.btn{width:324px; }

.workshop-info{clear: both; }
.workshop-info h2{font-size: 140% !important;}
.workshop-info h2 span{display: block; font-size: 65%; padding-top: 15px; color: #333;}
.workshop-info article{width: 860px; margin: 0 auto; border-top: 1px solid #ddd; padding:30px 0 50px;}
.ex-boothname{margin-top:30px;}
.ex-boothname span{font-size: 120%; color: #E2002E;}
.workshop-info .exworkshop-txtinfo h3{display:block; margin: 15px 0 30px; font-size: 120%;}

@media (max-width: 767px) {
 #workshop-list h2.title-base{margin-bottom: 20px;}
#workshop .contents-area{width: 90%;}    
#workshop{padding-bottom: 30px !important;}    
#workshop-top{padding-top: 30px; margin-bottom: 30px;}
.workshop-top-txt p{display: block; width: 100%; margin: 0 auto 20px;}
#workshop-top article{width: 100%; margin: 30px auto 0; border-top: 1px dashed #ddd; text-align: center;}
#workshop-top article.workshop-top-wc{padding-top: 0;}	
#workshop-top article h3{font-size: 120%; }
#workshop-top article a.btn{width: 96%; margin: 30px auto 0; padding: 10px 0;}
#workshop-top article.workshop-top-wc a.btn{display:inline-block; width:45.2%; margin:30px 3px 0;}
#workshop-top article.workshop-top-wc .btn-2cols a.btn{width:92%; margin: 30px 0 0; }
.workshop-area-txt{width: 94%; margin: 0 auto; text-align: left;}
#workshop-list{margin-bottom: 30px;}
.workshop-info h2 span{display: block; font-size: 65%; padding-top: 15px; color: #333;}
.workshop-info article{width: 92%; margin: 0 auto; border-top: 1px solid #ddd; padding:30px 0 50px;}
.workshop-info .exworkshop-txtinfo h3{display:block; margin: 15px 0 30px; font-size: 120%;}
.ex-boothname span{font-size: 110%;}
.workshop-pre-btn a.btn{display: block; width: 100%; text-align: center; padding: 12px 0; margin:20px 0 30px;}
}

/*==================================================
PICKUP
================================================== */

#pickup #theme-hbs h3{margin-bottom: 30px; font-size: 120%;}
.pickup-catch{font-size: 110%;}
.pickup-contents{border-top: 1px solid #ddd; padding-top: 50px;}

@media (max-width: 767px) {
#pickup #theme-hbs h3 p{text-align: left; font-size: 95%;}
.pickup-catch{text-align: center !important; font-size: 110% !important;}
.pickup-contents{padding-top: 30px;}
}

#pickup-avenue article{border:5px solid #f5f5f5; padding:15px; width: 960px; margin: 0 auto 30px; display: table;}
.pickup-ex-info{display: table-cell; padding:10px 20px 10px 0; box-sizing: border-box; vertical-align: middle; width: 180px; text-align: center; border-right: 1px solid #f5f5f5;}
.pickup-ex-info img{width: 90%;}
.pickup-ex-txt{display: table-cell; width: 780px; box-sizing: border-box; padding: 10px 0 10px 30px; vertical-align: middle; text-align: left;}
.pickup-ex-txt img{width: 140px; height: 140px; object-fit: cover; float: right; margin-left: 5px;}
.pickup-ex-txt .btn{padding:8px 15px; font-size: 13px; margin-top: 25px;}
.title-boothname{display: block;  font-size: 16px; margin-bottom: 15px;}

#avenueonlyone{text-align: center; background: #fffdf1; padding-bottom: 50px;}
#avenueonlyone img{width: 600px; margin: 0 0 50px;}
#avenueonlyone .btn{display: block; width: 360px; margin: 50px auto 0;}

@media (max-width: 767px) {
#pickup-avenue article{padding:10px; width: 100%; margin: 0 auto 20px; display: block; box-sizing: border-box;}
.pickup-ex-info{display: block; padding:10px 0; width: 100%; text-align: center; border-right: none; border-bottom: 1px solid #f5f5f5;}
.pickup-ex-info img{width: 70%;}
.pickup-ex-txt{display: block; width: 100%; padding: 15px 0 ; }
.pickup-ex-txt img{width: 120px; height: 120px; object-fit: cover; display: block; float: right; margin-bottom: 5px;}
.pickup-ex-txt img.pickup-pic2{width: 100px; height: 100px;}
.pickup-ex-txt .btn{padding:10px 15px; }
    
#avenueonlyone{padding-bottom: 30px;}
#avenueonlyone img{width: 90%; margin: 0 0 30px;}
#avenueonlyone h3{display: block; width: 90%; margin: 0 auto;}    
#avenueonlyone .btn{width: 90%; box-sizing: border-box; margin: 30px auto 0;}    
}

/*おすすめPICK UP*/
.pickup-recommend-box{text-align: center;}
.pickup-recommend-box article{display: inline-block; width: 280px; margin: 0 20px 50px; vertical-align: top;}
.pickup-recommend-box article h4{display: block; font-size: 15px; color: #ef8fb9; margin: 0 0 10px;}
.pickup-recommend-box article img{width: 100%; border-radius: 8px;}
.pickup-recommend-box article span{display: block; margin: 10px 0 0; font-size: 13px; text-align: left;}
.pickup-recommend-box article a.btn{display: block; width: 45%; padding:5px 0; text-align: center; margin-top: 15px; font-size: 13px;}

@media (max-width: 767px) {
.pickup-recommend-box article{display: block; width: 90%; margin: 0 auto 20px; border-bottom: 1px dashed #ddd; padding-bottom: 20px;}
.pickup-recommend-box article img{width: 80%;}
.pickup-recommend-box article span{display: block; margin: 10px 0 0; font-size: 13px; text-align: left;}
#pickup-recommend #theme-hbs{padding-bottom: 0 !important;} 
#pickup-recommend p{text-align: left;}
#pickup-recommend .pickup-catch{font-size: 95% !important; text-align: center;}    
.pickup-recommend-box article a.btn{width: 100%; padding:8px 0;}
}

/*ステージ*/
#pickup-stage{text-align: center; padding-bottom: 50px;}
.pickup-stage-mainimg{text-align: center; margin-bottom: 40px;}
.pickup-stage-mainimg img{width: 640px;}
#pickup-stage .btn{display: block; width: 360px; margin: 50px auto 0;}

@media (max-width: 767px) {
 #pickup-stage{}
.pickup-stage-mainimg{margin-bottom: 30px;}
.pickup-stage-mainimg img{width: 100%;}
#pickup-stage #theme-hbs{width: 100%; padding-bottom: 0 !important;} 
#pickup-stage p{text-align: left;}
#pickup-stage .pickup-catch{font-size: 95% !important; text-align: center;}   
#pickup-stage .btn{width: 90%; box-sizing: border-box; margin: 30px auto 0;} 
    #pickup-stage .pickup-recommend-box article img{width: 100%;}
}

/*ワークショップ*/
#pickup-workshop{text-align: center; padding-bottom: 50px;}
.pickup-workshop-mainimg{text-align: center; margin-bottom: 40px;}
.pickup-workshop-mainimg img{width: 640px;}
.pickup-workshop-btn{text-align: center; margin: 50px 0 70px;}
.pickup-workshop-btn a.btn{display: inline-block; margin: 0 20px;}
#pickup-workshop article{display: inline-block; width: 360px; margin: 50px 40px 0; padding:5px 40px; vertical-align: top;}
#pickup-workshop article.box-pickup-workshop01{padding-right: 0;}
#pickup-workshop article.box-pickup-workshop02{border-left: 1px solid #f5f5f5; margin-left: 0;}
#pickup-workshop article img{width: 100%;}
#pickup-workshop article h4{display: block; font-size: 15px; color: #ef8fb9; margin: 0 0 10px; text-align: left;}
#pickup-workshop article p{display: block; margin: 10px 0 0; font-size: 13px; text-align: left;}

/*ハローサーカス*/
#hello-circus{width: 900px; margin: 50px auto; border:10px solid #f5f5f5; padding: 50px 40px; }
#hello-circus h4{display: block; margin: 0 0 30px; font-size: 15px; color: #e60012;}
.img-hc-logo{width: 160px; margin-bottom: 30px;}
.box-hc-01{display: inline-block; width: 420px; margin-right: 60px; margin-top: 50px; vertical-align: top; text-align: left;}
.box-hc-02{display: inline-block; width: 300px; vertical-align: top; text-align: left; margin-top: 50px;}
.pic-box-hc-01 img{width: 90px; height: 90px; object-fit: cover; margin: 0 5px;}
.box-hc-02 img{width: 100%;}
#hello-circus ul{margin: 30px 0 30px 20px;}

/*minne*/
#minne{width: 900px; margin: 50px auto; border:10px solid #EFE2D3; background: #EFE2D3; padding: 50px 40px; }
#minne h4{display: block; margin: 30px 0 0; font-size: 15px; }
.logo-minne img{width: 240px;}
.box-minne{text-align: left; margin: 50px auto; width: 800px;}
.box-minne img{width: 200px; float: right; margin-left: 20px;}
.pic-minne{text-align: center; margin: 0 5px 10px; font-size: 13px; display: inline-block; width: 180px; vertical-align: top;}
.pic-minne img{width: 120px; height: 120px; object-fit: cover; border-radius: 8px;}
.pic-minne h3{display: block; font-size: 13px;}
.pic-minne h3 span{display: block; font-size: 11px;}


@media (max-width: 767px) {
 #pickup-workshop{}
.pickup-workshop-mainimg{margin-bottom: 30px;}
.pickup-workshop-mainimg img{width: 100%;}
.pickup-workshop-btn{margin: 30px 0;}
.pickup-workshop-btn a.btn{display: block; width: 100%; box-sizing: border-box; margin: 0 auto 15px; padding:10px 0 !important;}
#pickup-workshop article{display: block; width: 100%; margin: 0 auto 20px; padding:0; padding-top: 20px; border-top: 1px solid #f5f5f5;}
#pickup-workshop article.box-pickup-workshop02{border-left: none;}
#pickup-workshop article h4{display: block; font-size: 15px; color: #ef8fb9; margin: 0 0 10px; text-align: left;}
#pickup-workshop article p{display: block; margin: 10px 0 0; font-size: 13px; text-align: left;}
#pickup-workshop #theme-hbs{width: 100%;  padding-bottom: 0 !important;} 
#pickup-workshop p{text-align: left;}
#pickup-workshop .pickup-catch{font-size: 95% !important; text-align: center;}   
    
/*ハローサーカス*/
#hello-circus{width: 100%; margin:30px auto; box-sizing: border-box; border:5px solid #f5f5f5; padding: 20px; font-size: 12px;}
#hello-circus h4{margin: 0 0 30px; font-size: 13px; }
.img-hc-logo{width: 30%; margin-bottom: 30px;}
.box-hc-01{display: block; width: 100%; margin: 30px auto;}
.box-hc-02{display: block; width: 100%; margin: 30px auto;}
.pic-box-hc-01 img{width: 60px; height: 60px; margin: 0 5px 0 0;}
.box-hc-02 img{width: 100%;}
#hello-circus ul{margin: 30px 0 20px 15px;}

/*minne*/
#minne{width: 100%; margin:30px auto 0; box-sizing: border-box; border:5px solid #EFE2D3; padding: 20px; font-size: 13px; }
#minne h4{display: block; margin: 20px 0 0; font-size: 13px; }
.logo-minne img{width: 60%;}
.box-minne{text-align: left; margin: 30px auto; width: 100%;}
.box-minne img{width: 100%; float: none; margin-left: 0; margin-bottom: 15px;}
.pic-minne{margin: 0 12px 10px; font-size: 11px; width: 40%; vertical-align: top;}
.pic-minne img{width: 100px; height: 100px;}
.pic-minne h3{display: block; font-size: 12px;}
.pic-minne h3 span{display: block; font-size: 10px;}    
}

@media (max-width: 767px) {
.pic-minne{margin: 0 10px 10px; font-size: 11px; width: 40%; vertical-align: top;}
.pic-minne img{width: 100px; height: 100px;}    
}

/*キッチン*/
#pickup-kitchen{text-align: center; }
.pickup-kitchen-mainimg{text-align: center; margin-bottom: 40px;}
.pickup-kitchen-mainimg img{width: 640px;}
#kitchen-menu article{width: 160px; min-height: 240px; float: left; margin: 0 20px 20px;}
#kitchen-menu article h3{display: block; font-size: 14px; font-weight: normal; text-align: center; margin-bottom: 5px;}
#kitchen-menu article span{display: block; font-size: 12px; color: #888;}
.kitchen-pic{text-align: center; margin-bottom: 10px;}
.kitchen-pic img{width: 120px; height: 120px; object-fit: cover; border-radius: 8px;}


@media (max-width: 767px) {
 #pickup-workshop{}
.pickup-kitchen-mainimg{margin-bottom: 30px;}
.pickup-kitchen-mainimg img{width: 100%;}
#kitchen-menu article{display: inline-block; width: 40%; min-height: inherit; margin: 0 12px 20px;}
#kitchen-menu article h3{display: block; font-size: 14px; font-weight: normal; text-align: center; margin-bottom: 5px;}
#kitchen-menu article span{line-height: 1.2em; font-size: 11px;}
.kitchen-pic{margin-bottom: 0;}
.kitchen-pic img{width: 100px; height: 100px; }    
}

/*同時開催MAKERS*/
#pickup-makers{border-top: none !important; text-align: center;}
.pickup-makers-mainimg{padding:50px 0; background:url(//hobbyshow.jp/site/hbs2019/data/bg_makers.jpg) repeat top center; background-size: 50%; margin-bottom: 50px;}
.pickup-makers-mainimg img{width: 420px;}
#pickup-makers a.btn{display: block; margin: 40px auto 0; width: 200px !important;}

@media (max-width: 767px) {
.pickup-makers-mainimg{padding:20px 0; background-size: 150%; margin-bottom: 30px;}
.pickup-makers-mainimg img{width: 80%;}
#pickup-makers a.btn{margin: 30px auto 0; width: 100% !important; box-sizing: border-box; padding:10px 0 !important;}
#pickup-makers #theme-hbs{width: 100%; padding-bottom: 0 !important;} 
#pickup-makers p{text-align: left;}
#pickup-makers .pickup-catch{font-size: 95% !important; text-align: center;}
}

/*同時開催ホビークッキングフェア*/
#pickup-hcf{border-top: none !important; text-align: center; padding-top: 70px !important;}
.pickup-hcf-mainimg{padding:0; background:#d81418; margin-bottom: 50px;}
.pickup-hcf-mainimg img{width: 420px; vertical-align: middle;}
#pickup-hcf a.btn{display: block; margin: 40px auto 0; width: 200px !important;}

@media (max-width: 767px) {
#pickup-hcf{padding-top: 50px !important;}
.pickup-hcf-mainimg{margin-bottom: 30px;}
.pickup-hcf-mainimg img{width: 90%;}
#pickup-hcf a.btn{margin: 30px auto 0; width: 100% !important; box-sizing: border-box; padding:10px 0 !important;}
#pickup-hcf #theme-hbs{width: 100%; padding-bottom: 0 !important;} 
#pickup-hcf p{text-align: left;}
#pickup-hcf .pickup-catch{font-size: 95% !important; text-align: center;}    
}

/*トライアルキットショップ*/
#trial{width: 900px; margin: 50px auto; border:10px solid #f5f5f5; padding: 50px 40px; }
#trial img{width: 100%; margin-bottom: 30px;}
#trial p{line-height: 2.0em; margin-bottom: 35px;}
#trial .btn{margin: 50px 0 0;}

@media (max-width: 767px) {
#trial{width: 100%; margin:30px auto; box-sizing: border-box; border:5px solid #f5f5f5; padding: 20px; font-size: 13px; }
    #trial .title-base{font-size: 16px;}
    #trial img{margin-bottom: 20px;}
#trial p{margin-bottom: 20px;}
#trial .btn{margin: 30px 0 0;}
}


/*==================================================
アクセス
================================================== */

#contents-access{
	padding: 50px 0 0;
}

#access p{text-align: center; margin-bottom: 40px;}

#access article{border-top:1px solid #e7e7e7; padding:50px 0;}
#access article div{width: 745px; margin: 0 auto;}
#access article div h3{display: block; font-size: 120%; margin-bottom: 30px;}
#access iframe{width: 745px; height: 400px; margin: 0 auto;}

.message01{background: #f4f4f4;; text-align:center; padding:30px 0;}
.message02{border:2px solid #EC6C00; text-align:center; padding:15px; color:#EC6C00; font-size:120%;}

@media (max-width: 767px) {
#contents-access{padding-top: 35px;}
#access p{margin-bottom: 30px;}
#access article{padding:30px 0;}
#access article div{width: 90%; }
#access article div img{width: 100%;}
#access article div h3{display: block; font-size: 120%; margin-bottom: 30px;}
#access iframe{width: 100%; height: 200px; margin: 0 auto;}
.message01{width: 90%; margin: 0 auto; box-sizing: border-box; text-align:left; padding:20px 12px;}
.message02{text-align:left; padding:10px; }
}

/*==================================================
ステージ
================================================== */

.title-stageday{display: block; width: 200px; border:1px solid #7095cb; background:#E2002E; font-size: 110%; color: #fff; font-weight: normal; padding: 10px 0; text-align: center; margin:70px 0 50px;}

#stage article{border-top:1px dashed #ddd; margin-top: 30px; padding-top: 30px; margin-left: 30px;}
.pic-stage{width: 220px; float: right; margin-left: 20px;}
.pic-stage img{width: 100%;}
.txt-stage{width: 720px; float: left; font-size: 100%;}
.txt-stage-full{width: 100%; font-size: 100%; margin-bottom: 30px;}
.box-stage h5{display: block; border-left:4px solid #E2002E; padding: 5px 0 5px 20px; font-size: 140%; margin-bottom: 20px; line-height: 1.6em;}
.box-stage h5 span{display: block; background:#E2002E; border-radius: 2px; color: #fff; margin-bottom: 7px; width: 12%; text-align: center; padding: 2px 0; font-size: 60%; line-height: 1.5em;}

#stage .box-jhoty2018{width: 235px;}

/*==================================================
会場MAP
================================================== */

#map a.btn{display: block; width: 400px; margin: 30px auto;}


/*==================================================
アンバサダー
================================================== */
#ambassador #theme-hbs h3{margin-bottom: 50px; font-size: 22px;}
.pic-ambassador-main{width: 800px; margin: 0 auto;}
.pic-ambassador-main img{width: 100%;}

#ambassador-01{margin: 50px 0; background-color: #ef8fb9; color: #fff; padding: 50px 0; border:none;}
.title-ambassador{display: block; text-align: center; margin: 0 0 50px; font-size: 20px;}
.title-ambassador span{display: block; margin-bottom: 30px;}
.title-ambassador span i{display: flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 50%; border:1px solid #fff; font-size: 32px; margin: 0 auto; font-style: normal;}
#ambassador-01 p{width: 800px; text-align: center; margin: 0 auto;}

.box-am-01{display: table; text-align: center; width: 100%; margin: 80px auto 0;}
.box-am-01 article{display: table-cell;}
.am-step{width: 200px; vertical-align: top;}
.am-step img{height: 174px; margin-bottom: 20px;}
.am-step ul{margin-left: 20px; text-align: left;}
.am-y{width: 50px; vertical-align: middle;}
.am-y i{font-size: 30px; }

.ambassador-contents{width: 800px; margin: 0 auto 70px;}
.ambassador-contents ul{margin-left: 20px;}
.ambassador-contents .table{width: 100%;}
.ambassador-contents .table tbody th{width: 180px !important;}
#ambassador-lineup .table{margin-bottom: 30px !important;}
#ambassador-lineup h3{display: block; font-size: 16px; margin-bottom: 15px;}

#ambassador-03 article{width: 50%; float: left; text-align: center; padding:50px 0;}
.l-am03{background: #E2002E; color: #fff;}
.r-am03{background: #fbc84d; }
.r-am03 .title-ambassador span i{border-color: inherit;}
#ambassador-03 article p{width: 90%; margin: 0 auto;}

.btn-ambassador{text-align: center; margin: 50px 0 50px;}
.btn-ambassador .btn{border-color: #ef8fb9; background: #ef8fb9; color: #fff;}
.btn-ambassador .btn:hover{border-color: #ef8fb9; background: #fff; color: #ef8fb9;}

#ambassador-04{margin: 70px 0 0; padding-top: 70px; border-top: 1px solid #ddd;}
#ambassador-04 .contents-area{width: 600px;}


@media (max-width: 767px) {
#ambassador #theme-hbs h3{margin-bottom: 30px; font-size: 18px;}
.pic-ambassador-main{width: 100%; }
.pic-ambassador-main img{width: 100%;}

#ambassador-01{margin: 30px 0; padding: 30px 0; }
.title-ambassador{margin: 0 0 30px; font-size: 16px;}
.title-ambassador span{margin-bottom: 20px;}
.title-ambassador span i{width: 60px; height: 60px; font-size: 16px;}
#ambassador-01 p{width: 90%; text-align: left;}
    
.box-am-01{display: block; width: 90%; margin: 20px auto 0;}
.box-am-01 article{display: block; width: 100% !important; border:1px dashed #fff; padding:20px; box-sizing: border-box; border-radius: 8px; margin: 20px 0; }
.am-step img{height: auto; width: 50%; margin-bottom: 10px;}
.am-step ul{margin-left: 20px;}
.am-y{width: 100%; border:none !important; margin: 0 !important; padding:0 !important;}
.am-y i{font-size: 30px; }
    
.ambassador-contents{width: 90%; margin: 0 auto 50px;}
.ambassador-contents .table tbody th{width: 30% !important; text-align: left;}
#ambassador-lineup .table{margin-bottom: 30px !important;}
#ambassador-lineup h3{display: block; font-size: 16px; margin-bottom: 15px;}

#ambassador-03 article{width: 100%; float: none; padding:30px 0;}
#ambassador-03 article p{width: 85%; margin: 0 auto; text-align: left;}

.btn-ambassador .btn{display: block; width: 90%; margin: 0 auto; box-sizing: border-box; padding: 15px 10px;}

#ambassador-04{margin: 30px 0 0; padding-top: 30px; }
#ambassador-04 .contents-area{width: 90%;}    
}

/*==================================================
Japanese Handmade
================================================== */

#jh-contents{
    padding-bottom: 0 !important;
}

#jh-contents > .contents-area{
    text-align: center;
}

.logo-niwa{
    width: 280px;
    margin: 0 0 50px;
}

.box-jh{
    display: inline-block;
    width: 400px;
    text-align: left;
    margin: 0 40px 50px;
    vertical-align: top;
}

.box-jh p{
    min-height: 150px;
}

.box-jh h3{
    display: block;
    font-size: 24px;
    margin-bottom: 25px;
    font-family: "FOT-テロップ明朝 Pro D";
}

.box-jh img{
    width: 100%;
    vertical-align: bottom;
}

@media (max-width: 767px) {
.logo-niwa{
    width: 55%;
    margin: 0 0 30px;
}

.box-jh{
    display: block;
    width: 90%;
    margin: 0 auto 40px;
}
    
.box-jh p{
    min-height: auto;
    margin-bottom: 20px;
}    

.box-jh h3{
    font-size: 20px;
    margin-bottom: 20px;
}

.pic-jh img{
    width: 90%;
}    
}

/*==================================================
paralin Handmade
================================================== */

#paralin-contents > .contents-area{
    text-align: center;
}

.logo-tsunagari{
    width: 280px;
    margin: 0 0 40px;
}
    
.img-tsunagari{
    width: 920px;
    margin: 0 0 20px;
}

.txt-paralin{
    line-height: 2.0em;
    margin: 0 0 50px;
    font-size: 16px;
}

.box-paralin{
    width: 860px;
    margin: 0 auto 50px;
    background: #f0f0f0;
    padding: 30px;
    text-align: left;
}

.box-paralin h3{
    display: block;
    font-size: 20px;
    margin-bottom: 25px;
    text-align: center;
}

.box-paralin ul{
    margin: 0 0 0 25px;
}

.box-paralin ul li{
    float: left;
    margin: 0 60px 20px 0;
}

.logo-paralin{
    width: 600px;
}

#sbp-contents{
    margin: 70px 0 80px;
    border-top: 3px solid #6C68A4;
    border-bottom: 3px solid #6C68A4;
}

.sbp-img{
    width: 50%;
    height: 280px;
    float: left;
}

.sbp-img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.sbp-info{
    width: 50%;
    height: 280px;
    float: right;
    background:#6C68A4;
    color: #fff;
}

.sbp-info h3{
    display: block;
    margin: 30px 50px 40px ;
    font-size: 24px;
    font-family: "FOT-テロップ明朝 Pro D";
}

.sbp-info p{
    margin: 0 50px ;
}

#peace-ring{
    text-align: center;
}

#peace-ring h3{
    display: block;
    margin-bottom: 50px;
    font-size: 28px;
    font-family: "FOT-テロップ明朝 Pro D";
}

.img-peace-ring{
    width: 500px;
}

#peace-ring p{
    margin: 50px auto 0;
    line-height: 2.0em;
    font-size: 16px;
}

@media (max-width: 767px) {

.logo-tsunagari{
    width: 60%;
    margin: 0 0 20px;
}
    
.img-tsunagari{
    width: 90%;
margin: 0;
}

.txt-paralin{
    text-align: left;
    width: 90%;
    line-height: 1.8em;
    margin: 0 auto 30px;
    font-size: 15px;
}

.box-paralin{
    width: 90%;
    padding: 20px;
    box-sizing: border-box;
    margin: 0 auto 20px;
}

.box-paralin h3{
    display: block;
    font-size: 15px;
    margin-bottom: 20px;
    text-align: left;
}

.box-paralin ul{
    margin: 0 0 0 20px;
}

.box-paralin ul li{
    float: none;
    margin: 0 auto 10px;
}

.logo-paralin{
    width: 80%;
}

#sbp-contents{
    margin: 50px 0;
}

.sbp-img{
    width: 100%;
    height: 250px;
    float:none;
}

.sbp-img img{
    vertical-align: bottom;
}

.sbp-info{
    width: 100%;
    height: auto;
    float:none;
    padding: 20px;
    box-sizing: border-box;
}

.sbp-info h3{
    display: block;
    margin: 0 0 20px;
    font-size: 18px;
}

.sbp-info p{
    margin: 0 auto;
}

#peace-ring h3{
    margin-bottom: 40px;
    font-size: 24px;
}

.img-peace-ring{
    width: 90%;
}

#peace-ring p{
    text-align: left;
    width: 90%;
    line-height: 1.8em;
    margin: 30px auto 0;
    font-size: 15px;
}
    
}


/*==================================================
covid-19
================================================== */

#exhibitor-covid19 > div.contents-area{
	padding: 50px 0 0;
}

.txt-lead{
	font-size: 22px;
	line-height: 2.0;
	text-align: center;
	margin-bottom: 50px;
}

#covid-icn{
	margin-bottom: 50px;
}

#covid-icn ul{
	list-style: none;
	text-align: center;
	display: flex;
}

#covid-icn ul li{
	width: calc(100%/5);
}

#covid-icn ul li img{
	width: 90%;
	vertical-align: bottom;
}

.covid-contents{
	margin-bottom: 50px;
	line-height: 2.0;
	word-break: break-all;
}

.ul-strong-title{
	margin: 0 0 0 20px;
}

.ul-strong-title li strong{
	color: #6C68A4;
	display: block;
}

@media (max-width: 480px) {
	
#exhibitor-covid19 > div.contents-area{
	padding: 35px 0 0;
}

.txt-lead{
	font-size: 15px;
	line-height: 1.8;
	text-align: justify;
	margin-bottom: 35px;
}

#covid-icn{
	margin-bottom: 35px;
}

#covid-icn ul{
	display: block;
}

#covid-icn ul li{
	display: inline-block;
	margin-bottom: 20px;
	width: 31%;
}

#covid-icn ul li img{
	width: 95%;
}

.covid-contents{
	margin-bottom: 35px;
}

.ul-strong-title{
	margin: 0 0 0 20px;
}
	
}

/*==================================================
sustainablezone
================================================== */

#sustainablezone > div.contents-area{
	padding: 50px 0 0;
}

#sustainablezone .txt-lead{
	font-size: 15px;
}

#sustainablezone .txt-lead strong{
	display: block;
	font-size: 24px;
	margin-bottom: 50px;
}

#sus-system{
	background: #f4f4f4;
}

#sus-merit ul,
#sus-system ul{
	text-align: left;
}

.imgsus{
	text-align: center;
}

.imgsus img{
	width: 60%;
	vertical-align: bottom;
}

#sus-system article.half-box{
	background: #fff;
	box-sizing: border-box;
	padding: 30px 20px;
	min-height: 600px;
}

#sus-system article.half-box > p{
	text-align: left;
}

#sus-merit{
	padding-top: 0 !important;
}

#sus-cooperate{
	text-align: center;
	line-height: 2.0;
}

.pic-sus{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin-top: 50px;
}

.pic-sus li{
	width: calc(100%/4);
}

.pic-sus li img{
	width: 94%;
	vertical-align: bottom;
}

.list-sustainablezone-exhibitor{
	background: #fff;
	padding: 30px;
	margin-bottom: 35px;
	position: relative;
}

.list-sustainablezone-exhibitor p{
	margin: 0;
}

.list-sustainablezone-exhibitor h3{
	display: block;
	font-size: 16px;
	margin-bottom: 15px;
}

.list-sustainablezone-exhibitor a.btn{
	position: absolute;
    top: 20px;
    right: 20px;
    padding: 5px 30px;
}


@media (max-width: 480px) {
	
#sustainablezone > div.contents-area{
	padding: 35px 0 0;
}

#sustainablezone .txt-lead{
	font-size: 14px;
}

#sustainablezone .txt-lead strong{
	display: block;
	font-size: 18px;
	margin-bottom: 20px;
}

#sus-merit ul,
#sus-system ul{
	text-align: left;
}

.imgsus{
	text-align: center;
}

.imgsus img{
	width: 60%;
	vertical-align: bottom;
}

#sus-system article.half-box{
	padding: 25px 15px;
	min-height: inherit;
	margin-bottom: 15px;
}
	
	#sus-system .title-basic{
		text-align: center;
	}

#sus-merit{
	padding-top: 0 !important;
}

.pic-sus{
	margin-top: 35px;
}

.pic-sus li{
	width: calc(100%/2);
	margin-bottom: 10px;
}

#sus-cooperate{
	text-align: left;
	line-height: 2.0;
}

.list-sustainablezone-exhibitor a.btn{
	position: relative;
    top: inherit;
    right: inherit;
    padding:5px 0;
	    margin: 25px auto 0;
    display: block;
    text-align: center;
    width: 100%;
}
	
}

/*==================================================
広告・協賛について
================================================== */

#ad > div.contents-area{
	padding: 50px 0 0;
}

.ad-merit{list-style: none; text-align: center; margin-bottom: 80px;}
.ad-merit li{display: block; width: 90%; border-radius: 42px; background:#BF98C5; color: #fff; font-size: 15px; padding: 12px; box-sizing: border-box; margin: 0 auto 20px;}

.ad-plan{width: 90%; box-sizing: border-box; border-collapse: collapse; border:1px solid #ddd; margin: 0 auto;}
.ad-plan thead th{text-align: center; background: #ebebeb;  border:1px solid #ddd; padding: 15px 10px;}

.ad-plan tbody th{text-align: center; background: #ebebeb;  border:1px solid #ddd; padding: 15px 10px;}
.ad-plan tbody td{text-align: center; background: #fff;  border:1px solid #ddd; padding: 15px 10px;}
.ad-plan tbody td a{display: block; width: 96%; box-sizing: border-box; border-radius: 4px; color: #fff; background:#6C68A4; border:1px solid #6C68A4; margin: 0 auto; padding: 2px 3px; text-align: center; text-decoration: none; font-size: 12px;}
.ad-plan tbody td a:hover{ background:#fff; color:#6C68A4 }

.ad-kakaku{width: 96%; box-sizing: border-box; border-collapse: collapse; border:1px solid #ddd; margin: 0 auto;}
.ad-kakaku th{width: 28%; text-align: center; background: #f4f4f4; border:1px solid #ddd; padding: 15px 10px;}
.ad-kakaku td{background:#fff; padding: 15px; text-align: left; border:1px solid #ddd;}
.ad-kakaku td span{color: #ef0505; font-size: 110%;}
.ad-kakaku td ul{margin-left: 20px;}

.box-ad{display: block; width: 96%; box-sizing: border-box; border:1px solid #BF98C5; margin:30px auto; background:#fff; text-align:left; border-radius:6px;}
.title-ad-sub{display: block; font-size: 15px; background:#BF98C5; color: #fff; text-align: center; padding: 12px 0; border-top-left-radius: 6px;
border-top-right-radius: 6px;}
.ad-merit2{display: inline-block; text-align: left; margin:30px 40px 20px 40px;}
.ad-merit2 li{font-size: 110%; font-weight: bold; margin: 0 auto 15px; color: #ef0505}
.ad-merit2 li span{ border-bottom: 4px solid #FFDC00;}

.con-ad{text-align: center;}
.con-ad h4{margin-bottom: 30px;}

#ad01{margin: 50px 0 0; }
#ad01 .title-sub span, #ad03 .title-sub span, #ad05 .title-sub span, #ad07 .title-sub span, #ad09 .title-sub span{background: #fff;}

#ad05 p{display: inline-block; text-align: left; margin-bottom: 30px;}
.box-ad05-img{margin-bottom: 30px;}
.box-ad05-img img{width: 30%; margin: 0 10px;}

#ad07{padding-top: 80px !important;}

#ad09 ul{text-align: left; width: 80%; margin: 0 auto;}
#ad09 li{margin-bottom: 12px;}
#ad10{padding-bottom: 0 !important; margin-bottom: 0;}
#ad10 h4{display: block; width: 64%; font-size: 100%; margin: 0 auto 50px; text-align: left;}
#ad10 p{display: block; width: 64%; margin: 0 auto 50px; text-align: left; border-left: 1px solid #ddd; padding: 5px 0 5px 25px; box-sizing: border-box;}
#ad10 strong{display: block; text-align: left; font-size: 20px; margin-bottom: 25px;}

.img-ad01, .img-ad04{width: 800px;}
.img-ad06, .img-ad07{width: 600px;}

@media (max-width: 767px) {

#ad > div.contents-area{
	padding: 35px 0 0;
}
#ad .title-base{margin-bottom: 25px; line-height: 1.4em;}
#ad .contents-area{width: 92%; margin: 0 auto; background-color: transparent;}
#ad .title-sub{text-align: center; margin-bottom: 30px;}
.ad-merit{margin-bottom: 50px;}
.ad-merit li{width: 100%; padding: 10px; text-align: left; border-radius: 8px; margin-bottom: 10px; font-size: 14px;}

#plan h3{display: block; text-align: center; background: #ebebeb; padding: 12px 0; margin-bottom: 20px;}
.ad-plan{width: 94%; margin: 10px auto;}
.ad-plan th{text-align: left; vertical-align: middle; border-bottom:1px solid #ddd; padding: 8px 5px; width: 30%; box-sizing: border-box;}
.ad-plan td{text-align: left; vertical-align: middle; border-bottom:1px solid #ddd; padding: 8px 5px; box-sizing: border-box;}
#plan a.btn{display: block; background: #E2002E; color: #fff; border:none; padding: 8px 0; width: 50%; margin: 20px auto 30px; text-align: center; font-size: 14px;}

.ad-kakaku{width: 100%; }
.ad-kakaku th{width: 30%; padding: 10px;}
.ad-kakaku td{padding: 10px;}

.box-ad{border:1px solid #BF98C5; width: 100%; margin:20px auto; }
.title-ad-sub{padding: 10px 0;}
.ad-merit2{margin:20px 20px 10px 30px;}
.ad-merit2 li{font-size: 100%; margin: 0 auto 12px;}

.con-ad{text-align: left;}
.con-ad h4{margin-bottom: 30px;}
.con-ad img{width: 100%;}
	

.box-ad05-img img{width: 100%; margin: 0;}
#ad07{padding-top: 10px !important;}
#ad07 img{width: 100% !important; display: block; margin: 0 auto;}

#ad09 ul{width: 88%; }
#ad10 h4{width: 90%; margin: 0 auto 20px; }
#ad10 p{width: 90%; margin: 0 auto 20px; padding: 3px 0 3px 10px; word-break: break-all;}

	#ad10 a.btn{
		padding: 10px 0;
		text-align: center;
	}
	#ad10 strong{font-size: 15px;}
	
	.table-ad-box{
		width: 100%;
		overflow: hidden;
		overflow-x: auto;
	}
	
	.table-ad-box table{
		width: 800px !important;
	}
	
	.table-ad-box table thead th:first-child{width: 20%;}
	.table-ad-box table thead th:nth-child(2){width: 20%;}
	.table-ad-box table thead th:nth-child(3){width: 20%;}
	.table-ad-box table thead th:nth-child(4){width: 15%;}
	.table-ad-box table thead th:nth-child(5){width: 10%;}
	.table-ad-box table thead th:last-child{width: 15%;}
}

#ad03 .txt-lead span{
	padding: 0 25px;
}

@media (max-width: 767px) {

#ad03 .txt-lead span{
	padding: 0 15px 0 0;
}

	
}

/*==================================================
オンラインサービス
================================================== */

#exhibitor-online > div.contents-area{
	padding: 50px 0 0;
}

.info-online{
	width: 48%;
	float: left;
	line-height: 2.0;
}

.img-online{
	width: 45%;
	float: right;
}

.img-online img{
	width: 100%;
	vertical-align: bottom;
	border: 1px solid #f4f4f4;
	padding: 20px;
	box-sizing: border-box;
}

.online-contents{
	padding-bottom: 35px;
	clear: both;
}

.online-contents > div{
	padding: 0 35px;
}

.online-strong{
	display: block;
	font-size: 18px;
	margin-bottom: 30px;
	color: #D80A30;
}

.online-strong span{
	display: inline-block;
	border-radius: 20px;
	font-size: 13px;
	color: #fff;
	background: #D80A30;
	margin-right: 12px;
	vertical-align: middle;
	padding: 1px 12px;
}

.box-online{
	padding-bottom: 40px !important;
	border-bottom: 1px dotted #ddd;
	margin-bottom: 40px;
}

@media (max-width: 767px) {
	
#exhibitor-online > div.contents-area{
	padding: 35px 0 0;
}

.info-online{
	width: 100%;
	float: none;
	line-height: 2.0;
	margin-bottom: 25px;
}

.img-online{
	width: 100%;
	float: none;
}

.online-contents{
	padding-bottom: 0;
}

.online-contents > div{
	padding: 0 20px 35px;
}

.online-strong{
	font-size: 16px;
	margin-bottom: 25px;
}

.online-strong span{
	font-size: 12px;
}

.box-online{
	padding-bottom: 25px !important;
	margin-bottom: 25px;
}	
	
}

#online-option{
	padding: 50px 0;
	background: #BF98C5;
}

#online-option p.txt-lead{
	color: #fff;
}

.online-option-box{
	background: #fff;
	box-sizing: border-box;
	padding: 50px 35px;
	margin-bottom: 35px;
}

.price-op{
	margin: 0 0 35px;
	font-size: 18px;
}

.price-op small{
	display: block;
	font-size: 13px;
}

@media (max-width: 767px) {

#online-option{
	padding: 35px 0;
}

.online-option-box{
	padding: 35px 20px;
	margin-bottom: 20px;
}

.price-op{
	margin: 0 0 25px;
	font-size: 16px;
}

.price-op small{
	font-size: 12px;
}
	
}

/*==================================================
クラウドファンディング支援者一覧
================================================== */

#mv-supporter img{
	vertical-align: bottom;
}

.link{
	background: #f4f4f4;
	text-align: center;
	padding: 20px 0;
	margin-bottom: 50px;
}

.link a{
	font-weight: bold;
	font-size: 18px;
}

#contents-supporter p{
	line-height: 2.0;
}

#list-supporter{
	position: relative;
	padding-top: 35px;
}

#list-supporter > span{
	position: absolute;
	top: 35px;
	right: 0;
	font-size: 13px;
}

#list-supporter > h3{
	display: block;
	font-size: 22px;
	margin-bottom: 35px;
	border-left: 5px solid #e2002e;
	padding: 2px 0 2px 12px;
	line-height: 1;
}

#list-supporter ul{
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#list-supporter ul li{
	width: calc(100%/5);
	padding: 8px 0;
	font-size: 14px;
}

#list-supporter ul.ul-over10{
	margin-bottom: 30px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #efefef;
}

#list-supporter ul.ul-over10 li{
	width: calc(100%/3);
	font-size: 18px;
	padding: 10px 0;
}

@media (max-width: 767px) {

.link{
	padding: 15px 0;
	margin-bottom: 15px;
}

.link a{
	font-size: 13px;
}

#contents-supporter p{
	line-height: 1.7;
}

#list-supporter{
	position: relative;
	padding-top: 25px;
}

#list-supporter > span{
	font-size: 11px;
	top: 25px;
}

#list-supporter > h3{
	font-size: 16px;
	margin-bottom: 25px;
	padding: 2px 0 2px 10px;
}

#list-supporter ul li{
	width: calc(100%/2);
	padding: 8px 0;
	font-size: 13px;
}

#list-supporter ul.ul-over10{
	margin-bottom: 10px;
	padding-bottom: 10px;
}

#list-supporter ul.ul-over10 li{
	width: calc(100%/2);
	font-size: 15px;
	padding: 8px 0;
}
	
}

/*==================================================
YouTubeチャンネル一覧
================================================== */

.ul-yt-channel{
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.ul-yt-channel li{
	width: 300px;
	margin-right: 50px;
	margin-bottom: 50px;
}

.ul-yt-channel li:nth-of-type(3n){
	margin-right: 0;
}

.ul-yt-channel li img{
	width: 100%;
	vertical-align: bottom;
}

.ul-yt-channel li a{
	display: block;
	text-align: center;
	text-decoration: none;
	border: 1px solid #ddd;
	border-top: 3px solid #E2002E;
	padding: 20px;
	color: #585858 !important;
	min-height: 252px;
}

.ul-yt-channel li a:hover{
	border:1px solid #E2002E;
	border-top: 3px solid #E2002E;
	background: #f4f4f4;
	color: #E2002E !important;
}

.title-channel{
	display: block;
	font-size: 20px;
	margin-bottom: 15px;
}

.title-channel span{
	display: block;
	font-size: 70%;
	margin-top: 6px;
}

.txt-ytchannel{
	text-align: center;
	padding: 50px 0;
}

@media (max-width: 767px) {

.txt-ytchannel{
	padding: 25px 0;
}

.ul-yt-channel li{
	width: 100%;
	margin: 0 auto 20px !important;
}

.ul-yt-channel li:nth-of-type(3n){
	margin-right: auto;
}

.title-channel{
	font-size: 18px;
	margin-bottom: 12px;
}

.title-channel span{
	font-size: 54%;
	margin-top: 5px;
}

.ul-yt-channel li a{
	min-height: inherit;
}
	
}

/*==================================================
スペシャル企画
================================================== */

#contents-special{
	padding: 50px 0;
	background: #fdf7fa;
}

.ul-special{
	display: flex;
	list-style: none;
	flex-direction: row;
	flex-wrap: wrap;
}

.ul-special > li{
	width: 475px;
	margin-bottom: 50px;
	background: #fff;
	padding-bottom: 25px;
}

.ul-special > li:first-child,
.ul-special > li:nth-child(3){
	margin-right: 50px;
}

.img-special{
	width: 92%;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
}

.ul-special > li h3{
	margin-bottom: 8px !important;
	font-size: 21px;
	line-height: 1.5;
	padding: 16px 15px;
	color: #e8380d;
}

.ul-special  > li h3 span{
	border-color: #e8380d !important;
	padding-left: 15px !important;
}

.ul-special  > li h3 span small{
	font-size: 13px;
}

.special-company{
	text-align: right;
	font-size: 13px;
	padding-right: 4%;
}

.ul-special > li > p{
	width: 92%;
	margin: 20px auto;
}

.img-special img{
	vertical-align: middle;
}

.special01-01{width: 55%;}
.special01-02{width: 35%; margin-left: 15px;}
.special03-01{width: 48%;}
.special03-02{width: 48%; }

.img-special ul{
	display: flex;
	list-style: none;
}

.img-special ul li{
	width: 30%;
	font-size: 12px;
	line-height: 1.5;
}

.img-special ul li:nth-child(2){
	margin-left: 5%;
	margin-right: 5%;
}

.img-special ul li img{
	width: 100%;
	vertical-align: bottom;
	margin-bottom: 4px;
}

.ul-special > li .btn-area{
	background-color: transparent !important;
}


@media (max-width: 767px) {

#contents-special{
	padding: 25px 0;
}

.ul-special{
	display: block;
}

.ul-special > li{
	width: 100%;
	margin-bottom: 25px;
	padding-bottom: 20px;
}

.ul-special > li:first-child,
.ul-special > li:nth-child(3){
	margin-right: 0;
}

.ul-special > li h3{
	margin-bottom: 10px !important;
	font-size: 15px;
}

.ul-special  > li h3 span{
	padding-left: 12px !important;
}

.ul-special  > li h3 span small{
	font-size: 12px;
}

.special-company{
	font-size: 12px;
}

.img-special ul li{
	width: 32%;
	font-size: 10px;
	line-height: 1.4;
}

.img-special ul li:nth-child(2){
	margin-left: 2%;
	margin-right: 2%;
}
	
}

/*==================================================
layout
================================================== */

#layout{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding-bottom: 5px;
}

@media (max-width: 767px) {
	
#layout{
	margin-bottom: 30px;
}	
	
}

/*==================================================
message
================================================== */

#message{
	background: #f4f4f4;
	padding: 70px 0 85px;
}

.pic-ehara{
	width: 200px;
	float: right;
	margin: 0 0 10px 50px;
}

.message-name{
	margin-top: 30px;
	text-align: right;
}

@media (max-width: 767px) {
	
#message{
	padding: 40px 0 50px;
}

.pic-ehara{
	width: 38%;
	margin: 0 0 10px 30px;
}
	
}

/*==================================================
限定キット紹介・販売 （一覧）
================================================== */

#contents-kit{
	background: #f4f4f4;
	padding-top: 105px !important;
}

#contents-kit .contents-area{
	padding: 50px 0;
}

.ul-kit{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
}

.ul-kit > li{
	width: 485px;
	margin-right: 30px;
	margin-bottom: 30px;
	box-sizing: border-box;
	background: #fff;
	padding: 10px 15px 15px;
	border: 1px solid #ddd;
	border-top: 3px solid #E2002E;
}

.ul-kit > li:nth-of-type(2n){
	margin-right: 0;
}

.ul-kit > li > a:hover{
	background: #f4f4f4;
	border-color: #E2002E;
}

.img-kit{
	text-align: center;
	margin: 10px 0 0;
}

.img-kit img{
	display: block;
	width: 110px;
	height: 110px;
	margin: 0 auto;
	object-fit: cover;
	vertical-align: bottom;
}

.img-kit > ul{
	list-style: none;
	display: flex;
	flex-wrap: wrap;
	flex-direction: row;
	margin-top: 10px;
}

.img-kit > ul > li{
	width: calc(100%/4);
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 1.3;
}

.ul-kit > li > a > h3{
	display: block;
	font-size: 15px;
}

.kit-category > ul{
	list-style: none;
	text-align: left;
}

.kit-category > ul > li{
	display: inline-block;
	margin-right: 2px;
	margin-bottom: 3px;
}

.kit-category > ul > li > span{
	display: inline-block;
	border-radius: 4px;
	font-size: 10px;
	background: #fef3e6;
	padding: 1px 3px;
}

.product-name{
	margin: 5px auto 0;
	text-align: left;
}

.product-name small{
	display: block;
	text-align: center;
	margin-top: 5px;
}

@media (max-width: 767px) {

#contents-kit{
	padding-top: 66px !important;
}

#contents-kit .contents-area{
	padding: 35px 0;
}

.ul-kit > li{
	width: 100%;
	margin-right: 0;
	padding: 15px;
	margin-bottom: 15px;
}

.img-kit img{
	width: 96%;
	height: 39.2vw;
}

.img-kit > ul{
	margin-top: 10px;
}

.img-kit > ul > li{
	width: calc(100%/2);
	margin-bottom: 15px;
	font-size: 12px;
	line-height: 1.3;
}

.ul-kit > li > a > h3{
	font-size: 14px;
}
	
}


.box-kit-search{
	background: #fff;
	padding: 30px 50px 0;
	width: 99%;
	margin: 0 auto 30px;
	box-sizing: border-box;
}

.box-kit-search table{
	width: 100%;
}

.box-kit-search-category article{
	border-bottom: 1px dotted #ddd;
	padding-bottom: 12px;
	margin-bottom: 12px;
}

.box-kit-search-category h3{
	display: block;
	font-size: 14px;
	margin-bottom: 15px;
	border-left: 5px solid #000;
	padding: 1px 0 1px 10px;
}

.box-kit-search label{
	display: inline-block;
	vertical-align: middle;
	margin-right: 20px;
}

.box-kit-search label input[type="checkbox"]{
	margin-right: 6px;
	vertical-align: middle;
}

.other-box{
	margin-top: 10px;
}

.other-box input{
	width: 90%;
}

.box-kit-search .btn-area{
	padding: 25px 0;
	background: none;
}

.box-kit-search button.btn-grey{
	margin-left: 30px;
}

@media (max-width: 767px) {

.box-kit-search{
	padding: 10px;
	width: 100%;
	margin: 0 auto 20px;
}

.box-kit-search-category article{
	padding-bottom: 15px;
	margin-bottom: 15px;
}

.box-kit-search-category h3{
	font-size: 14px;
	margin-bottom: 12px;
}

.box-kit-search label{
	margin-right: 5px;
}

.other-box input{
	width: 95%;
}

.box-kit-search label input[type="checkbox"]{
	margin-right: 4px;
}

.box-kit-search .btn-area{
	padding: 15px 0;
}
	
.box-kit-search .table th{
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    border: none;
    font-size: 13px;
    padding: 10px 0;
}

.box-kit-search .table td{
    display: block;
    width: 100%;
    text-align: left;
    box-sizing: border-box;
    padding: 12px 10px 15px;
    border: none;
    font-size: 13px;
}

.box-kit-search button.btn-grey{
	    margin-left: 0;
    margin-top: 15px;
    padding: 7px 10px;
    font-size: 12px;
}
	
}

/*==================================================
Avenue
================================================== */

.ul-avenue{
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.ul-avenue li{
	width: 320px;
	margin-bottom: 20px;
	box-sizing: border-box;
	border:1px solid #e2002e;
	border-top: none;
	padding-bottom: 20px;
	margin-right: 20px;
}

.ul-avenue li:nth-of-type(3n){
	margin-right: 0;
}

.title-avenue-ex{
	display: block;
	padding: 8px 7px;
	font-size: 14px;
	color: #fff;
	text-align: left;
	background: #e2002e;
}

.avenue-catch{
	color: #e2002e;
	margin: 20px auto 12px;
	width: 90%;
}

.avenue-txt{
	width: 90%;
	margin: 0 auto 12px;
	font-size: 13px;
}

.avenue-img{
	text-align: center;
}

.avenue-img img{
	width: 41%;
	margin: 0 5px;
	vertical-align: middle;
}

#avenueRo .txt-ytchannel{
	padding: 20px 0;
}

@media (max-width: 767px) {

.ul-avenue{
	display: block;
}

.ul-avenue li{
	width: 100%;
	margin-bottom: 20px;
	margin-right: 0;
}

.ul-avenue li:nth-of-type(3n){
	margin-right: 0;
}

.title-avenue-ex{
	font-size: 16px;
}

.avenue-catch{
	font-size: 16px;
}

.avenue-txt{
	font-size: 14px;
}

#avenueRo .txt-ytchannel{
	padding: 20px 0 0;
}
	
}

/*==================================================
サステナブルゾーン
================================================== */

#contents-sustainablezone{
	padding: 50px 0;
	background: #fdf7fa;
}

#contents-sustainablezone .ul-special > li h3{
	color: #6C68A4 !important;
}

#contents-sustainablezone .ul-special  > li h3 span{
	border-color: #6C68A4 !important;
}

#contents-sustainablezone .btn-area{
	background: none !important;
	padding-top: 20px;
}

@media (max-width: 767px) {

#contents-sustainablezone{
	padding: 25px 0;
}
	
}

.box-link-page{
	background: #fff;
	padding: 10px;
	border-radius: 6px;
	text-align: center;
	margin-bottom: 50px;
}

.box-link-page ul{
	list-style: none;
	display: flex;
}

.box-link-page ul li{
	width: calc(100%/4);
	height: 80px;
}

.box-link-page ul li a{
	display: flex;
	height: 100%;
	align-items: center;
	justify-content: center;
	width: 95%;
	margin: 0 auto;
	border-radius: 6px;
	color: #fff;
	background-color: #6C68A4;
	font-size: 11px;
	text-decoration: none;
	position: relative;
	line-height: 1.6;
}

.box-link-page ul li a:hover{
	opacity: 0.7;
}

.box-link-page ul li a i{
	position: absolute;
	top: 50%;
	margin-top: -6px;
	font-size: 12px;
	right: 7px;
}

#con-sus > li{
	width: 100% !important;
	margin-right: 0 !important;
}

#con-sus .img-special{
	width: 270px;
	float: right;
}

.p-sus{
	width: 620px;
	float: left;
}

.p-sus small{
	display: block;
	padding-top: 12px;
}

.box-sus{
	padding: 35px;
}

.sus-workshop{
	padding: 15px 35px 50px;
}

.title-sus-workshop{
	display: block;
	margin-bottom: 35px;
	font-weight: normal;
}

.title-sus-workshop span{
	display: inline-block;
	margin-right: 20px;
	color: #fff;
	background: #6C68A4;
	font-size: 15px;
	padding: 10px 25px;
}

.box-sus-workshop{
	display:table;
	border: 1px solid #6C68A4;
	margin-bottom: 25px;
	width: 100%;
}

.box-sus-workshop > div{
	display: table-cell;
	vertical-align: middle;
}

.sus-ws-day{
	width: 10%;
	text-align: center;
	background: #6C68A4;
	color: #fff;
}

.sus-ws-info{
	padding: 25px;
	box-sizing: border-box;
}

.sus-ws-info h5{
	display: block;
	font-size: 18px;
	color: #6C68A4;
	margin-bottom: 20px;
}

.sus-ws-info h5 span{
	color: #585858;
	padding-left: 20px;
}

p.sus-ws-basicinfo{
	margin: 0 15px 20px;
	font-size: 13px;
}

.img-susws-01,
.img-susws-02{
	width: 220px;
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
}

.img-susws-03{
	width: 280px;
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
}

.img-susws-04,
.img-susws-05,
.img-susws-06{
	width: 180px;
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
}

.sus-ws-info .btn-area{
	text-align: left;
	padding: 0 !important;
	padding-top: 15px;
}

.sus-ws-info .btn-area a{
	padding: 0 30px;
	height: 44px;
	line-height: 42px;
}

.susws-day{
	margin: 30px 0;
}

.susws-day span{
	display: inline-block;
	background: #6C68A4;
	padding: 5px 15px;
	margin-right: 10px;
	color: #fff;
	vertical-align: middle;
}

.susws-day p{
	display: inline-block;
	padding: 5px 15px;
	vertical-align: middle;
	margin: 0;
}

#sustainablezone-03 .img-special ul li{
	width: 50%;
}

#sus-ws-02 .susws-day{
	margin: 10px 0;
}

#sus-ws-02 .susws-day span {
    width: 110px;
    padding: 5px 0;
	text-align: center;
}

#sus-ws-02 a.btn{
	margin-top: 35px !important;
}

.img-sus-fl{
	width: 220px;
	float: right;
}

.img-sus-fl img{
	width: 100%;
	margin-bottom: 5px;
	vertical-align: bottom;
}

.special05-01{
	width: 60%;
	padding-left: 30%;
}

.img-special05{
	padding: 0 35px;
}

.img-special05 img{
	height: 167px; 
	margin-right: 5px;
}

@media (max-width: 767px) {

.box-link-page{
	padding: 10px 10px 0;
	margin-bottom: 20px;
}

.box-link-page ul{
	flex-direction: row;
	flex-wrap: wrap;
}

.box-link-page ul li{
	width: calc(100%/2);
	height: 60px;
	margin-bottom: 10px;
}

.box-link-page ul li a{
	width: 96%;
	font-size: 11px;
	line-height: 1.5;
}

.box-link-page ul li a i{
	margin-top: -5px;
	font-size: 10px;
}

#con-sus .img-special{
	width: 100%;
	float: none;
}

.p-sus{
	width: 100%;
	float: none;
}

.box-sus{
	padding: 25px 20px;
}

.sus-workshop{
	padding: 15px 20px 30px;
}

.title-sus-workshop{
	margin-bottom: 25px;
}

.title-sus-workshop span{
	font-size: 14px;
	padding: 8px 20px;
}

.box-sus-workshop{
	display:block;
	margin-bottom: 20px;
}

.box-sus-workshop > div{
	display: block;
}

.sus-ws-day{
	width: 100%;
	padding: 5px 0;
}

.sus-ws-info{
	padding: 25px;
}

.sus-ws-info h5{
	font-size: 15px;
}
	
.sus-ws-info h5 span {
    display: block;
    padding-left: 0;
    text-align: right;
}

p.sus-ws-basicinfo{
	font-size: 12px;
	margin: 0 0 20px;
}

.img-susws-01{
	width: 100%;
	float: none;
	margin: 0 0 15px;
}

.img-susws-01,
.img-susws-02{
	width: 100%;
	float: none;
	margin: 0 0 15px;
}

.img-susws-03{
	width: 100%;
	float: none;
	margin: 0 0 15px;
}

.img-susws-04,
.img-susws-05,
.img-susws-06{
	width: 100%;
	float: none;
	margin: 0 0 15px;
}

.sus-ws-info .btn-area{
	padding-top: 25px;
}

.sus-ws-info .btn-area a{
	padding: 0;
}

.susws-day{
	margin: 20px 0;
}

.susws-day span{
	padding: 2px 4px 2px 6px;
	margin-right: 5px;
	font-size: 12px;
}

.susws-day p{
	display: block;
	padding: 0;
	margin: 10px 0 0;
	font-size: 13px;
}

.img-sus-fl{
	width: 100%;
	float: none;
	text-align: center;
	margin-bottom: 15px;
}

.img-sus-fl img{
	width: 49%;
	margin-bottom: 0;
}

.special05-01{
	width: 60%;
	padding-left: 0;
	margin-top: 20px;
}

.img-special05{
	text-align: center;
}

.img-special05 img{
	height: auto;
	width: 100%;
	margin-right: 0;
}

	
}


/*==================================================
スペシャル企画 
================================================== */

#link-special ul li a{
	background: #E2002E;
}

#link-special ul li a small{
	font-size: 10px;
}

#con-special > li{
	width: 100% !important;
	margin-right: 0 !important;
}

#con-special .img-special{
	width: 270px;
	float: right;
}

.img-susws-07{
	width: 220px;
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
}

.img-susws-08{
	width: 160px;
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
}

.img-susws-09{
	width: 200px;
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
}

.img-susws-10{
	width: 220px;
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
}

.img-susws-11{
	width: 220px;
	float: right;
	margin-left: 25px;
	margin-bottom: 20px;
}

#con-special .title-sus-workshop span,
#con-special .sus-ws-day{
	background: #E2002E;
}

#con-special .box-sus-workshop{
	border-color: #e2002e;
}

#con-special .sus-ws-info h5{
	color: #e2002e;
}

#special-03 .susws-day{
	margin: 10px 0;
	font-size: 13px !important;
}

#special-03 .susws-day span{
	width: 110px;
	padding: 5px 0;
	text-align: center;
	background: #e2002e;
}

#special-03 a.btn{
	margin-top: 35px !important;
}

#special-03 .img-special{
	width: 380px;
}

#special-03 .p-sus{
	width: 530px;
}

#special-04 .btn-area{
	text-align: left;
	padding: 25px 0 0;
	clear: both;
}

#special-04 .btn-area > a{
	margin: 0 5px;
}

#btn-area-ws a{
	height: auto;
	line-height: 1.6;
	padding: 10px 80px;
	border-radius: 40px;
}

#btn-area-ws a small{
	display: block;
	font-size: 60%;
}

#special-06 .susws-day span{
	background: #e2002e;
}

.img-susws-14 {
    width: 220px;
    float: right;
    margin-left: 25px;
    margin-bottom: 20px;
}

.img-susws-15 {
    width: 220px;
    float: right;
    margin-left: 25px;
    margin-bottom: 20px;
}

@media (max-width: 767px) {
	#link-special{
		padding: 10px 5px 0;
	}
#link-special ul li a{
	font-size: 10px;
	line-height: 1.5;
}

#con-special .img-special{
	width:100%;
	float: none;
}

.img-susws-07{
	width: 100%;
	float: none;
	margin: 0 0 15px;
}

.img-susws-08{
	width: 100%;
	float: none;
	margin: 0 0 15px;
}

.img-susws-09{
	width: 100%;
	float: none;
	margin: 0 0 15px;
}

.img-susws-10{
	width: 100%;
	float: none;
	margin: 0 0 15px;
}

.img-susws-11{
	width: 100%;
	float: none;
	margin: 0 0 15px;
}

#special-03 .img-special{
	width: 100%;
}

#special-03 .p-sus{
	width: 100%;
}

.img-susws-14 {
	width: 100%;
	float: none;
	margin: 0 0 15px;
}

.img-susws-15 {
	width: 100%;
	float: none;
	margin: 0 0 15px;
}

#special-04 .btn-area > a{
	margin: 0 auto 10px;
}

#btn-area-ws a{
	padding: 10px 0;
	width: 100%;
	margin-bottom: 15px !important;
}
	
}

/*==================================================
スペシャル企画 追加
================================================== */

.header-sus-ws{
	position: relative;
	padding-bottom: 25px;
}

.sus-ws-cate{
	display: inline-block;
	border-radius: 40px;
	background: #6C68A4;
	color: #fff;
	height: 44px;
	line-height: 44px;
	padding: 0 15px;
}

.sus-ws-meta{
	position: absolute;
	top: 0;
	right: 0;
	text-align: right;
}

.sus-ws-meta span{
	display: inline-block;
	background: #6C68A4;
	color: #fff;
	height: 36px;
	line-height: 36px;
	padding: 0 12px;
	margin-left: 10px;
}

.sus-ws-meta span.shuroku{
	background: #0071bc;
}

#con-special #special-04 .sus-ws-info h5{
	color: #6C68A4 !important;
}

#special-04 p.sus-ws-basicinfo{
	margin: 0;
	font-size: 14px;
}

#special-04 .susws-day span{
	background: #E2002E !important;
}

.sus-ws-profbox{
	background: #f7f7f7;
	padding: 25px;
	font-size: 13px;
	margin-top: 15px;
}

.sus-ws-profbox h5{
	display: block;
	margin-bottom: 15px;
	font-size: 16px;
}

#con-special #special-04 .sus-ws-info .sus-ws-profbox h5{
	color: #585858 !important;
}

.sus-ws-profbox img{
	width: 120px;
	float: right;
	margin: 0 0 15px 25px;
}

#special-04 a.btn-purple{
	background: #fff !important;
	color: #6C68A4 !important;
}

#special-04 a.btn-purple:hover{
	background: #6C68A4 !important;
	color: #fff !important;
}

#special-04 .btn-area{
	text-align: center;
	padding: 30px 0 0 !important;
}

.sus-ws-prof-link a{
	font-size: 24px;
}

.info-sus-ws-l{
	width: 580px;
	float: left;
}

.img-sus-ws-r{
	float: right;
	text-align: right;
}

.img-sus-ws-r img{
	vertical-align: bottom;
	float: right;
}

.img-sus-ws-sub{
	width: 100px;
    padding-top: 60px;
    padding-right: 10px;
}

.img-sus-ws-main{
	width: 160px;
}

#special-04 .susws-day{
	margin: 10px 0;
}

.box-att-susW{
	margin-bottom: 35px;
	border-left: 1px solid #e2002e;
	padding: 15px 0 15px 25px;
}

.box-att-susW p{
	display: flex;
	margin-bottom: 25px;
}

.box-att-susW p strong{
	width: 15%;
}

.box-att-susW p span{
	width: 85%;
}

.attension-susW{
	padding: 0 35px;
}

.attension-susW p{
	margin-bottom: 25px;
}

.attension-susW p strong{
	display: block;
}

#special-04 > div.btn-area{
	margin: 0 auto 30px;
	padding-top: 0 !important;
	border-bottom: 3px dotted #fdf7fa;
	padding-bottom: 30px !important;
}

img.special07{
	width: 100%;
	vertical-align: bottom;
	margin-top: 25px;
}

@media (max-width: 767px) {

.header-sus-ws{
	position: relative;
	padding-bottom: 10px;
}
	
.sus-ws-cate{
	display: block;
	border-radius: 6px;
	height: auto;
	line-height: 1.5;
	padding: 6px 10px;
	margin-bottom: 10px;
}	

.sus-ws-meta{
	display: block;
	width: 100%;
	position: relative;
	top: inherit;
	right: inherit;
	text-align: left;
	padding-top: 0;
}

.sus-ws-meta span{
	height: 28px;
	line-height: 28px;
	padding: 0 7px;
	margin: 0 7px 0 0;
	font-size: 12px;
}
	
	#con-special #special-04 .sus-ws-info h5{
		margin-bottom: 10px;
	}

#special-04 p.sus-ws-basicinfo{
	font-size: 13px;
	margin-bottom: 10px;
}

.sus-ws-profbox{
	padding: 15px;
	margin-top: 0;
}

.sus-ws-profbox h5{
	font-size: 15px;
}

.sus-ws-profbox img{
	width: 35%;
	margin: 0 0 10px 15px;
}

#special-04 .btn-area{
	padding: 25px 0 0 !important;
}

.sus-ws-prof-link a{
	font-size: 24px;
}

.info-sus-ws-l{
	width: 100%;
	float: none;
}

.img-sus-ws-r{
	float: none;
	text-align: center;
	padding-bottom: 0;
}
	
	.img-sus-ws-r img{
		float: none !important;
	}

.img-sus-ws-main{
	width: 48%;
	margin-right: 4%;
}

.img-sus-ws-sub{
	width: 48%;
	padding: 0;
}
	
	#special-04 .susws-day p{
		display: inline-block;
		padding-left: 10px;
		margin: 0 ;
		vertical-align: middle;
	}
	
	#special-04 .title-sus-workshop span{
		margin-bottom: 10px;
	}

.box-att-susW{
	margin-bottom: 20px;
	padding: 5px 0 0px 15px;
}

.box-att-susW p{
	display: block;
	margin-bottom: 25px;
}

.box-att-susW p strong{
	display: block;
	width: 100%;
}

.box-att-susW p span{
	display: block;
	width: 100%;
}

.attension-susW{
	padding: 0 20px;
}

.attension-susW p{
	margin-bottom: 25px;
}

#special-04 > div.btn-area{
	margin: 0 auto 20px;
}

img.special07{
	margin-top: 5px;
}
	
}

/*==================================================
PR出展
================================================== */

#link-pr.box-link-page ul li a{
	background-color: #37798d;
	font-size: 12px;
}

#con-pr > li {
    width: 100% !important;
    margin-right: 0 !important;
}

#contents-pr .ul-special > li h3 {
    color: #37798d !important;
}

#contents-pr .ul-special > li h3 span {
    border-color: #37798d !important;
}

#contents-pr{
	padding: 50px 0;
	background: #fdf7fa;
}

.img-pr{
	margin: 0 35px 0;
	display: flex;
}

.pr01-01, .pr01-02, .pr01-03{height: 235px;}
.pr01-04{width: 220px;}

#con-pr .img-special{
	width: 250px;
	float: right;
}

#pr-01 .img-pr{
	padding-bottom: 10px;
}

#pr-01 .img-pr img{
	height: 240px;
}

img.pr-nivea01{
	margin-right: 10px;
}

.txt-right{
	margin: 0 0 10px;
	text-align: right;
}

img.pr-agf01{width: 100%;}

#pr-02 .img-pr img{
	height: 302px;
	margin-right: 10px;
}

img.pr-agf04{margin-right: 0;}

img.pr-shuminavi01{width: 80%;margin-bottom: 10px; vertical-align: bottom;}
img.pr-shuminavi02{width: 46%;margin-right: 2%; vertical-align: bottom;}
img.pr-shuminavi03{width: 46%; vertical-align: bottom;}

@media (max-width: 767px) {

#contents-pr{
	padding: 35px 0;
}

.img-pr{
	margin: 0 20px 0;
	display: block;
}

.pr01-01, .pr01-02, .pr01-03{height: auto; width: 100%; margin-bottom: 5px;}	
	
.pr01-04{width: 100%;}

#con-pr .img-special{
	width: 100%;
	float: none;
	text-align: center;
}
	
#pr-01 .img-pr{
	padding-bottom: 0;
}

#pr-01 .img-pr img{
	height: auto;
	width: 100%;
	margin-bottom: 10px;
}

.txt-right{
	font-size: 12px;
	margin-top: 0;
	padding-right: 10px;
}

img.pr-nivea01{
	margin-right: 0;
}

img.pr-agf01{width: 100%;}

#pr-02 .img-pr img{
	height: auto;
	width: 100%;
	margin: 0 0 10px 0;
}

img.pr-shuminavi01{width: 80%;margin-bottom: 10px; vertical-align: bottom;}
img.pr-shuminavi02{width: 46%;margin-right: 2%; vertical-align: bottom;}
img.pr-shuminavi03{width: 46%; vertical-align: bottom;}
	
}

/*==================================================
サステナブルゾーン追加
================================================== */

.kanren-book{
	padding: 0 35px 50px;
}

.kanren-book > p{
	font-size: 18px;
}

.kanren-book article{
	display: flex;
}

.kanren-book article > div{
	width: 50%;
	display: table;
}

.kanren-book-img{
	display: table-cell;
	width: 30%;
}

.kanren-book-img img{
	width: 100%;
	vertical-align: middle;
}

.kanren-book-txt{
	display: table-cell;
	vertical-align: middle;
	width: 55%;
	padding-left: 5%;
	padding-right: 10%;
	font-size: 13px;
}

.kanren-book-txt h5{
	display: block;
	margin-bottom: 12px;
	font-size: 16px;
}

#sus-ws-18 .susws-day p,
#sus-ws-20 .susws-day p{
	width: 80%;
}

#sus-ws-18 .susws-day span{
	vertical-align: top;
	margin-top: 20px;
}

#sus-ws-18 .susws-day p strong{
	display: block;
	font-size: 16px;
	margin: 15px 0 0;
}

@media (max-width: 767px) {

.kanren-book{
	padding: 0 20px 0;
}

.kanren-book > p{
	font-size: 16px;
}

.kanren-book article{
	display: block;
}

.kanren-book article > div{
	width: 100%;
	padding-bottom: 20px;
}

.kanren-book-img{
	width: 20%;
}

.kanren-book-txt{
	width: 75%;
	padding-left: 5%;
	padding-right: 0;
	font-size: 13px;
}

.kanren-book-txt h5{
	margin-bottom: 10px;
	font-size: 15px;
	line-height: 1.5;
}

#sus-ws-18 .susws-day p,
#sus-ws-20 .susws-day p{
	width: 100%;
}
	
	#sus-ws-18 .img-sus-fl img,
	#sus-ws-20 .img-sus-fl img{
		width: 100%;
		margin-bottom: 5px;
	}

#sus-ws-18 .susws-day span{
	vertical-align: top;
	margin-top: 0;
}

#sus-ws-18 .susws-day p strong{
	font-size: 15px;
	margin: 12px 0 0;
}
	
}

/*==================================================
サステナブルマルシェ
================================================== */

li#sMarche-01{
	margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

#contents-sMarche{
	padding-top: 50px;
}

#title-sMarche-class{
	background: #579c47;
	font-size: 25px;
	padding: 30px;
	margin-bottom: 35px;
}

#title-sMarche-foods{
	background: #ef7c00;
	font-size: 25px;
	padding: 30px;
	margin-bottom: 35px;
}

img.sus-m01{
	width: 100%;
	vertical-align: bottom;
}

#contents-sMarche .ul-special > li h3,
#contents-sMarche .sus-ws-info h5{
	color: #579c47;
}

#contents-sMarche .ul-special > li h3 span,
#contents-sMarche .box-sus-workshop{
	border-color: #579c47 !important;
}

#contents-sMarche .susws-day span,
#contents-sMarche .title-sus-workshop span{
	background: #579c47;
}

#contents-sMarche #sMarche-foods > li h3,
#contents-sMarche #sMarche-foods .sus-ws-info h5{
	color: #ef7c00 !important;
}

#contents-sMarche #sMarche-foods > li h3 span,
#contents-sMarche #sMarche-foods .box-sus-workshop{
	border-color: #ef7c00 !important;
}

#contents-sMarche #sMarche-foods .susws-day span,
#contents-sMarche #sMarche-foods .title-sus-workshop span{
	background: #ef7c00;
}

.p-sus strong{
	display: block;
	font-size: 18px;
	margin-bottom: 15px;
}

img.sus-m02,
img.sus-m05,
img.sus-m06{    
	width: 220px;
    float: right;
    margin-left: 25px;
    margin-bottom: 20px;
}

img.sus-m03,
img.sus-m04{    
	height: 130px;
    float: right;
    margin-left: 5px;
    margin-bottom: 20px;
}

img.sus-m28,
img.sus-m29{    
	width: 150px;
    float: right;
    margin-left: 5px;
    margin-bottom: 20px;
	vertical-align: top;
}

.box-mar{
	display: block !important;
	background: #f2f2f2;
	padding: 30px;
	margin-bottom: 15px;
}

.box-mar h6{
	display: block;
	font-size: 16px;
	margin-bottom: 25px;
}

img.sus-m07{    
	width: 110px;
    float: right;
    margin-left: 10px;
    margin-bottom: 20px;
}


img.sus-m09{    
	width: 150px;
    float: right;
    margin-left: 5px;
    margin-bottom: 20px;
}


img.sus-m10{    
	width: 180px;
    float: right;
    margin-left: 5px;
    margin-bottom: 20px;
}

img.sus-m11,
img.sus-m12{    
	height: 100px;
    float: right;
    margin-left: 5px;
    margin-bottom: 20px;
}

#sMarche-foods > li {
    width: 100% !important;
    margin-right: 0 !important;
    margin-bottom: 0 !important;
	padding-bottom: 0 !important;
}

#sMarche-foods .img-special {
    width: 270px;
    float: right;
}

img.sus-m13,
img.sus-m14{    
	height: 130px;
    float: right;
    margin-left: 5px;
    margin-bottom: 20px;
}

img.sus-m15,
img.sus-m16,
img.sus-m21,
img.sus-m22{    
	height: 100px;
    float: right;
    margin-left: 5px;
    margin-bottom: 20px;
}

img.sus-m17{margin-top: 15px; width: 200px;}
img.sus-m18{margin-top: 15px; width: 160px;}
img.sus-m20{margin-top: 15px; width: 200px;}
img.sus-m23{margin-top: 15px; width: 450px;}
img.sus-m26{margin-top: 15px; width: 160px;}

img.sus-m19,
img.sus-m24,
img.sus-m25,
img.sus-m27{    
	width: 220px;
    float: right;
    margin-left: 25px;
    margin-bottom: 20px;
}

.txt-Mfoods{color: #ef7c00 !important}

.box-marche-present{
	border: 5px solid #96b97a;
	margin: 0 35px;
	padding: 35px;
}

.box-marche-present h3{
	display: block;
	text-align: center;
	font-size: 22px;
	color: #96b97a;
    margin-bottom: 25px;
}

.box-marche-present > div{
	text-align: center;
	margin: 35px 0 10px;
}

.box-marche-present > div img{
	width: 800px;
}

@media (max-width: 767px) {

#contents-sMarche{
	padding-top: 35px;
}

#title-sMarche-class{
	font-size: 20px;
	padding: 20px 10px;
	margin-bottom: 30px;
}

#title-sMarche-foods{
	font-size: 20px;
	padding: 20px 10px;
	margin-bottom: 30px;
}

.p-sus strong{
	font-size: 16px;
	margin-bottom: 15px;
}

img.sus-m02,
img.sus-m05,
img.sus-m06{    
	width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
}

img.sus-m03,
img.sus-m04{    
	height: 140px;
     float: none;
    margin-left: 0;
    margin-bottom: 20px;
}

img.sus-m28,
img.sus-m29{    
	width: 47%;
	float: none;
    margin-left: 0;
    margin-bottom: 20px;
}

.box-mar{
	padding: 20px;
	margin-bottom: 10px;
}

.box-mar h6{
	font-size: 15px;
	margin-bottom: 20px;
}



img.sus-m07{    
	width: 35%;
    float: none;
    margin-left: 0;
    margin-bottom: 15px;
}


img.sus-m09{    
	width: 50%;
    float: none;
	display: block;
	margin: 0 auto 15px;
}


img.sus-m10{    
	width:60%;
    float: none;
    margin-left: 0;
    margin-bottom: 15px;
}

img.sus-m11,
img.sus-m12{    
	height: 82px;
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
}

#sMarche-foods .img-special {
    width: 100%;
    float: none;
}

img.sus-m13,
img.sus-m14,
img.sus-m15,
img.sus-m16{    
	height: auto;
	width: 100%;
	display: block;
    float: none;
	margin: 0 auto 5px;
}
	
img.sus-m16{
    margin-bottom: 15px;
}

img.sus-m14{    
	width: 65%;
}


img.sus-m21,
img.sus-m22{    
	height: 125px;
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
}

img.sus-m17{margin-top: 15px; width: 200px;}
img.sus-m18{margin-top: 15px; width: 120px;}
img.sus-m20{margin-top: 15px; width: 200px;}
img.sus-m23{margin-top: 15px; width: 100%;}
img.sus-m26{margin-top: 15px; width: 130px;}

img.sus-m19,
img.sus-m24,
img.sus-m25,
img.sus-m27{    
	width: 100%;
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
}
	

img.sus-m24{    
	width: 60%;
    float: none;
	display: block;
	margin: 0 auto 15px;
}

.box-marche-present{
	margin: 0 20px;
	padding: 20px;
}

.box-marche-present h3{
	font-size: 16px;
    margin-bottom: 20px;
}

.box-marche-present > div{
	margin: 25px 0 10px;
}

.box-marche-present > div img{
	width: 100%;
}
	
}

#special-08 img{
	width: 280px;
	vertical-align: bottom;
}

@media (max-width: 767px) {

#special-08 img{
	width: 100%;
	margin-bottom: 5px;
}
	
}

.box-cafe{
	background: #ef8585;
	color: #fff;
	text-align: center;
	padding: 25px 0 20px;
}

.box-cafe > p{
	font-size: 18px;
	margin-bottom: 50px;
}

.title-cafe{
	width: 25%;
	vertical-align: bottom;
	margin-bottom: 20px;
}

.ul-cafe{
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	margin: 0 35px ;
}

.ul-cafe li{
	width: 190px;
	text-align: left;
	margin-bottom: 45px;
	margin-right: 20px;
}

.ul-cafe li.cafe-shop03{width: 411px;}
.ul-cafe li.cafe-shop05{width: 214px;}
.ul-cafe li.cafe-shop06{width: 190px;}

.img-cafe{
	margin: 10px 0 ;
}

.img-cafe img{
	width: 100%;
	vertical-align: bottom;
	text-align: center;
}

.ul-cafe li p{
	margin: 0;
	font-size: 13px;
}

.ul-cafe li h4{
	font-size: 15px;
}

@media (max-width: 767px) {

.box-cafe{
	padding: 15px 0 20px;
}

.box-cafe > p{
	font-size: 15px;
	margin-bottom: 30px;
}

.title-cafe{
	width: 60%;
	margin-bottom: 0;
}

.ul-cafe{
	display: block;
	margin: 0 25px  ;
}

.ul-cafe li{
	width: 100%;
    margin-bottom: 15px;
    margin-right: 0;
    border-top: 1px dotted #fff;
    padding-top: 15px;
}

.ul-cafe li.cafe-shop03{width: 100%;}
.ul-cafe li.cafe-shop05{width: 100%;}
.ul-cafe li.cafe-shop06{width: 100%;}

.img-cafe{
	margin: 7px 0 ;
}

li#special-09{
    padding-bottom: 0 !important;
}
	
}

/*==================================================
3D View
================================================== */

#contents-threeDview{
	padding: 50px 0;
}

.contents-3d{
	padding-bottom: 80px;
}

.img-3d{
	width: 320px;
	float: right;
	margin: 0 0 0 25px;
}

.contents-3d a.btn{
	margin-top: 25px;
	display: inline-block;
}
.mv-threeDview{
	width: 100%;
	position: relative;
	height: 24vw;
	text-align: center;
	margin-bottom: 50px;
}

.mv-threeDview img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.mv-threeDview h2{
	display: block;
	position: absolute;
	width: 100%;
	text-align: center;
	font-size: 48px;
	top: 40%;
	left: 0;
	color: #E2002E;
}

.mv-threeDview h2 span{
	border: 5px solid #e2002e;
	padding: 35px;
	background-color: rgba(255,255,255,0.6);
}

.ul-3d{
	list-style: none;
	display: flex;
}

.ul-3d li{
	width: 310px;
	background: #f9f9f9;
}

.ul-3d li:nth-child(2){
	margin-left: 35px;
	margin-right: 35px;
}

.img-3dview{
	width: 100%;
	vertical-align: bottom;
	margin: 10px 0;
}

.ul-3d li h4{
	display: block;
	background: #6c68a4;
	color: #fff;
	font-size: 14px;
	text-align: center;
	padding: 12px 0;
}

.ul-3d li h5{
	display: block;
	font-size: 13px;
	text-align: right;
	padding: 10px;
}

.ul-3d li h6{
	display: block;
	color: #6c68a4;
	padding: 15px 10px;
	font-size: 15px;
}

.qr-3dview{
	width: 100px;
	float: right;
	margin: 0 0 0 15px;
}

.img-3dview-logo{
	width: 80%;
	margin-top: 12px;
}

.ul-3d li > div.clearfix{
	padding: 5px 15px;
}

.ul-3d li a.btn{
	width: 80%;
	display: block;
	box-sizing: border-box;
	margin: 25px auto;
	padding: 8px 0;
	text-align: center;
}

@media (max-width: 767px) {

#contents-threeDview{
	padding: 35px 0;
}

.contents-3d{
	padding-bottom: 50px;
}

.img-3d{
	width: 100%;
	float: none;
	margin: 0 0 10px;
}

.contents-3d a.btn{
	margin: 20px auto 0;
	display: block;
	width: 80%;
	box-sizing: border-box;
	padding: 10px 0;
	text-align: center;
}

.mv-threeDview{
	height: 60vw;
	margin-bottom: 35px;
}

.mv-threeDview h2{
	font-size: 24px;
	top: 41%;
}

.ul-3d{
	display: block;
}

.ul-3d li{
	width: 100%;
	padding-bottom: 25px;
	margin-bottom: 15px;
}

.ul-3d li:nth-child(2){
	margin-left: 0;
	margin-right: 0;
}

.ul-3d li h6{
	padding: 0 10px;
}

.qr-3dview{
	display: none;
}

.img-3dview-logo{
	width: 65%;
}

.ul-3d li a.btn{
	margin: 15px auto 0;
}
	
}

/*==================================================
HOBBY CHANNEL
================================================== */

#contents-hobbychannel{
	padding: 50px 0;
}

#contents-hobbychannel > div > article{
	display: table;
	width: 100%;
	margin-bottom: 70px;
}

#contents-hobbychannel > div > article > div{
	display: table-cell;
	vertical-align: top;
}

.icn-hobbychannel{width: 15%; }
.txt-hobbychannel{width: 80%; position: relative;}
.qr-hobbychannel{width: 100px; position: absolute; top: 85px; right: 0; text-align: right;}

.icn-hobbychannel img{
	width: 80%;
}

img.hobbych-qr{
	width: 100% !important;
}

#contents-hobbychannel > div > article h3{
	display: block;
	background: #e9546b;
	color: #fff;
	font-size: 18px;
	padding: 10px 15px;
	margin-bottom: 20px;
}

#contents-hobbychannel > div > article#hobbychannel-live h3{
	background: #4774b9;
}

#contents-hobbychannel > div > article h4{
	display: block;
	color: #e9546b;
	font-size: 18px;
	margin-bottom: 15px;
}

#contents-hobbychannel > div > article#hobbychannel-live h4{
	color: #4774b9;
}

#contents-hobbychannel > div > article a.btn{
	display: block;
	width: 320px;
	margin: 25px auto;
	text-align: center;
	padding: 12px 0;
}

.hobbychannel-chusen{
	border-left: 1px solid #e9546b;
	padding: 5px 0 10px 25px;
	margin-left: 8px;
}

.hobbychannel-chusen h5{
	display: block;
	font-size: 18px;
	margin-bottom: 20px;
	color: #e9546b;
}

.hc-time{
	margin: 50px 0 0;
	padding: 50px;
	box-sizing: border-box;
	background: #f9f9f9;
}

.hc-time h5{
	display: block;
	font-size: 24px;
	margin-bottom: 35px;
	text-align: center;
}

.box-hc-time img{
	width: 100%;
	vertical-align: bottom;
}

@media (max-width: 767px) {

#contents-hobbychannel{
	padding: 35px 0;
}

#contents-hobbychannel > div > article{
	display: block;
	margin-bottom: 50px;
}

#contents-hobbychannel > div > article > div{
	display: block;
}

.icn-hobbychannel{width: 100%; text-align: center; margin-bottom: 20px;}
.txt-hobbychannel{width: 100%; position: relative;}
.qr-hobbychannel{display: none;}

.icn-hobbychannel img{
	width: 30%;
}

#contents-hobbychannel > div > article h3{
	font-size: 16px;
	padding: 7px 10px;
}

#contents-hobbychannel > div > article h4{
	font-size: 15px;
}

#contents-hobbychannel > div > article a.btn{
	width: 80%;
	margin: 25px auto;
	padding: 12px 0;
}

.hobbychannel-chusen{
	padding: 5px 0 10px 25px;
	margin-left: 8px;
}

.hobbychannel-chusen h5{
	font-size: 16px;
	margin-bottom: 15px;
}
	
#contents-hobbychannel > div > article#hobbychannel-live{
    border-top: 1px dotted #ddd;
    padding-top: 25px;
}

.hc-time{
	margin: 35px 0 0;
	padding: 25px;
}

.hc-time h5{
	font-size: 18px;
	margin-bottom: 25px;
}
	
	.box-hc-time{
		width: 100%;
		overflow-x: auto;
	}

.box-hc-time img{
	width: 640px;
}
}

/*==================================================
report
================================================== */

#report{
	padding-top: 20px !important;
}

#report .title-page{
	padding: 25px 0;
}

#contents-report{
	padding: 70px 0;
	text-align: center;
	line-height: 2.0;
	letter-spacing: 0.08em;
}

.header-report img{
	width: 640px;
	margin-bottom: 35px;
}

.body-report{
	margin: 35px 0;
}

.ul-report,
.ul-report2cols{
	list-style: none;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

.ul-report li{
	width: 310px;
	margin-right: 35px;
	margin-bottom: 35px;
}

.ul-report li:nth-of-type(3n){
	margin-right: 0;
}

.ul-report2cols li{
	width: 310px;
	margin-right: 0;
	margin-bottom: 35px;
}

.ul-report2cols li:first-child{
	margin-right: 35px;
	width: 655px;
}

.body-report ul li img{
	width: 100%;
}

.body-report ul li > div{
	margin-bottom: 30px;
}

.ul-report2cols li > div{
	margin-bottom: 15px !important;
}

.avenue-report{
	padding: 50px 0;
}

img.logo-report-avenue{
	width: 420px;
	vertical-align: bottom;
	margin-bottom: 35px;
}

img.report-09{
	width: 100%;
	vertical-align: bottom;
	margin-bottom: 35px;
}

.body-report .btn-area{
	padding: 50px 0;
	background: none;
}

.body-report .title-basic{
	font-size: 34px;
}

.world-report p,
.other-report p{
	margin-bottom: 50px;
}

.special-report .ul-report2cols{
	margin: 50px 0 0;
}

#ul-special02{
	margin: 0 !important;
}

.other-report,
.movie-report{
	padding-top: 70px;
}

.movie-report iframe{
	width: 100%;
	height: 562px;
	vertical-align: bottom;
}

@media (max-width: 767px) {

#contents-report{
	padding: 35px 0;
	line-height: 1.8;
	text-align: left;
}

.header-report img{
	width: 92%;
	margin: 0 auto 25px;
	display: block;
}

.body-report{
	margin: 25px 0;
}

.ul-report,
.ul-report2cols{
	display: block;
}

.ul-report li{
	width: 100%;
	margin-right: 0;
	margin-bottom: 5px;
}

.ul-report2cols li{
	width: 100%;
	margin-right: 0;
	margin-bottom: 5px;
}

.ul-report2cols li:first-child{
	margin-right: 0;
	width: 100%;
}

.body-report ul li > div{
	margin-bottom: 5px;
}

.ul-report2cols li > div{
	margin-bottom: 5px !important;
}

.avenue-report{
	padding: 35px 0;
}

img.logo-report-avenue{
	width: 68%;
	display: block;
	margin: 0 auto 25px;
}

img.report-09{
	margin-bottom: 10px;
}

.body-report .btn-area{
	padding: 25px 0 40px;
}

.body-report .title-basic{
	font-size: 28px;
	text-align: center;
}

.world-report p,
.other-report p{
	margin-bottom: 25px;
}
	
	.special-report{
		padding-top: 50px;
	}

.special-report .ul-report2cols{
	margin: 35px 0 0;
}

.other-report,
.movie-report{
	padding-top: 35px;
}

.movie-report iframe{
	height: 197px;
}
	
}