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

.title-page{padding: 5px 20px; font-size: 95%; background:#fff462; }
.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: #ebebeb;}
.con-bt1{border-top: 1px solid #ebebeb;}
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 #ccc; padding-bottom: 15px; }
}


@media (max-width: 320px) {
.title-page{font-size: 13px;}
	.title-sub span{font-size: 15px; padding: 9px 30px; }
}

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

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

#page-link{background:#ebebeb; }
#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;}
/*
#theme-hbs{text-align: center; background:url(/site/hbs2021/data/bg_about.png) no-repeat top left; background-size:60%;}
*/
#theme-hbs h3{display: block; font-size: 120%; line-height: 2.0em;  margin-bottom: 100px;}
#theme-hbs p{margin-bottom: 30px;}
.theme-img01{width: 900px; margin: 100px 0 0;}
#outline{border-top:1px solid #ccc;}
#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-img01, .theme-img02{margin-bottom: 50px;}


@media (max-width: 767px) {
#theme-hbs{text-align: center; width: 100%; margin: 0 auto; background-size:70%; }
#theme-hbs h3{display: block; font-size: 14px; line-height: 1.8em;  margin-bottom: 50px;}
#theme-hbs p{margin-bottom: 25px;}
.theme-img01{width: 90% !important; margin: 50px 0 0;}
#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-img01{margin-bottom: 30px; width: 100%;}
.theme-img02{margin-bottom: 30px; width: 80%;}
}

@media (max-width: 767px) {
    #theme-hbs h3{font-size: 13px;}
}

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




/*出展のご案内*/
#feature{text-align: center; background:#ebebeb; 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: #e62e8b; 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:#ebebeb; }
#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:#e62e8b; 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: #00a0e9; line-height: 2.0em; margin-bottom: 50px;}
#layoutzone{border-top:1px solid #ccc;}
#layoutzone h3{margin-bottom: 30px; color:#e62e8b; font-weight: normal;}
#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: 20px;}
#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 #00a0e9; padding: 30px; }
#ex-t h3{display: block; font-size: 14px; font-weight: 400; background: #ebebeb; margin-bottom: 30px; padding: 14px 10px;}
#ex-t h4{display: block; width: 150px; border-radius: 2px; font-size: 14px; color: #fff; background:#00a0e9; padding: 7px 0; margin-bottom: 20px; font-weight: 400; text-align: center;}
#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:#00a0e9; 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:#ebebeb; 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;}
}

/*出展規約*/

#exhibitor-kiyaku h4{font-size:110%; margin: 40px 0 30px; display:block;}
#exhibitor-kiyaku p{margin-bottom: 20px;}


/*個人出展（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: 100%; margin-bottom: 30px;}
#tokyocreation-price table{border-collapse: collapse; box-sizing: border-box; display: inline-block;}
#tokyocreation-price thead th{text-align: center; padding: 10px; border: 1px solid #ebebeb; }
#tokyocreation-price tbody th{text-align: center; padding: 10px; font-weight: normal; border: 1px solid #ebebeb;}
#tokyocreation-price tbody td{text-align: center; padding: 10px; border:1px solid #ebebeb;}

#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*/
#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-merit ul{margin-bottom: 50px; margin-left: 30px;}
#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;}*/
.img-avenue-color img{width: 250px;}

@media (max-width: 767px) {
#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%;}
}

@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 #ccc; 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;}
}

/*AVENUE ONLY ONE*/

#mainimg-avenueonlyone{padding: 30px 0 0; text-align: center;}
#avenueonlyone-catch{font-size: 18px; margin-bottom: 50px; line-height: 1.9;}
#avenueRo-layout img{width: 600px;}
#avenueRo.base-con{padding-bottom: 0;}

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

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

/*WORLD*/
#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: 100%; 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;}
#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: #ebebeb; padding: 50px 0; margin-bottom: 50px;}
#world-normal-koma h4{display: block; text-align: center; font-size: 18px; margin-bottom: 30px;}
#world-normal-koma h5{display: block; margin: 20px 0; text-align: left; font-size: 14px;}
#world-normal-koma th, #world-normal-koma td{padding: 10px 0;}
#world-normal-koma table.table-basic{border-color: #ccc; margin-bottom: 25px;}
#world-normal-koma table.table-basic thead th{border-color: #ccc;}
#world-normal-koma table.table-basic tbody th{border-color: #ccc;}
#world-normal-koma table.table-basic tbody td{border-color: #ccc;}

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

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

@media (max-width: 767px) {
#world .title-sub{margin-bottom: 20px;}
#world ul.list-dis{display: block; width: 100%; 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;}
#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:90%; margin: 0 auto 20px;}
#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: #ccc;}
#box-com table.table-basic tbody th{border-color: #ccc;}
#box-com table.table-basic tbody td{border-color: #ccc;}

#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) {

}


/*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:#2a9466; 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:#2a9466; 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:#ebebeb; 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: 100%; 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: 1px solid #f1f1f1; padding: 10px 0; width: 40%; text-align: left; vertical-align: top; font-weight: normal; }
.timeline-schedule th span{display: inline-block; border-radius: 6px; font-size: 90%; padding: 5px 10px; width: 100%; box-sizing: border-box; text-align: center;}
.timeline-schedule td{border-bottom: 1px solid #f1f1f1; padding: 5px 20px; text-align: left; vertical-align: middle;}

#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{display: inline-block; width: auto; margin-left: 60px; margin-bottom: 30px;}
#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{display: inline-block; font-size: 90%;}

@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 ol{margin: 0 auto 30px; width: 90%;}



/*==================================================
お知らせ
================================================== */
/*
#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 #ccc; 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 #ccc;}
#entry-list td{text-align:left; padding:25px 0; border-bottom:1px dashed #ccc;}
.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 #ccc; 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: 154px;}
#banner-download h4{color:#ef8fb9; 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 #ccc; padding-bottom: 20px; margin-bottom: 20px;}
.banner-size{margin:0;}
.banner-size img{margin-bottom: 12px;}
.banner-size textarea{width:100%; border:none; background:#ebebeb; min-height: 60px !important; font-size:90%;}
.box-banner-guide{border:1px solid #ccc; 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;}

@media (max-width: 767px) {
#banner-download{padding-top: 104px;}
#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;}
}

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

.ad-merit{list-style: none; text-align: center; margin-bottom: 80px;}
.ad-merit li{display: block; width: 90%; border-radius: 4px; background:#ef8fb9; 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 #ccc; margin: 0 auto;}
.ad-plan thead th{text-align: center; background: #ebebeb;  border:1px solid #ccc; padding: 15px 10px;}
.ad-plan tbody th{text-align: center; background: #ebebeb;  border:1px solid #ccc; padding: 15px 10px;}
.ad-plan tbody td{text-align: center; background: #fff;  border:1px solid #ccc; padding: 15px 10px;}
.ad-plan tbody td a{display: block; width: 96%; box-sizing: border-box; border-radius: 4px; color: #fff; background:#2a9466; border:1px solid #2a9466; margin: 0 auto; padding: 2px 3px; text-align: center; text-decoration: none; font-size: 12px;}
.ad-plan tbody td a:hover{ background:#fff; color:#2a9466 }

.ad-kakaku{width: 96%; box-sizing: border-box; border-collapse: collapse; border:1px solid #ccc; margin: 0 auto;}
.ad-kakaku th{width: 28%; text-align: center; background: #EAE4D1; border:1px solid #ccc; padding: 15px 10px;}
.ad-kakaku td{background:#fff; padding: 15px; text-align: left; border:1px solid #ccc;}
.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 #ef8fb9; margin:30px auto; background:#fff; text-align:left; border-radius:6px;}
.title-ad-sub{display: block; font-size: 15px; background:#ef8fb9; 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: 2px solid #faf104;}

.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 30px; text-align: left;}
#ad10 p{display: block; width: 64%; margin: 0 auto 80px; text-align: left;}
#ad10 strong{display: block; text-align: left;}

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

@media (max-width: 767px) {
#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;}

#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 #ccc; padding: 8px 5px; width: 30%; box-sizing: border-box;}
.ad-plan td{text-align: left; vertical-align: middle; border-bottom:1px solid #ccc; padding: 8px 5px; box-sizing: border-box;}
#plan a.btn{display: block; background: #2a9466; 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 #F7C7C6; 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: 20px;}
.con-ad img{width: 100%;}


.box-ad05-img img{width: 100%; margin: 0;}
#ad07{padding-top: 50px !important;}
#ad07 img{width: 65% !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 50px; }
#ad10 a{display: block; width: 100%; box-sizing: border-box;}
}

/*==================================================
プレス・メディアの方へ
================================================== */
.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 #ccc;}
.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;}
}

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

.title-ticket{display:block; font-size: 120%; margin-bottom: 30px; }
.title-ticket span{display: inline-block; padding-left: 10px; font-size: 13px;}
#SpecialTicket{margin:30px 0 !important;}
.sticket{display: block; color:#ef8fb9; margin-bottom: 20px;}
#SpecialTicket img{width:240px; float:right; margin-left:30px;}
#SpecialTicket ul{margin:0 0 50px 20px; }
#SpecialTicket a.btn{display: block; width: 35%; text-align: center; margin: 0 auto;}
#SpecialTicket p span{color: #e50808;}

.con-ticket{border-top:1px solid #e7e7e7; padding-top: 50px;}

#ticket-info{margin-bottom: 50px;}
#ticket-info .table-type03{margin-bottom: 30px;}
#ticket-info .table-type03 th{width: 180px;}
.td-ticket-info01{width: 180px; text-align: center;}

#PlayGuide{margin:30px 0 50px !important;}
#PlayGuide .table-type03{margin-bottom: 30px;}
#PlayGuide .table-type03 th{width: 160px; padding: 20px !important;}
.img-7, .img-rakuten{width: 100%; vertical-align: bottom;}
.img-l, .img-pia{width: 100px; vertical-align: bottom;}
.td-ticket-play01{width: 180px; text-align: center;}

#Eticket{margin:30px 0 50px !important;}
#Eticket .table-type03{margin-bottom: 30px;}
#Eticket .table-type03 th{width: 180px; }
#Eticket iframe{width: 100%; height: 310px;}

@media (max-width: 767px) {
#SpecialTicket img{width:35%; }
#SpecialTicket ul{margin:0 0 30px 20px; }

#ticket-info .table-type03{margin-bottom: 20px;}
#ticket-info .table-type03 th{ display: block; width: 100%; text-align: center; padding: 12px 0; border: none !important; }
#ticket-info .table-type03 td{display: block; width:100%; box-sizing: border-box; text-align: left;  border: none !important;}
.td-ticket-info01{width: 100%; text-align: left; padding: 15px 20px !important ; }
.td-ticket-info02{padding: 0 20px 20px !important ;}

#PlayGuide{margin:30px 0 50px !important;}
#PlayGuide .table-type03{margin-bottom: 20px;}
#PlayGuide .table-type03 th{ display: block; width: 100%; box-sizing: border-box; text-align: center; padding: 12px 0; border: none !important; }
#PlayGuide .table-type03 td{display: block; width:100%; box-sizing: border-box; text-align: left;  border: none !important;}
.img-7, .img-rakuten{width: 60%; vertical-align: bottom;}
.img-l, .img-pia{width: 20%; vertical-align: bottom;}
.td-ticket-play01{width: 100%; text-align: left; padding: 15px 20px !important ; }
.td-ticket-play02{padding: 0 20px 20px !important ;}

#Eticket{margin:30px 0 50px !important;}
#Eticket .table-type03{margin-bottom: 20px;}
#Eticket .table-type03 th{ display: block; width: 100%; text-align: center; padding: 12px 0; border: none !important; }
#Eticket .table-type03 td{display: block; width:100%; box-sizing: border-box; text-align: left;  border: none !important;}
#Eticket iframe{width: 100%; height: 310px;}
}

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

.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:#2a9466; 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 #2a9466; background:#fff; color:#2a9466; border-radius:6px; font-size:100%; padding:10px 20px; text-decoration:underline; margin:0 auto 30px;}

#page-ticket{border:1px solid #2a9466; 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:10px; background:#2a9466; 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{color:#ef8fb9; background:#fff;}
a.pageticket-attlink{display: block; margin: 30px auto 50px; width: 60%; text-align: center; background:#2a9466; color:#fff; padding:10px 0; text-decoration:none; border:1px solid #2a9466;}
a.pageticket-attlink:hover{background-color:transparent; color:#2a9466;}

#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:#2a9466; 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 #2a9466; background:#fff; color:#2a9466; 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: #2a9466; border-radius: 17px; padding: 0 12px; margin-left: 15px;}
.searchbox-test button:hover{cursor: pointer;}

.exhibitor-list-search{background: #ebebeb; text-align: center; padding: 20px 0; margin-bottom: 40px; border-radius: 8px;}
.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: 10px 0 10px 10px;}
.exhibitor-list-search label input[type="checkbox"]{vertical-align: middle !important;}
.exhibitor-list-search button{display: inline-block; vertical-align: middle; line-height: 34px; height: 34px; background:#fff; border:none; color: #2a9466; border-radius: 17px; padding: 0 12px; margin-left: 15px;}
.exhibitor-list-search button:hover{cursor: pointer;}

@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: 10px 0; margin-bottom: 30px;}
.exhibitor-list-search input[type="search"]{width: 90%; 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:#2a9466; 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;}
#lineup-list .title-base{line-height: 1.8em;}
#lineup-list a{display: block; width: 200px; border:1px solid #cccccc; border-top: 4px solid #2a9466; padding: 15px 14px; margin: 0 13px 26px; float: left; text-decoration: none;}
#lineup-list a:hover{background: #ebebeb}
#lineup-list a h2{display:block; color:#2a9466; font-size:14px; line-height:1.4em; word-break: break-all;}
.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: 0;}
#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;}
}

/*出展者詳細*/
.title-booth-name{display: block; font-size: 160%; color: #2a9466; 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 #2a9466; color: #2a9466; line-height: 60px; text-align: center; border-radius: 31px; margin: 0 auto 3px; font-size: 24px;}
.btn-booth-sns a:hover i{background:#2a9466; 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: #ebebeb;
    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 #ccc;
}

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

.nextexhibitor{right: 0;}

@media (max-width: 767px) {
#lineup-detail{padding-top: 0;}
.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 #ccc; 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:#2a9466; 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 #fbc84d; background: #fbc84d; padding:0 15px; color: #333;}
.exworkshop-meta a span{color:#ef8fb9;}
.exworkshop-meta a:hover{background:#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-meta a span{color:#e57575;}
.exworkshop-meta a:hover{background:#59c4ef; color: #fff !important; border-color: #59c4ef;}
.exworkshop-meta a:hover span{color: #fff}
.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;}
}

/*企業・個人別出展者一覧*/

.table-typelist{width: 100%; box-sizing: border-box; border:none; border-collapse: collapse; margin-bottom: 50px; }
.table-typelist thead{border-bottom: 1px solid #ccc;}
.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 #ccc;}
.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 #ccc; }
 #lineup-cp{padding-top: 20px;}
.table-typelist thead{display: none;}
.table-typelist tbody tr{border-bottom: 1px dashed #ccc;}
.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 #ccc; text-align: center; clear: both;}
#workshop-top article.workshop-top-wc{padding-top: 10px;}
#workshop-top article h3{display: block; font-size: 150%; color: #2a9466; 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-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 #ccc; padding:30px 0 50px;}
.ex-boothname{margin-top:30px;}
.ex-boothname span{font-size: 120%; color: #2a9466;}
.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 #ccc; 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-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 #ccc; 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 #ccc; 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 #ccc; 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;}
}


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

#access p{text-align: center; margin-bottom: 40px;}
#access h2 span{display: block; font-size: 60%; padding-top: 7px;}
#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: #ebebeb;; 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) {

#access p{margin-bottom: 30px;}
#access h2 span{padding-top: 5px;}
#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:#2a9466; font-size: 110%; color: #fff; font-weight: normal; padding: 10px 0; text-align: center; margin:70px 0 50px;}

#stage article{border-top:1px dashed #ccc; 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 #2a9466; padding: 5px 0 5px 20px; font-size: 140%; margin-bottom: 20px; line-height: 1.6em;}
.box-stage h5 span{display: block; background:#2a9466; 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: #2a9466; 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 #ccc;}
#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 #00a0e9;
    border-bottom: 3px solid #00a0e9;
}

.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:#00a0e9;
    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;
}

}