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

*{
margin: 0px;
padding: 0px;
}

body{
/*font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;*/
font-family: "ゴシックMB101 R";
background:#fffffb;
line-height: 1.6em;
color:#000;
font-size:14px;
font-size-adjust: none;
-webkit-font-size-adjust: none;
letter-spacing:0.18em;
}

body.top{
	height: 100vh;
	background: url(https://2017.makers-jp.com/site/2017/data/background/07.jpg) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}

.ff-g101m{font-family: "ゴシックMB101 M";}

img{
border:0;
outline:none;
}

a:hover img.hover-alp{
filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;
}

a:hover img.hover-alp100{
filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;
}

.alp50{
filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;
}

a:link{color:#4D95BA;}
a:visited{color:#4D95BA;}
a:hover{color:#000;}

.clearfix:after{
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clearfix {
min-height: 1px;
}

* html .clearfix{
height: 1px;
/*\*//*/
height: auto;
overflow: hidden;
/**/
}

p{margin:0 0 15px;}

.cb{clear:both;}

#page-top{position:fixed; bottom:20px; right:20px;}
img{
border:0;
outline:none;
}

/*==================================================
全体コンテンツエリア
================================================== */
.main-contents-area{padding-top:82px;}
.box-grey{background:#f0f0e9;}
.contents-area{width:1000px; margin-left:auto; margin-right:auto; position:relative;}

/*==================================================
タイトル
================================================== */

/*.title-page{height:116px; padding-left:70px; vertical-align:middle; line-height:116px; font-size:22px; background-repeat:no-repeat; background-position:center left; margin-bottom:40px; font-family: "ゴシックMB101 M";}*/
.title-page{height:80px; vertical-align:middle; line-height:80px; font-size:22px; margin-bottom:40px; font-family: "ゴシックMB101 M";}
.title-page span{padding-left: 15px; font-size: 16px;}

.title-contents{border-top:4px solid #000; padding:20px 10px; margin-bottom:10px; font-size:18px; font-family: "ゴシックMB101 M";}
.title-contents span{font-size: 14px;}
.title-contents-sub{background:#ecece6; padding:12px 20px; margin-bottom:30px; font-size:110%; font-family: "ゴシックMB101 M";}

/*==================================================
メインコンテンツエリア
================================================== */

#mainContents{width:750px; float:right;}

/*==================================================
サイドカラム
================================================== */

#side{width:220px; float:left;}

#side ul{border-top:4px solid #000; list-style:none;}
#side li{border-bottom:1px dashed #000;}
#side li a{display:block; padding:17px 10px; text-decoration:none; color:#000;}
#side li a:hover{background-color:#ecece6;}
/*.faq-side li a:hover{background-color:#f2e6a9 !important;}
.ticket-side li a:hover{background-color:#f6cfe0 !important;}
.access-side li a:hover{background-color:#e6e9fa !important;}
.kiyaku-side li a:hover{background-color:#dbecf6 !important;}*/

/*#side li a:before{content:"▶︎"; font-size:20%; padding-right:5px;}*/

.current{ /* メニューの反転時のスタイルです */
  background: #ecece6;
 }

/*==================================================
パンクズリスト
================================================== */

.breadcrumbs{
	font-size: 90%;
	padding: 5px;
	width:1000px;
	margin:0 auto;
}


/*==================================================
header
================================================== */
/*#top-header{padding:45px 0 40px; text-align:center;}
#top-header img{width:120px;}

header{
  width: 100%;
  z-index: 10000;
 }

#header{padding:20px 0; text-align:center; border-bottom:1px solid #000;}
#header img{width:60px;}

#header-area{width:1000px; height:68px; margin:30px auto;}
#header-area h2{display:block; width:210px; float:left;}
#header-area h2 img{width:100%;}
#header-area h3{text-align:right; float:right; padding-top:6px; font-size:120%; font-family: "ゴシックMB101 M";}*/

header{width: 100%; height: 40px;
	position: fixed;
	background: rgba(255,255,255,0.7);
	text-align: right;
	padding: 10px 0;
	z-index: 99999;
}
header > div{
	position: relative;
}
header h1{
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
header h1 img{
	width: 47px;
	display: inline-block;
}



/*==================================================
footer
================================================== */
footer{clear:both; background:#6e6e6e; padding:30px 0; color:#fff; width:100%; font-size:90%; margin-top:150px;}
#footer{width:1000px; margin:0 auto; padding-bottom:30px;}

.box-footer-left{width:725px; float:left; position: relative;}
a.btn-footer-award{display: block; position: absolute; top:52px; right:0; width: 180px; border-radius: 4px; text-decoration: none; padding: 8px 0; text-align: center; border:1px solid #fff; background:#fff; color:#6e6e6e; }
a.btn-footer-award:hover{background:#6e6e6e; color:#fff;}
.box-footer-right{width:235px; float:right;}
#footer h2{font-size:110%; font-weight:normal; letter-spacing:0.06em; padding:0 0 14px 0; border-bottom:1px solid #fff; margin-bottom:30px;}
#footer ul{float:left; margin-right:20px; list-style:none; line-height:1.4em;}
#footer li{margin:0 0 10px 0;}
#footer li.sub{margin:0 0 10px 10px;}
#footer li a{color:#fff; text-decoration:none;}

a.link-t{display:block; height:28px; background:url(https://makers-jp.com/site/makers-jp/data/iconF_t.png) no-repeat center left; padding-left:37px; vertical-align:middle; line-height:28px; color:#fff; margin-bottom:12px; text-decoration:none;}
a.link-f{display:block; height:28px; background:url(https://makers-jp.com/site/makers-jp/data/iconF_f.png) no-repeat center left; padding-left:37px; vertical-align:middle; line-height:28px; color:#fff; margin-bottom:12px; text-decoration:none;}
a.link-l{display:block; height:28px; background:url(https://makers-jp.com/site/makers-jp/data/iconF_l.png) no-repeat center left; padding-left:37px; vertical-align:middle; line-height:28px; color:#fff; margin-bottom:12px; text-decoration:none;}
a.link-i{display:block; height:28px; background:url(https://makers-jp.com/site/makers-jp/data/iconF_i.png) no-repeat center left; padding-left:37px; vertical-align:middle; line-height:28px; color:#fff; margin-bottom:12px; text-decoration:none;}

#footer-bottom{width:1000px; margin:0 auto; border-top:1px solid #fff; padding:30px 0; clear:both; height:56px;}
#f-b-l{float:left; height:56px;}
#f-b-r{float:right; height:56px;}

#copyright{width:1000px; clear:both; font-size:90%; margin:0 auto;}

/*==================================================
メインビジュアル
================================================== */

.wideslider {
	width: 100%;
	height: 600px;
	text-align: left;
	position: relative;
	overflow: hidden;
}

.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}
.slider_prev,
.slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
}
.slider_prev {background: #000 url(https://makers-jp.com/site/makers-jp/data/btn_prev.png) no-repeat right center;}
.slider_next {background: #000 url(https://makers-jp.com/site/makers-jp/data/btn_next.png) no-repeat left center;}

/*.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 15px;
	height: 15px;
	display: inline-block;
	overflow: hidden;
	background: #333;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}*/

/* =======================================
	ClearFixElements
======================================= */
.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}

#slideshow {
    position:relative;
    height:545px;
	width:960px;
	margin:0 auto;
	clear:both;
	background:url(https://makers-jp.com/site/makers-jp/data/bg_mainimg.jpg) no-repeat bottom center;
}

#slideshow IMG {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}

/*==================================================
トップページ
================================================== */

.top section{
	padding: 30px 0;
	line-height: 2em;
}
.top section h3{
	font-size: 1.3em;
	margin-bottom: 30px;
}
.sub-section{
	display: table;
	width: 100%;
}

.sub-section h4{
	display: table-cell;
	width: 165px;
	vertical-align: top;
	font-family: "ゴシックMB101 M";
	font-size: 108%;
}
.sub-section h4.title-toppast{display: block; font-family: "ゴシックMB101 M"; font-size: 108%; margin-bottom: 15px; width: 100%;}
.sub-section-body{
	display: table-cell;
}
.sub-section-body > dl{
	width: 100%;
}
.sub-section-body > dl > dt{
	display: inline-block;
	width: 160px;
	padding-bottom: 10px;
	vertical-align: top;
}
.sub-section-body > dl > dd{
	display: inline-block;
	width:640px;
	padding-bottom: 10px;
	vertical-align: top;
}

#top-main{
	background: transparent;
	height: 100vh;
	position: relative;
}
#top-main h2{
	display: block;
	background: url(https://2017.makers-jp.com/site/2017/data/main_logo02.png) no-repeat;
	width: 580px;
	height: 333px;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
	text-indent: -9999px;
	text-align: left;
	overflow: hidden;
}

#top-movie{margin-bottom: 30px;}
#top-outline{
	background: white;
}
#top-outline-close{
	background: white;
	width: 1000px;
	margin: 50px auto;
	padding:50px;
}

#top-message{background:#fff; padding: 80px 0;}

.top-ticket p span{display: block; font-weight: bold; font-size:110%; margin-bottom: 15px;}
.top-ticket ul{margin: 0 15px 30px;}
.top-ticket table{width:100%; box-sizing:border-box; border-collapse:collapse; border:1px solid #ccc; margin-bottom: 30px;}
.top-ticket table th{background:#fff; padding:10px 15px; font-weight:normal; border:1px solid #ccc; vertical-align:middle; line-height: 1.0em;}
.top-ticket table td{background:#fff; padding:10px 15px; font-weight:normal; border:1px solid #ccc; vertical-align:middle;}
.cord{display: block; margin-bottom: 15px;}
.top-ticket table td dt{margin-bottom: 5px;}
.top-ticket table td dd{margin:0 15px 15px;}
.top-ticket table td dt:before{content: "■"; padding-left: 0;}

#top-special{
	background: white;
	width: 1000px;
	margin: 50px auto;
	padding:50px;
}
#top-special article{text-align: center; width: 800px; margin: 0 auto;}
#top-special article.con-tomoe{padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dotted #999;}
.con-tomoe-info{display: inline-block; width:540px; text-align: left; vertical-align: top; margin-right: 30px;}
.con-tomoe-info h3{font-family: "ゴシックMB101 M"; display: block; margin-bottom: 30px;}
.con-tomoe-info h3 span{font-size: 80%; padding-right: 15px;}
.con-tomoe-pic{display: inline-block; width: 220px; text-align: center;}
.con-tomoe-pic img{width: 100%;}
.con-hello-info{display: inline-block; width:540px; text-align: left; vertical-align: top; margin-right: 30px;}
.con-hello-info h3{font-family: "ゴシックMB101 M"; display: block; margin-bottom: 30px;}
.con-hello-info h3 span{font-size: 80%; padding-right: 15px;}
.con-hello-pic{display: inline-block; width: 220px; text-align: center;}
.con-hello-pic img{width: 80%;}

#top-artist{
	background: white;
	width: 1100px;
	margin: 50px auto;
}
#top-artist h3{text-align: center; font-family: "ゴシックMB101 M";}
#top-artist-con01, #top-artist-con02{text-align: center;}
#top-artist-con01{margin-bottom: 30px;}
#top-artist-con02{background:#fffffb; padding: 20px; border:1px solid #ccc; width: 810px; margin: 0 auto; box-sizing: border-box;}
#top-artist-con01 p{display: inline-block; width: 500px; vertical-align: middle; padding-right: 30px; text-align: left;}
#top-artist-con01 div.pic{display: inline-block; width: 280px;  vertical-align: middle;}
#top-artist-con01 div.pic img{width: 100%;}
#top-artist-con02 p{display: inline-block; width: 480px; vertical-align: top; text-align: left; box-sizing: border-box;}
#top-artist-con02 p span{display: block; font-size: 110%; font-family: "ゴシックMB101 M"; margin-bottom: 15px;}
#top-artist-con02 div.pic-midori{display: inline-block; width: 280px;  vertical-align: top; padding-right: 30px; box-sizing: border-box;}
#top-artist-con02 div.pic-midori img{width: 100%;}

#top-news{
	color: white;
	background: rgba(0,0,0,0.5);
}
#top-news dl{height: 160px !important; overflow: auto; }
#top-news dl a:link{color: #fff; text-decoration: none;}
#top-news dl a:visited{color: #fff; text-decoration: none;}
#top-news dl a:hover{color: #4D95BA; text-decoration: underline;}
#top-past{
	background: white;
	width: 1100px;
	margin: 50px auto;
}
#top-past p.desc{
	display: table-cell;
	width: 360px;
	vertical-align: top;
}
#top-past p.desc a.btn{
	display: inline-block;
	padding: 10px 20px 8px;
	border: 1px solid black;
	margin-top: 20px;
}
#top-past .images{
	display: table-cell;
	text-align: right;
	vertical-align: top;

}
#top-past .images img{
	width: 220px;
	display: inline-block;
	margin-left: 10px;
	margin-bottom: 10px;
}


.fadeIn{
	-webkit-animation-name: kf_fadeIn;
	-webkit-animation-duration: 500ms;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: both;

	-moz-animation-name: kf_fadeIn;
	-moz-animation-duration: 500ms;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: both;

	animation-name: kf_fadeIn;
	animation-duration: 500ms;
	animation-timing-function: ease-out;
	animation-fill-mode: both;
}
@-webkit-keyframes  kf_fadeIn{
	from{
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-moz-keyframes  kf_fadeIn{
	from{
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes  kf_fadeIn{
	from{
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

.fadeOut{
	-webkit-animation-name: kf_fadeOut;
	-webkit-animation-duration: 500ms;
	-webkit-animation-timing-function: ease-out;
	-webkit-animation-fill-mode: both;

	-moz-animation-name: kf_fadeOut;
	-moz-animation-duration: 500ms;
	-moz-animation-timing-function: ease-out;
	-moz-animation-fill-mode: both;

	animation-name: kf_fadeOut;
	animation-duration: 500ms;
	animation-timing-function: ease-out;
	animation-fill-mode: both;
}
@-webkit-keyframes  kf_fadeOut{
	from{
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-moz-keyframes  kf_fadeOut{
	from{
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes  kf_fadeOut{
	from{
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}

#top-mailmagazine{
	background: white;
	width: 1100px;
	margin: 50px auto;
}
#top-mm input[type="email"]{width:480px;}
#top-mm input[type="submit"]{background:#000; text-align:center; display:inline-block; padding:0 30px; height:37px; margin-left:5px; letter-spacing:0.18em; font-size:14px; color:#fff !important; border:1px solid #000;}
#top-mm input[type="submit"]:hover, input[type="button"]:hover{background-color:transparent; color:#000 !important; cursor:pointer;}

/*.title-top{display:block; margin-bottom:20px;}
.title-top-full{padding-left:20px; font-size:130%; margin-bottom:30px; font-family: "ゴシックMB101 M";}
.top-news{width:980px; margin:0 auto; max-height:200px; overflow:auto; overflow-x:hidden;}
.top-news dd{margin-bottom:15px;}

#top-mailmagazine{padding:50px 0;}
.top-mm{margin:0 10px;}
.top-mm input[type="email"]{width:480px;}
.top-mm input[type="submit"]{background:#000; text-align:center; display:inline-block; padding:0 30px; height:37px; margin-left:5px; letter-spacing:0.18em; font-size:14px; color:#fff !important; border:2px solid #000;}
.top-mm input[type="submit"]:hover, input[type="button"]:hover{background-color:transparent; color:#000 !important; cursor:pointer;}

#top01 .contents-area{width:760px; height:180px; margin-left:auto; margin-right:auto; text-align:center; position:relative;}
#top02 .contents-area{width:905px; margin-left:auto; margin-right:auto; }
#top02 .contents-area img{vertical-align:middle;}
#top02 img.i-c{margin-left:17px; margin-right:3px;}

.box-tokuten{border:1px solid #000; width:900px; padding:20px; margin:0 auto 30px;}
.box-tokuten img{height:120px; float:left; margin-right:20px;}

img.img-ticket{display:block; }

#top-ticket dl{margin:40px 30px 30px;}
#top-ticket dt{display:inline-block; background:#000; color:#fff; padding:10px 30px; text-align:center; vertical-align:middle;}
#top-ticket dd{display:inline-block; padding:10px 15px; text-align:left; vertical-align:middle;}
.box-top-ticket{width:500px; padding-left:30px; float:left;}
.box-top-ticket img{}
.box-top-btn{width:220px; padding-left:30px;}
.box-top-btn a{background:#000; text-align:center; display:block; width:100%; margin:35px 0;  padding:10px 0; letter-spacing:0.18em; font-size:100%; color:#fff; border:2px solid #000; text-decoration:none;}
.box-top-btn a:hover{background-color:transparent; color:#000; cursor:pointer;}

#top-snsbtn{padding:30px 0 !important; text-align:center; position:relative;}
#top-snsbtn h2{display:inline-block; font-size:120%; margin-bottom:25px; padding-bottom:10px; border-bottom:1px solid #000;}
.btn-banner{top:0; right:0; position:absolute;}
#box-facebook{width:480px; height:321px; padding-top:39px; float:left; position:relative;}
#box-twitter{width:480px; height:320px; padding-top:40px; float:right; position:relative;}
#box-instagram{position:relative; margin-top:40px;}
h2.title-facebook{display:block; width:458px; background:#000; height:22px; padding:9px 10px; position:absolute; top:0; left:1px; z-index:1000;}
h2.title-twitter{display:block; width:460px; background:#000; height:20px; padding:10px 10px; position:absolute; top:0; left:0; z-index:1000;}
h2.title-instagram{display:block; background:#000; height:20px; padding:10px 10px;}
.btn-top-area{margin-top:70px;}
.thumb-insta{background:#fff; padding:20px 20px 0 20px;}

#top-market, #top-workshop{padding:10px 0;}
#top-st{padding:20px 0 30px;}
.btn-top{text-align:center; padding:15px 0;}
.btn-top a{background:#000; text-align:center; display:inline-block; margin:0 auto;  padding:12px 50px; letter-spacing:0.18em; font-size:100%; color:#fff; border:2px solid #000; text-decoration:none;}
.btn-top a:hover{background-color:transparent; color:#000; cursor:pointer;}

.top-market-l{width:500px; float:left;}
.top-market-r{width:400px; float:right;}

#box-st1{border:4px solid #ccc; padding:16px; margin:0 0 20px 0; }
#box-st2{width:450px; border:4px solid #ccc; padding:16px; margin:0 20px 20px 0; float:left;}
#box-st3{width:450px; border:4px solid #ccc; padding:16px; margin:0 20px 20px 0; float:left;}
.box-st{}
.box-st img{float:left; margin-right:20px; margin-bottom:10px;}
.box-st h3{display:block; margin-bottom:15px;}
.box-st h3 img{float:none;}
.box-st h4{font-family: "ゴシックMB101 M"; font-size:110%; margin-bottom:10px;}
.box-st h4 span{display:inline-block; padding-right:10px; font-size:80%;}
.box-st dl{margin:25px 0;}
.box-st dt{display:inline-block; border:1px solid #000; padding:5px 15px; vertical-align:middle; margin-bottom:7px; text-align:center;}
.box-st dd{display:inline-block; padding:5px 15px; vertical-align:middle; margin-bottom:7px; text-align:center;}

.box-top-ws{padding:10px 0;}
.box-top-ws img{float:right; width:32%; margin-left:30px; margin-bottom:5px;}
.box-top-ws h4{font-family: "ゴシックMB101 M"; font-size:120%; margin-bottom:30px;}
.box-top-ws h4 span{display:inline-block; font-size:80%;}
.box-top-ws .btn-top{text-align:left; padding:30px 0 20px;}*/

/*==================================================
出展申込みはこちらボタン
================================================== */

.entry-btnarea{border-top:1px dashed #000; margin-top:50px; padding-top:50px;}
.entry-btnarea a{width:40%; display:block; padding:15px 0; margin:0 auto; text-align:center; border:1px solid #000; color: #000; text-decoration: none;}
.entry-btnarea a:hover{background:#000; color: #fff;}

/*==================================================
イベントの特徴
================================================== */

.box-chara01{display: inline-block; width: 219px; margin: 0; border:1px solid #000; vertical-align: top;}
.box-chara01 h3{background: #000; color: #fff; font-size: 100%; text-align: center; padding: 6px 0;}
.box-chara01 img{width: 100%;}
.txt-chara01{margin: 10px 5px;}

.box-chara01n{display: inline-block; width: 293px; margin: 0; border:1px solid #000; vertical-align: top;}
.box-chara01n h3{background: #000; color: #fff; font-size: 100%; text-align: center; padding: 6px 0;}
.box-chara01n img{width: 100%;}
.txt-chara01{margin: 10px 5px;}

.box-price01jhs{display: block; box-sizing: border-box; margin: 0; border:1px solid #000; vertical-align: top;}
.box-price01jhs h3{font-size: 100%; background:#e4c4c8; padding: 6px 10px; width: 46%; text-align: center; margin: 10px 0 0;}
.box-price01jhs .txt-price01{margin: 15px;}
.box-price01jhs p{margin-bottom: 15px;}
.pic-boxprice01jhs{margin: 0 15px;}
.box-price01jhs span{display: block; text-align: center; font-size: 110%; margin: 10px 0;}

.box-makersaward{display: block; box-sizing: border-box; margin: 0; border:1px solid #000; padding:30px; text-align: center;}
.box-makersaward h3{margin-bottom: 50px; font-size: 120%;}
img.logo-award{width: 260px; margin-bottom: 50px;}
.box-makersaward ul{text-align: left; width: 320px; margin: 0 auto; padding-left: 60px;}

#chara02 .sub-section h4{width: 240px !important;}

/*==================================================
出展経験者の声
================================================== */
#voice{text-align: center;}
.pic-voice{margin: 30px 0 50px;}
.pic-voice img{width: 220px; margin: 0 15px 0 0;}
.btn-voice{margin-top:30px;}
.btn-voice a{display: inline-block; padding: 15px 20px; border:1px solid #000; text-align: center; font-size: 100%; text-decoration: none; margin: 0 15px; color: #000;}
.btn-voice a:hover{background:#000; color: #fff;}

#voice-profile{background:url(https://2017.makers-jp.com/site/2017/data/bg_exbox.png) repeat top left #e6e6e1; padding: 10px;}
.box-voice-profile{background:#fff; padding:20px;}
#voice-profile h3{font-size: 120%; margin-bottom: 20px; font-family: "ゴシックMB101 M";}
.voice-prof-logo, .voice-prof-txt, .voice-prof-pic{display: inline-block; vertical-align: top;}
.voice-prof-logo{width: 100px; text-align: center; margin-right: 30px;}
.voice-prof-txt{width: 710px;}
.voice-prof-txt dl{margin: 10px 0 0 0; }
.voice-prof-txt dt{display: inline-block;  width: 150px; vertical-align: top; padding-bottom: 7px;}
.voice-prof-txt dd{display: inline-block;  width:550px; vertical-align: top; padding-bottom: 7px;}
.voice-prof-pic{width: 160px;}

#voice-interview{margin: 50px 0;}
#voice-interview h2{display: block; text-align: center; margin-bottom: 50px; font-size: 120%; font-family: "ゴシックMB101 M";}
#voice-interview h3{border-left: 6px solid #000; padding: 3px 12px; margin-bottom: 30px; font-size: 110%; font-family: "ゴシックMB101 M"; clear: both;}
#voice-interview dl{margin: 0 0 30px 17px;}
#voice-interview dt{font-family: "ゴシックMB101 M"; font-size: 100%; margin-bottom: 25px; color: #4D95BA;}
#voice-interview dd{margin: 0 0 30px 20px;}

/*==================================================
出展フロー
================================================== */
#flow dl dt {background-color:#ecece6;
    font-size:100%; text-indent:10px; color:#000; margin:0 0 10px; padding:15px 0; }
#flow dl dt span{display:inline-block; border-radius:4px; border:1px solid #000; padding:1px 6px 1px 1px; font-size:88%; margin-left:20px;}
#flow dl dt.open {background-color:#C2D8E7; color:#000; }
#flow dl dd { padding:10px; margin:0 0 15px; }
.triangle{margin: 20px 0; text-align: center;}
.triangle span{display: inline-block; width: 0;
height: 0;
border-style: solid;
border-width: 25px 25px 0 25px;
border-color: #ecece6 transparent transparent transparent;}

/*==================================================
開催レポート2016
================================================== */
#report2016-01{padding-bottom: 0; border-bottom: 1px dashed #000; margin-bottom: 50px;}
#report2016-01 h3{display: block; text-align: center; margin-bottom: 50px; font-size: 120%; font-family: "ゴシックMB101 M";}
.box-report2016-01 img{display: block; width: 360px; float: left; margin:0 30px 50px 30px;}
.box-report2016-01 dl{float: left;}
.box-report2016-01 dt{display: inline-block;  width:120px; vertical-align: top; padding-bottom: 7px;}
.box-report2016-01 dd{display: inline-block;  vertical-align: top; padding-bottom: 7px;}
.box-report2016-01 dl img{display: inline; float: none; width: 140px; margin:13px 10px 0 0;}

.box-report2016-02{display: table; margin: 0 30px 50px;}
.pic-report2016-02{display: table-cell; width: 300px; vertical-align: middle;}
.pic-report2016-02 img{width: 100%;}
.txt-report2016-02{display: table-cell; width: 530px; vertical-align: middle;}
.txt-report2016-02 img{display: inline; float: none; width: 150px; margin:15px 10px 0 0;}


/*==================================================
出展エリアと出展料金
================================================== */

.box-price01{display: inline-block; width: 299px; margin: 0 0 15px; border:1px solid #000; vertical-align: top;}
.box-price01 h3{font-size: 100%; padding: 6px 10px; width: 50%; text-align: center; margin: 10px 0 0;}
.title-fashion{background:#fadbe1;}
.title-accessory{background:#f6eaab;}
.title-art{background:#d5ead7;}
.title-home{background:#d3d4db;}
.title-diy{background:#d3edfb;}
.title-food{background:#e5ceaf;}
.txt-price01{margin: 10px;}

#price02 .sub-section h4{width: 260px !important;}

#price02 table{width: 100%; border:none; border-collapse: collapse;}
#price02 th{width: 140px; vertical-align: top; text-align: left; padding-bottom: 30px;}
#price02 td{vertical-align: top; text-align: left; padding-bottom: 30px;}

#s-booth th, #a-booth th, #b-booth th, #c-booth th{width:24% !important; background-color:transparent !important;}

span.sec-1{display:inline-block; width:110px;}
span.sec-2{display:inline-block; width:216px;}

span.sbooth-1{display:inline-block; width:210px;}
span.sbooth-2{display:inline-block; width:130px; text-align:right;}

.box-booth{margin:0; position:relative; text-align:center;}
.box-booth img{}
.box-booth div{position:absolute; top:0; left:0;}

.waribiki{border-left:2px solid #ef91bb; margin-bottom: 50px; padding-left: 12px; margin-left: 10px; }
.waribiki span{font-size: 140%; color: #ef91bb;}

.box1{border:1px solid #000; padding: 30px 30px 20px;}

.btn-price{list-style: none; margin-bottom: 30px;}
.btn-price li{display: inline-block; margin-right: 12px;}
.btn-price li a{display: inline-block; text-align: center; padding: 10px 20px; background:#000; color: #fff; text-decoration: none; border:1px solid #000;}
.btn-price li a span:before{content:"▼"; font-size: 12px; padding-right: 5px;}
.btn-price li a:hover{background-color: transparent; color: #000;}

a.btnp{display: inline-block; text-align: center; padding: 10px 20px; background-color: transparent; color: #000; text-decoration: none; border:1px solid #000; margin-top:20px;}
a.btnp span:before{content:"▶︎"; font-size: 12px; padding-right: 5px;}
a.btnp:hover{background-color: #000; color: #fff;}


/*==================================================
MAKERSとは
================================================== */

#about01{margin-bottom:50px;}
#about02, #about03, #about04{text-align:center; line-height:2.2em; padding:50px 0;  font-family: "ゴシックMB101 M"; font-size:16px;}
#about02 h2, #about03 h2, #about04 h2{margin-bottom:35px; font-size:24px; font-family: "ゴシックMB101 M";}
#about04 ul{text-align:left; width:365px; margin:0 auto; padding-left:60px;}

/*==================================================
イベントの目的
================================================== */
#purpose{text-align: center;}
#purpose h3{margin-bottom:50px; font-size:24px; font-family: "ゴシックMB101 M";}
#purpose p{text-align:center; line-height:2.2em; margin-bottom: 30px;  font-family: "ゴシックMB101 M"; font-size:16px;}

/*==================================================
開催概要
================================================== */

#outline01 h2{font-size:21px; margin-bottom:30px; padding-top:10px; letter-spacing:0.16em; line-height:1.6em; font-family: "ゴシックMB101 M";}
#outline01 h3{font-size:17px; margin-bottom:5px; line-height:1.5em; letter-spacing:0.14em; font-family: "ゴシックMB101 DB";}
#outline01 h4{margin-bottom:50px; line-height:2.0em; font-weight:normal; letter-spacing:0.14em;}
#outline02 th, #outline03 th{width:24%;}
.g-mapoutline{height:612px; border:4px solid #ecece6; margin:0 auto; margin-bottom: 50px;}
.out-price{display:inline-block; padding:0 7px; border:1px solid #000; margin-right:5px;}

#outline-shop{padding-bottom: 50px;}
#outline-shop article{display: block; width: 410px; float: left; margin: 0 15px 30px; border:1px solid #ccc ; text-decoration: none; color: #000; padding: 10px; vertical-align: top; font-size: 90%; word-break: break-all;}
#outline-shop article div.banner-shop{display: inline-block; width: 100px; margin-right: 15px; text-align: center; vertical-align: top;}
#outline-shop article div.banner-shop img{width: 100%;}
#outline-shop article div.info-shop{display: inline-block; width: 270px; vertical-align: top;}
#outline-shop article div.info-shop h3{font-size: 100%; margin-bottom: 10px; font-family: "ゴシックMB101 M";}

/*==================================================
アクセス
================================================== */
.g-map{width:742px; height:467px; border:4px solid #ecece6; margin-bottom:20px;}
#access01 .btn{text-align:center; padding:10px 0; display:block;}
.access-l{width:60%; float:left;}
.access-r{width:38%; float:right;}
table.access-price{border-collapse:collapse; border:none !important;}
.access-price td{padding:5px 20px 0 0 !important; text-align:left; border:none !important;}

/*==================================================
チケット
================================================== */

#ticket01 th, #ticket01 td{text-align:center !important; background-color:transparent !important;}
#ticket02 th, #ticket02 td{text-align:center !important; background-color:transparent !important;}
#ticket02 h4{font-size:110%; margin-bottom:10px; font-family: "ゴシックMB101 DB";}
#ticket02 dt{font-weight:bold; margin-bottom:10px;}
#ticket02 dd{margin:0 15px 15px;}
#ticket02 th{width:30%;}
#ticket02 td{text-align:left !important; padding-bottom:0 !important;}

/*==================================================
汎用ボタン
================================================== */
.bt-area{text-align:center; margin:20px 0 50px;}
.bt-area a{display:block; width:60%; margin:0 auto; background:#000; color:#fff; text-align:center; border:2px solid #000; box-sizing:border-box; padding:15px 0; text-decoration:none;}
.bt-area a:hover{background-color:transparent; color:#000;}

/*==================================================
セミナー
================================================== */
.comingsoon{position:absolute; top:50%; left:33%;}
.box-seminar-pay{border:1px solid #ccc; margin:0 9px 30px; padding:25px 0; box-sizing:border-box;}
.box-seminar-pay h4{background:#ecece6; padding:15px 0; text-align:center; font-size:120%; margin-bottom:20px;}
.box-seminar-pay h4 span{font-size:80%; padding-right:10px;}
.box-seminar-pay h4.title-sf-day{background-color:transparent;}
.prof{width:830px; margin:10px auto 20px;}
.prof-pic{width:400px; float:left; text-align:center;}
.prof-btn{width:400px; padding-top:15px; float:right;}
.prof-btn h6{font-size:120%; margin-bottom:15px;}
.prof-btn h6 span{font-size:80%; padding-right:10px;}

.box-s{width:94%; margin:0 auto 25px; padding-bottom:25px; border-bottom:1px dotted #ccc; clear:both;}
.s-prof{margin-bottom:5px;}
.s-outline{margin:0 15px 20px;}
.seminar-for{text-align:left; margin-bottom:10px; padding-left:15px;}
.seminar-for span{display:inline-block; border-radius:4px; padding:2px 8px; margin-bottom:10px; margin-right:5px; background-color:#ecece6;}
.seminar-for span.oyako{background-color:#ffcfe4;}
.sp-a{text-align:right; margin:15px 0;}
.sp-a a:before{content:"▶︎"; font-size:80%;}

/*プロフィールが2つの場合*/

.box-prof-w{ float:left; width:50%; vertical-align:top; box-sizing:border-box;}
.box-prof-w .prof-pic{text-align:center; float:none; width:100%; margin-bottom:15px;}
.box-prof-w p{width:78%; margin:0 auto;}
.box-prof-w .sp-a{width:80%; margin:15px auto;}
.box-prof-w h6{display:block; width:78%; margin:0 auto 20px; font-size:120%;}
.box-prof-w h6 span{font-size:80%; padding-right:10px;}


.box-seminar-pay h5{font-size:120% !important; background:url(http://makers-jp.com/site/makers-jp/data/bg_yellow.gif) repeat top center; padding:15px 10px; margin-left:15px; margin-bottom:15px;}
.box-seminar-pay h5.talkshow{background:url(http://makers-jp.com/site/makers-jp/data/bg_blue.gif) repeat top center;}
.box-seminar-pay h5 span{padding-left:30px; font-size:90%;}
.box-seminar-pay dl{margin:0 15px;}
.box-seminar-pay dt{background:#ecece6; display:inline-block; padding:10px 20px; vertical-align:middle; text-align:center; margin-bottom:15px;}
.box-seminar-pay dd{ display:inline-block; padding:10px 20px 10px 10px; vertical-align:middle; margin-bottom:15px;}

.box-seminar-pay .bt-area{text-align:center; margin:20px 0;}
.box-seminar-pay .bt-area a{display:block; width:40%; margin:0 auto; background:#000; color:#fff; text-align:center; border:2px solid #000; box-sizing:border-box; padding:15px 0; text-decoration:none;}
.box-seminar-pay .bt-area a:hover{background-color:transparent; color:#000;}

.title-sf-day{display:block; margin:0 0 30px; text-align:left !important;}
.title-sf-day img{width:30%;}
.title-sf-day img.day3{width:35%;}

.box-sf-day span{display:block; width:33%; float:left; text-align:center;}
.box-sf-day span img{width:90%;}

.box-seminar-free{margin:0 15px 50px;}
.box-seminar-free h5{background:#ecece6; /*border-top:2px solid #000;*/ padding:15px 0; text-align:center; font-size:120% !important;}
.box-seminar-free .box-s{padding:20px 20px 0; border-bottom:none;}
.box-seminar-free article{width:100%; padding:0; box-sizing:border-box; border:1px solid #ccc;}
.box-seminar-free article.centerbox{border-left:1px solid #ccc; border-right:1px solid #ccc;}
.box-seminar-free h6{font-size:110% !important; background:url(http://makers-jp.com/site/makers-jp/data/bg_pink.gif) repeat top center; padding:15px 10px; box-sizing:border-box; margin:10px auto 20px;}
.box-seminar-free h6.talkshow{background:url(http://makers-jp.com/site/makers-jp/data/bg_blue.gif) repeat top center;}
.sf-outline{margin:0 10px 30px; width:600px; border-bottom:1px solid #c6c6c6; padding-bottom:30px;}
.sf-prof{clear:both; font-size:90%; padding-bottom:7px; margin:0 10px;}
.sf-prof img{width:25%; float:right; margin-left:5px;}

.cate{margin:0 10px 30px;}
.cate span{display:inline-block;  background-color:#000; color:#fff; font-size:90%; text-align:center; padding:0 4px;}

.s-t{margin:0 10px 10px;}
.s-t span{font-size:82%; display:block;}
.s-t span span.st-name{display:inline-block !important; font-size:122% !important;}
.s-t-w{margin:0 10px; width:600px;}
.s-t-w span{display:block; margin-bottom:10px;}
.s-t-w span span.st-name{display:inline-block !important; font-size:122% !important;}
.s-t-w span a{}


#page-menu{margin-bottom:30px; width:40%; border:1px solid #c6c6c6;}
#page-menu a{display:inline-block; padding:10px 0; text-align:center; width:47.5%; margin-bottom:0 !important; color:#000; text-decoration:none;}
#page-menu a:before{content:"▼︎"; font-size:80%;}
#page-menu a:last-child{border-left:1px solid #c6c6c6;}

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

/*2017*/
#stage-schedule{margin: 50px 0 100px;}
#stage-schedule table{width: 100%; box-sizing: border-box; border:1px solid #ccc; border-collapse: collapse;}
#stage-schedule table thead th{padding: 15px 0; text-align: center; border:1px solid #ccc; box-sizing: border-box; background:#efefe7;}
#stage-schedule table tbody th{width: 13%; padding: 15px 0; text-align: center; border:1px solid #ccc; box-sizing: border-box; background:#efefe7;}
#stage-schedule table tbody td{width: 29%; padding: 15px; text-align: left; border:1px solid #ccc; box-sizing: border-box;   }
#stage-schedule table h4{font-family: "ゴシックMB101 M"; margin-bottom: 7px;}
#stage-schedule table td span{font-size: 90%;}
.comings{text-align: center !important;}

#stage-detail{position: relative;}
#stage-detail ul{position: absolute; top:0; right:0; list-style: none;}
#stage-detail ul li{display: inline-block; width: 60px;}
#stage-detail ul li a{display: block; width: 100%; box-sizing: border-box; border-radius: 4px; background:#000; text-decoration: none; color: #fff; text-align: center; padding: 10px 0; font-size: 90%; border:1px solid #000;}
#stage-detail ul li a:hover{background-color: transparent; color: #000;}

.stage-d{margin: 50px 20px;}
.stage-d h4{display: inline-block; width: 130px; vertical-align: top; font-size: 110%; font-family: "ゴシックMB101 M";}
.box-stagedetail{display: inline-block; width: 760px; vertical-align: top;}
.box-stagedetail article{margin-bottom: 30px;}
.box-stagedetail article h5{display: inline-block; border-radius: 4px; padding: 5px 0; width: 100px; font-size:90%; color: #fff; background:#000; text-align: center; margin-bottom: 20px;}
.box-stagedetail article h6{font-size: 110%; font-family: "ゴシックMB101 M"; margin-bottom: 15px; }
.stage-txt{margin: 0 10px;}
.stage-info{border-radius: 6px; background:#efefe7; padding: 20px; margin-top: 20px;}
.stage-pic, .stage-prof{display: inline-block; vertical-align: top;}
.stage-pic{width: 140px; margin-right: 20px;}
.stage-pic img{width: 100%;}
.stage-prof{width: 540px; }
.stage-lecturer{display: block; margin-bottom: 15px; font-family: "ゴシックMB101 M";}
.stage-lecturer-prof{font-size: 90%;}

/*==================================================
ワークショップ
================================================== */

.ws-top{background:url(https://2017.makers-jp.com/site/2017/data/bg_exbox.png) repeat top left #e6e6e1; padding:10px; margin-bottom: 30px; }
.ws-top div{border-radius: 6px; background: #fff; padding: 20px;}
.ws-top h3{font-size: 120%; margin-bottom: 20px;}
.ws-top p{margin-bottom: 0;}
a.btn-wstop{display: inline-block; border:1px solid #000; background-color: transparent; border-radius: 6px; text-decoration: none; color: #000; text-align: center; padding: 12px 20px; margin: 20px 0 0;}
a.btn-wstop:hover{background-color: #000; color: #fff;}

.ws-detail{background:url(https://2017.makers-jp.com/site/2017/data/bg_exbox.png) repeat top left #e6e6e1; padding:10px; margin-bottom: 30px; }
.box-ws{border-radius: 6px; background: #fff; padding: 20px;}
.ws-meta{margin-bottom: 15px;}
.ws-meta span{display: inline-block; border-radius: 4px; padding: 3px 10px; color: #fff; margin-right: 5px; font-size: 12px;}
.ws-d{background:#000;}
.ws-pre-reserve{background: #fca5c9;}
.box-ws h3{font-size: 130%; margin-bottom: 30px; font-family: "ゴシックMB101 M";}

article.bbdashed{padding-bottom: 30px; margin-bottom: 30px; border-bottom: 1px dashed #000;}
.ws-txt{margin: 0 0 30px 20px;}
.ws-information{width: 630px; float: left; padding-left: 20px;}
.ws-pict{width: 200px; float: right; font-size: 10px; line-height: 1.4em;}
.ws-pict img{width: 200px; height: 200px; object-fit: cover;}

.ws-information dl{display: inline-block; width: 100%; vertical-align: top;}
.ws-information dl.ws-date{margin: 0 0 20px 20px; width: 400px;}
.ws-information dl.ws-info{margin: 0 0 20px 0;}
.ws-information dt{display: inline-block; width: 60px; height: 26px; margin-bottom: 15px; background-image: url(https://2017.makers-jp.com/site/2017/data/f_ws01.png); background-repeat: no-repeat; background-position: center top; line-height: 26px; vertical-align: top; font-size: 12px; letter-spacing: 0; padding-left: 7px;}
.ws-information dt.sche{display: inline-block; width: 88px; height: 26px; margin-bottom: 15px; background-image: url(https://2017.makers-jp.com/site/2017/data/f_ws02.png); background-repeat: no-repeat; background-position: center top; line-height: 26px; vertical-align: top; font-size: 12px; letter-spacing: 0; padding-left: 7px;}
.ws-information dd{display: inline-block; font-size: 12px; padding-right: 20px; vertical-align: top; margin-bottom: 15px;}

.lecturer-info h3{display: block; width: 90px; height: 44px; padding-top: 5px; font-size: 100%; text-align: center; margin-bottom: 20px; background:url(https://2017.makers-jp.com/site/2017/data/f_ws03.png) no-repeat center top; }
.lecturer-info h4{margin: 0 0 20px 20px; font-family: "ゴシックMB101 M";}
.lecturer-info h4 span{padding-left: 15px; font-size: 12px;}
.lecturer-prof{margin: 0 0 0 20px;}
.lecturer-books{background:#e8e8e4; padding: 15px; margin: 20px 20px 10px 20px;}
.lecturer-books h5{font-size: 100%; margin-bottom: 15px;}
.lecturer-books ul{margin-left: 18px;}

a.btn-wspre{display: inline-block; border:1px solid #000; background-color: transparent; border-radius: 6px; text-decoration: none; color: #000; text-align: center; padding: 12px 20px; margin: 20px 0 0;}
a.btn-wspre:hover{background-color: #000; color: #fff;}

/*==================================================
ピックアップイベント
================================================== */

.box-pue{border-top:4px solid #000; margin:0 30px; position:relative; padding:50px 0;}
.box-pue-l{width:600px; float:left;}
.box-pue-r{width:300px; float:right; text-align:center;}
.box-pue-r img{}
.box-pue h3{margin:0 0 30px;}
.box-pue-l h3{font-size:140%; font-family: "ゴシックMB101 M";}
.box-pue-l h3 span{display:block; font-size:70%; font-family: "ゴシックMB101 R"; padding-bottom:5px;}
.box-pue-l p{margin-bottom:30px;}
.box-pue-l dl{}
.box-pue-l dt{background-color:transparent; display:inline-block; padding:8px 0; width:82px; vertical-align:middle; text-align:center; margin-bottom:15px; border:1px solid #000;}
.box-pue-l dd{ display:inline-block; padding:8px 10px; width:160px; vertical-align:middle; margin-bottom:15px;}
.box-pue .btn-top{text-align:left;}
.box-pue .btn-top button{background:#000; text-align:center; display:inline-block; margin:0 auto;  padding:8px 10px; letter-spacing:0.18em; font-size:100%; color:#fff; border:2px solid #000; text-decoration:none;}
.box-pue .btn-top button:hover{background-color:transparent; color:#000; cursor:pointer;}
.box-pue form{display:inline;}
.box-pue .btn-top a{background:#000; text-align:center; display:inline-block; margin:0 auto;  padding:8px 10px; letter-spacing:0.18em; font-size:100%; color:#fff; border:2px solid #000; text-decoration:none;}
.box-pue .btn-top a:hover{background-color:transparent; color:#000; cursor:pointer;}

/*==================================================
マルシェセントラル
================================================== */

#marche01{margin-bottom:50px;}
#marche02{text-align:center; line-height:2.2em; padding:0 0 50px;  font-family: "ゴシックMB101 M"; font-size:16px;}

/*==================================================
2k540
================================================== */

#p2k540-01{margin-bottom:30px;}
#p2k540-01 img{width:280px;}
#p2k540-02{margin-bottom:50px;}
#p2k540-03{text-align:center; line-height:2.2em; padding:0 0 50px;  font-family: "ゴシックMB101 M"; font-size:16px;}

/*
.box-2k540{display:block; float:left; width:292px; margin:0 24px 20px; vertical-align:top;}
.box-2k540 h3{display:block; background:#000; color:#fff; padding:3px 0; text-align:center;}
.pic-2k540List{background:#fff; border:1px solid #000; text-align:center; height:160px;}
.pic-2k540List img{height:160px;}
.box-2k540 h4{font-size:90%; display:block; text-align:center; padding:5px; background:#ecece6;}
.ex-2k540List{border:1px solid #ecece6; padding:9px; background:#fff; font-size:90%;}
.box-2k540 a{display:block; text-align:center; color:#fff; background:#000; border:1px solid #000; padding:5px 0; font-size:90%; text-decoration:none;}
.box-2k540 a:hover{background-color:#fff; color:#000;}
*/
.box-2k540{display:block; float:left; width:290px; border:1px solid #000; margin:0 10px 30px; vertical-align:top;}
.box-2k540 h3{display:block; background:#000; color:#fff; padding:3px 0; text-align:center; font-size:100%;}
.pic-2k540List{background:#fff; text-align:center; height:160px;}
.pic-2k540List img{height:160px;}
.box-2k540 h4{font-size:90%; display:block; height:20px; text-align:center; padding:5px 0; background:#ecece6;}
.ex-2k540List{padding:9px; background:#fff; font-size:90%;}
.box-2k540 a{display:block; text-align:center; color:#fff; background:#000; border-top:1px solid #000; padding:5px 0; font-size:90%; text-decoration:none;}
.box-2k540 a:hover{background-color:#fff; color:#000;}

table#exhibitor-2k540{border-collapse:collapse; width:100%; margin-bottom:40px;}
#exhibitor-2k540 tbody th{width:15%; background:#6e6e6e; color:#fff; text-align:center; border:1px solid #000; padding:15px 0; vertical-align:middle; font-weight:normal;}
#exhibitor-2k540 tbody td{border:1px solid #000; padding:15px 10px; vertical-align:middle; font-weight:normal;}
.ex-1 span{display:inline-block; background:#ecece6; padding:3px 5px; border-radius:4px; font-size:90%; margin-bottom:5px;}
.ex-1{width:65%;}
.ex-2{text-align:center; border-left:none !important;}
.ex-2 img{width:150px;}
.ex-3{width:21%;}
.ex-3 a{display:block; text-align:center; color:#fff; background:#000; border:1px solid #000; padding:5px 0; font-size:90%; text-decoration:none;}
.ex-3 a:hover{background-color:transparent; color:#000;}
.brn{border-right:none !important;}


/*==================================================
出展プラン
================================================== */
#plan01 h4{font-size:18px; font-family: "ゴシックMB101 M"; margin-bottom:30px;}
.box-plan{width:230px; float:left; letter-spacing:0.05em;}


/*==================================================
新着情報
================================================== */

.news-list{width:100%; border-collapse:collapse;}
.news-list th{vertical-align:top; text-align:left; padding:30px 0; font-weight:normal; border-bottom:1px dotted #000; width:18%;}
.news-list td{vertical-align:top; text-align:left; padding:30px 0; border-bottom:1px dotted #000;}
#newsList a{color:#000; text-decoration:none;}
#newsList a:hover{color:#4D95BA; text-decoration:underline;}
.page-navi span{padding-right:20px;}
.page-navi a{color:#000; text-decoration:none;}
.page-navi a:hover{color:#4D95BA; text-decoration:underline;}
.page-navi span.active a{color:#4D95BA;}

.news-title{font-size:120%; padding:0 0 30px 0; border-bottom:1px dotted #000; margin-bottom:30px;}
.news-body p{margin-bottom:30px;}
.news-body a{color:#4D95BA !important; text-decoration:underline !important;}
.news-body a:hover{color:#000 !important; text-decoration:underline !important;}
/*==================================================
出展規約
================================================== */

.con-kiyaku ul{margin:0 18px 30px; line-height: 1.9em;}
.box-kiyakucheck{text-align:center; margin-top:30px;}

.kiyakudata-1{display: inline-block; width:184px; vertical-align: top;}
.kiyakudata-2{display: inline-block; vertical-align: top;}

/*==================================================
よくある質問
================================================== */

dl.f-a-q {margin-bottom: 50px;}
dl.f-a-q dt {background-color:#ecece6; font-size:100%; color:#000; cursor:pointer; margin:0 0 10px; padding:15px 10px;}
dl.f-a-q dd { padding:10px; margin:0 0 15px; }

/*==================================================
プライバシーポリシー
================================================== */

#privacy dl{margin-bottom:50px;}
#privacy dt{margin-bottom:20px;}
#privacy dd{margin:0 15px 30px;}

/*==================================================
バナーダウンロード
================================================== */

.box-bannerpage{background:#f0f0e9; padding:20px; margin-bottom:20px;}
.box-bannerpage table{background:#fff; border-collapse:collapse; border:1px solid #ccc; width:100%;}
.box-bannerpage th{text-align:center; padding:15px 0; width:30%; font-weight:normal; border:1px solid #ccc;}
.box-bannerpage td{text-align:left; padding:15px; border:1px solid #ccc;}
#banner-dl textarea{display:block; margin-top:15px; width:100%; padding:10px; box-sizing:border-box; height:100px; min-height:inherit !important;}
.box-banner-guide{border:1px solid #DD0407; background:#fff; padding:19px;}
.box-banner-guide ul{margin-left:20px;}

/*==================================================
イベントパートナー
================================================== */

.box-ep{width:298px; float:left; margin:0 15px 30px; border:1px solid #ccc; background:#fff; letter-spacing:0.12em;}
.box-ep-img{width:298px; display:table-cell; text-align:center; height:217px; vertical-align:middle; padding:18px 0;}
.box-ep img{width:260px; display:inline-block; vertical-align:middle;}
.box-ep a:hover img{filter: alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
.box-ep-info{padding:9px; font-size:90%;}
.box-ep-info table{border-collapse:collapse; border:none;}
.box-ep-info th{width:46px; vertical-align:top; padding:3px 0; text-align:left;}
.box-ep-info td{vertical-align:top; padding:3px 0; text-align:left;}
.box-ep-info h3{font-size:100%; border-bottom:1px dashed #ccc; padding-bottom:5px; margin-bottom:8px;}

/* =======================================
	アワード
======================================= */

a.btn-awardoubo{background:#4D95BA; text-align:center; display:block; width: 300px; margin:0 auto;  padding:12px 0; letter-spacing:0.18em; font-size:100%; color:#fff; border:2px solid #4D95BA; text-decoration:none;}
a.btn-awardoubo:hover{background-color:transparent; color:#000; cursor:pointer;}

#header-award{background:url(http://makers-jp.com/site/makers-jp/data/main_award3.jpg) center center no-repeat; background-size: cover; text-align: center; padding:150px 0; }

#award01, #award-about, #award-prize, #award-entry, #award-schedule, #award-contact{font-size: 90%;}
#award01{text-align: center; margin: 50px 0;}
#award01 h2{font-size: 120%; display: block; text-align: center; margin: 30px 0 0; font-family: "ゴシックMB101 M";}
.awardpic img{width: 200px; margin: 50px 10px 0;}

.title-award-main{font-size: 140%; font-family: "ゴシックMB101 M"; display: block; text-align: center; margin-bottom: 70px;}
.title-award-mainsub{font-size: 110%; font-family: "ゴシックMB101 M"; display: block; text-align: center; margin-bottom: 35px;}
.title-award-sub{font-size: 110%; font-family: "ゴシックMB101 M"; display: block; text-align: center; margin-bottom: 35px;}
.title-award-sub span{border-bottom: 3px solid #000; padding-bottom: 5px;}
.award-txt-c{text-align: center; line-height: 1.9em; margin-bottom: 70px;}
.award-txt-l{line-height: 1.9em; margin-bottom: 70px;}

#award-about{text-align: center; padding:70px 0;  }
#award-about ul{margin: 0 0 0 98px; text-align: left;}
#award-about .award-txt-c{margin-bottom: 0;}
#award-about .title-award-sub span{border-bottom: 3px solid #000; }
.award-about-l{width: 530px; float: left;}
.award-about-r{width: 430px; float: right;}

#award-entry{background:url(http://makers-jp.com/site/makers-jp/data/bg_award02.jpg) center center no-repeat; background-size: cover; padding: 50px 0;}
#award-entry .award-txt-c{margin: 0 auto 70px;}

#award-entry2{display: table; background:#6e6e6e;}
.ae2-pic{display: table-cell; width: 60%; text-align: right;}
.ae2-pic img{width: 100%; vertical-align: bottom;}
.ae2-txt{display: table-cell; width: 40%; text-align: left; vertical-align: middle; }
.ae2-txt a.btn-awardoubo{background:#4D95BA; text-align:center; display:inline-block; width: 300px; margin:0 0 0 70px;  padding:12px 0; letter-spacing:0.18em; font-size:100%; color:#fff; border:2px solid #4D95BA; text-decoration:none;}
.ae2-txt a.btn-awardoubo:hover{background-color:#fff; color:#000; cursor:pointer;}

#award-exsample{text-align: center; padding:0 0 70px;  }
#award-exsample ul{width: 94%; margin: 0 auto;}
#award-exsample li{display:inline-block; width: 38%; padding: 30px 20px; vertical-align: top; text-align: center; color: #000; margin: 0; font-size: 12px;}
#award-exsample .title-award-sub{margin-bottom: 20px;}
#award-exsample .award-txt-l{line-height: 1.9em; margin-bottom: 50px;}
.award-exList01{border-top:2px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; border-left:2px solid #000;}
.award-exList02{border-top:2px solid #000; border-right:2px solid #000; border-bottom:1px solid #000; border-left:1px solid #000;}
.award-exList03{border-top:1px solid #000; border-right:1px solid #000; border-bottom:2px solid #000; border-left:2px solid #000;}
.award-exList04{border-top:1px solid #000; border-right:2px solid #000; border-bottom:2px solid #000; border-left:1px solid #000;}
#award-exsample li span{text-align: left; display: inline-block;}

#award-prize{text-align: center; padding:70px 0;  }
#award-prize table{margin:0 0 15px 120px ;}
#award-prize table th{vertical-align: middle; padding-right: 30px; padding-bottom: 15px; text-align: left;}
#award-prize table th span img{width: 18px; padding-right: 5px; vertical-align: middle;}
#award-prize table td{vertical-align: middle; padding-bottom: 15px; text-align: left;}
#award-prize ul{margin: 0 0 0 80px;  text-align: left;}
.award-prize-l{width: 450px; float: left;}
.award-prize-r{width: 450px; float: right;}

.award-schecon-l{width: 450px; float: left;}
.award-schecon-r{width: 450px; float: right;}
#award-schecon{padding:70px 0 0;}
#award-schecon table{margin: 0 auto 40px; width: 600px;}
#award-schecon table th{vertical-align: top; padding-right: 30px; padding-bottom: 15px; width: 100px; text-align: left;}
#award-schecon table td{vertical-align: top; padding-bottom: 15px;}
.a-sche{width: 600px; margin: 0 auto 70px;}
#award-schecon .award-txt-c{margin-bottom: 0;}
#award-schecon .award-txt-l{margin-bottom: 0;}

#award-attention{padding: 70px 0 0;}
#award-attention ul{width: 800px; margin: 0 auto 50px;}
#award-attention02 ul{width: 800px; margin: 0 auto 50px;}
#award-shikaku{padding:70px 0 0;}
#award-how h5{font-size:100%; margin-bottom: 15px;}
.box-ah{margin:0 100px;}
.box-ah ul li span{font-size:90%; padding-left:10px;}
#award-how ul{margin:0 15px;}
#award-contact{padding:70px 0 0;}
#award-contact .award-txt-l{margin:0 100px;}

.txt-close{color: #d80808; text-align: left; margin: 20px auto 0; width: 470px;}

#kekka-txt{width: 860px; margin: 50px auto;}
#kekka-txt h3{border-bottom: 3px solid #000; padding-bottom: 5px; font-size: 140%;}
#kekka-txt article{margin: 40px 30px 50px;}
#kekka-txt p{margin-bottom: 30px; line-height: 1.8em;}
#kekka-txt h4{font-size: 110%; margin-bottom: 20px; font-family: "ゴシックMB101 M";}
#kekka-txt ul{margin: 0 30px 30px;}
#kekka-txt dl{padding: 0 15px 30px;}
#kekka-txt dt{margin-bottom: 10px;}
#kekka-txt dd{margin: 0 15px 20px;}
#kekka-txt th{padding:0 30px 20px 0;}
#kekka-txt td{padding: 0 0 20px 0;}

#award-pp{width: 100%; text-align: center; height: 500px; background:#6e6e6e;}

/*==================================================
告知協力店舗
================================================== */

#shop .box-ep-info th{width:76px; vertical-align:top; padding:3px 0; text-align:left;}

/*==================================================
開催レポート
================================================== */

#report img{width:220px; margin:0 12px 24px;}

/*==================================================
出展者関連ページ
================================================== */
/*出展者検索*/
#exlist-search{border:1px solid #ccc; background:#fff;}
#exlist-search h3{font-size: 120%; margin:29px 29px 25px;}
.default-open{margin:0 29px;}
div.search-name{display: inline-block; width: 107px; height: 36px; background:url(https://2017.makers-jp.com/site/2017/data/f_exlist_01.png) no-repeat center left; vertical-align: top; line-height: 36px; font-size: 14px; box-sizing: border-box; margin-bottom: 20px; letter-spacing: 0;}
div.search-check{display: inline-block; width: 820px; vertical-align: top; padding-top: 8px; margin-bottom: 20px;}
#exlist-search button{width: 100%; box-sizing: border-box; background:#000; color: #fff; padding: 17px 0; text-align: center; border:none !important; font-size: 110%; cursor:pointer; margin-top: 20px;}
#exlist-search button:hover{background:#6e6e6e;}

.search-edit{background:#fff; padding: 10px; margin: 20px 0;}
a.search-del{display: inline-block; background:#000; color: #fff; text-decoration: none; text-align: center; width:15px; height: 15px; line-height: 15px; margin-right: 5px; font-size: 10px; border-radius: 2px;}
a.search-reset{display: inline-block; background:#efefe7; text-align: center; padding: 10px 30px; margin-left: 30px; text-decoration: none; color: #000;}
a.search-reset:hover{background:#000; color: #fff;}

/*出展者一覧*/
#exlist{border-top:4px solid #000; padding-top: 35px; margin: 35px 0 50px;}
a.exlistbox{display: block; margin: 0 15px 30px; background:url(https://2017.makers-jp.com/site/2017/data/bg_exbox.png) repeat top left #e6e6e1; padding:6px; text-decoration: none; color: #000; width: 208px; float: left;}
a.exlistbox:hover{background-color: #000;}
a.exlistbox article{background:#fff; padding: 6px;}
a.exlistbox dt{display: inline-block; width: 60px; height: 26px; margin-bottom: 5px; background-repeat: no-repeat; background-position: center top; line-height: 26px; vertical-align: middle; font-size: 12px; letter-spacing: 0; padding-left: 7px;}
a.exlistbox dt.data-area{background-image: url(https://2017.makers-jp.com/site/2017/data/f_exlist_02.png);}
a.exlistbox dt.data-day{background-image: url(https://2017.makers-jp.com/site/2017/data/f_exlist_03.png);}
a.exlistbox dt.data-cate{background-image: url(https://2017.makers-jp.com/site/2017/data/f_exlist_04.png);}
a.exlistbox dd{display: inline; font-size: 11px;}
a.exlistbox div.exlist-pic{width: 196px; height: 196px; margin-bottom: 5px; }
a.exlistbox div.exlist-pic img{width: 100%;}
a.exlistbox h4{font-size: 12px; margin-bottom: 5px; display: inline-block; line-height: 1.2em; font-family: "ゴシックMB101 M";}
a.exlistbox h4 span{font-size: 11px; display: block;}

/*出展者詳細*/

.exdetail-title{background:url(https://2017.makers-jp.com/site/2017/data/bg_exbox.png) repeat top left #e6e6e1; padding:10px; margin-bottom: 30px; }
.exdetail-title h3{display: block; border-radius: 6px; background: #fff; padding: 10px; font-size: 120%;}
.exdetail-title h3 span{font-size: 80%;}
#exdetail article#booth-data{margin:0 15px 70px;}
#exdetail article#booth-data dl{margin-bottom: 30px;}
#exdetail article#booth-data dt{display: inline-block; width: 60px; height: 26px; margin-bottom: 5px; background-repeat: no-repeat; background-position: center top; line-height: 26px; vertical-align: middle; font-size: 12px; letter-spacing: 0; padding-left: 7px;}
#exdetail article#booth-data dt.data-area{background-image: url(https://2017.makers-jp.com/site/2017/data/f_exlist_02.png);}
#exdetail article#booth-data dt.data-day{background-image: url(https://2017.makers-jp.com/site/2017/data/f_exlist_03.png);}
#exdetail article#booth-data dt.data-cate{background-image: url(https://2017.makers-jp.com/site/2017/data/f_exlist_04.png);}
#exdetail article#booth-data dd{display: inline; font-size: 12px; padding-right: 10px;}
.exdetail-l{width: 495px; float: left;}
.exdetail-l h4{display: block; width: 130px; height: 44px; background: url(https://2017.makers-jp.com/site/2017/data/f_exdetail_01.png) no-repeat top center; font-size: 94%; text-align: center; padding-top: 5px; font-weight: normal;}
.exdetail-comment{margin: 25px 0 50px 25px; box-sizing: border-box; padding-bottom: 50px; border-bottom: 1px dashed #000;}
.exdetail-btn{margin: 0 0 0 25px;}
.exdetail-btn a{display: inline-block; width: 228px; height: 50px; border:1px solid #000; background-color: transparent; border-radius: 6px; text-decoration: none; color: #000; text-align: center; line-height: 50px; margin-bottom: 10px;}
.exdetail-btn a span{background-position: center left; display: inline-block; background-repeat: no-repeat; padding-left: 24px;}
.exdetail-btn a:hover{background-color: #6e6e6e;}
.exdetail-btn a.homepage span{background-image: url(https://2017.makers-jp.com/site/2017/data/btnicon_exdetail_home.png);}
.exdetail-btn a.facebook span{background-image: url(https://2017.makers-jp.com/site/2017/data/btnicon_exdetail_facebook.png); padding-left: 20px;}
.exdetail-btn a.twitter span{background-image: url(https://2017.makers-jp.com/site/2017/data/btnicon_exdetail_twitter.png); padding-left: 30px;}
.exdetail-btn a.instagram span{background-image: url(https://2017.makers-jp.com/site/2017/data/btnicon_exdetail_instagram.png);}
.exdetail-pic{width: 400px; float: right;}
.box-pic-main img{width: 100%;}
.box-pic-thumb img{width: 16.66%;}
header{
           z-index: 9990; /* lightboxが9999から */
       }
       .box-pic-main{
           width: 400px;
           height: 400px;
           margin-bottom: 10px;
       }
       .box-pic-thumb img{
           width: auto;
		   cursor: pointer;
       }
       .box-pic-thumb > ul{
           padding: 0;
           margin: 0;
           list-style: none;
       }
       .box-pic-thumb > ul > li{
           display: block;
           width: 66.6px;
           height: 66.6px;
           float: left;
       }

#pagelink-btn{position: relative; margin: 30px 0 50px; height: 64px; border-top: 1px dashed #000;}
#pagelink-btn a{position: absolute; top: 30px; border-radius: 6px; background:#000; color: #fff; text-decoration: none; display: inline-block; text-align: center; height: 34px; line-height: 34px; border:1px solid #000; }
#pagelink-btn a:hover{background-color: transparent; color: #000;}
#pagelink-btn a.prevexhibitor{left: 0; width: 140px;}
#pagelink-btn a.nextexhibitor{right: 0; width: 140px;}
#pagelink-btn a.samearea{left: 50%; width: 260px; margin-left: -130px;}


#exdetail-link dt{display: block; width: 210px; float: left; background:url(https://2017.makers-jp.com/site/2017/data/bg_exdetail_link.png) repeat top left #000; color: #fff; font-size: 100%; text-align: center; height: 60px; line-height: 60px; margin-bottom: 25px; border-top-left-radius: 6px; border-bottom-left-radius: 6px;}
#exdetail-link dd{display: block; width:768px; float: left; height: 58px; background:url(https://2017.makers-jp.com/site/2017/data/y_exdetail.gif) no-repeat center left #fff; font-size: 96%; text-align: left; border:1px solid #000; margin-bottom: 25px; padding-left: 20px; border-top-right-radius: 6px; border-bottom-right-radius: 6px;}
#exdetail-link dd.areabetsu, #exdetail-link dd.ws-linkmenu{padding-top:7px; height: 51px;}
#exdetail-link dd ul{height: 58px; vertical-align: middle;}
#exdetail-link dd li{display: inline-block; margin: 0 2px;}
#exdetail-link dd li a:link{text-decoration: none;}
#exdetail-link dd li a:visited{text-decoration: none;}
#exdetail-link dd li a:hover{text-decoration: underline;}



/*ワークショップ情報*/
#exdetail-ws{margin: 0 15px 50px;}
#exdetail-ws article{border:1px solid #e6e6e1; background:#fff; margin-bottom: 20px; /*min-height: 350px;*/ position: relative; padding-bottom: 20px;}
/*#exdetail-ws article h4{display: block; background:#000; color: #fff; font-size: 100%; padding: 8px 12px; line-height: 1.0em;}
#exdetail-ws article h4 span{display: inline-block; background:#fff; color: #000; font-size: 84%; padding: 5px 5px; margin-right: 5px; border-radius: 2px;}*/
#exdetail-ws article h4{display: block; background:#e6e6e1; font-size: 100%; padding: 8px 12px; line-height: 1.0em;}
#exdetail-ws article h4 span{display: inline-block; background:#fff; color: #000; font-size: 84%; padding: 5px 5px; margin-right: 5px; border-radius: 2px;}
.box-exdetailws-left{width: 740px; float: left;}
.txt-wsnaiyou{margin:20px 20px 30px 20px;}
#exdetail-ws article dl{display: inline-block; width: 300px; vertical-align: top;}
#exdetail-ws article dl.ws-date{margin: 0 0 20px 20px; width: 400px;}
#exdetail-ws article dl.ws-info{margin: 0 0 20px 0;}
#exdetail-ws article dt{display: inline-block; width: 60px; height: 26px; margin-bottom: 5px; background-image: url(https://2017.makers-jp.com/site/2017/data/f_exws_01.png); background-repeat: no-repeat; background-position: center top; line-height: 26px; vertical-align: top; font-size: 12px; letter-spacing: 0; padding-left: 7px;}
#exdetail-ws article dd{display: inline-block; font-size: 12px; width: 220px ; vertical-align: top;}
#exdetail-ws article dl.ws-date dd{width: 300px;}
/*.ws-pic{position: absolute; right: 20px; top: 60px; width: 96px; }*/
.ws-pic{width: 180px; margin:20px 20px 0 0; float: right;}
.ws-pic ul{list-style: none;}
.ws-pic ul li{width: 180px; height: 180px;}/*当初は90px*/
.ws-pic img{width: 180px; height: 180px; object-fit: cover;}

/*↓↓2016↓↓*/
.box-search{margin:0 20px 30px;}
#search-area label{display:block; margin-bottom:8px;}

button.btn-search-reset{background:#ccc !important; color:#000 !important; border:2px solid #ccc !important;}
button.btn-search-reset:hover{background-color:transparent !important; color:#000 !important; border:2px solid #000 !important;}

a.box-exhibitorList{display:block; float:left; width:215px; margin:0 10px 20px; vertical-align:top;}
a.box-exhibitorList{text-decoration:none; cursor:pointer; color:#000;}
.box-exhibitorList .day{height:20px; position:relative;}
.box-exhibitorList .day span{display:inline-block; background:#000; position:absolute; top:0; width:71px; height:20px; vertical-align:middle; line-height:20px; text-align:center; color:#fff; font-size:85%;} 
.box-exhibitorList .day span.d10{left:0;}
.box-exhibitorList .day span.d11{left:72px;}
.box-exhibitorList .day span.d12{left:144px;}

.pic-exhibitorList{background:#fff; border:1px solid #000; padding:9px 4px; width:205px; height:120px !important; text-align:center;}
.pic-exhibitorList img{display:inline-block; height:120px;}

.box-exhibitorList h4{font-size:90%; display:block; padding:5px; background:#000; color:#fff;}
.area-exhibitorList{font-size:90%; display:block; padding:5px; background:#ecece6;}

/*詳細*/
.title-ex{background:#000; color:#fff; font-size:120%; padding:15px 20px; margin-bottom:10px;}
#ex-category{text-align:right; margin:0 0 40px;}
#ex-category span{display:inline-block; padding:2px 3px; background:#ecece6; color:#000; font-size:85%; margin-left:3px;}
.ex-catchcopy{font-size:110%; margin-bottom:20px;}
.ex-txt{font-size:100%; margin-bottom:50px;}

.ex-pic{width:480px; float:left;}
.ex-pic .flexslider{width:480px !important;}
.ex-pic img{width:480px;}
.ex-info{width:430px; float:right;}
.ex-info table{font-size:90%; width:100%; letter-spacing:0.12em;}
.ex-info th{border-bottom:1px solid #ccc; padding:15px 5px; text-align:left; vertical-align:top; font-weight:normal; width:130px;}
.ex-info td{border-bottom:1px solid #ccc; padding:15px 5px; text-align:left; vertical-align:top; font-weight:normal;}
td.td-sns img{margin-right:8px;}
span.img-caption{display:block; text-align:center; padding:0; font-size:90%; color:#fff; background:#000;}

/*==================================================
出展者マイページ
================================================== */
body#mypage{position: relative;}
.mypage-contents-area{margin-top: 60px;}

#mypage-header{width: 100%; height: 40px;
	position: fixed;
	top:0;
	background: rgba(255,255,255,0.7);
	text-align:center; 
	padding: 10px 0;
	z-index: 99999;
}

.box-btn a{display: block; margin: 30px auto; width: 300px; text-align: center; border:1px solid #000; background: #000; color: #fff; text-decoration: none; padding: 20px 0;}
.box-btn a:hover{background-color: transparent; color: #000;}

button.btn-mypage{display: inline-block; margin: 30px 20px 30px 0; width: 240px; text-align: center; border:1px solid #000; background: #000; color: #fff; text-decoration: none; padding: 15px 0; font-size: 100%;}
button.btn-mypage:hover{background-color: transparent; color: #000; cursor: pointer;}

button.btn-mypagewspic{display: inline-block; margin: 0; text-align: center; border:1px solid #000; background: #000; color: #fff; text-decoration: none; padding: 10px; font-size: 100%;}
button.btn-mypagewspic:hover{background-color: transparent; color: #000; cursor: pointer;}

#mypage-header .contents-area{width: 870px !important;}

#mypage-header h1{display: inline-block; width: 200px; vertical-align: middle; text-align: left; height: 40px;}
#mypage-header h1 img{height: 40px;}
.mypage-header-r{display: inline-block; width: 650px; text-align: right; vertical-align:middle; height: 40px;}


#mypage-header button{background-color:#000; border:none; color:#fff; cursor:pointer; font-size:80%; display:inline-block; padding:3px 5px;}

.mapage-message{border:2px solid #000; padding:15px; font-size:94%; margin:0 0 30px;}
#mypage-top{width:800px; margin:0 auto;}
#mypage-top ul{list-style:none;}
#mypage-top li a{display:block; padding:20px 0; text-align:center; border:1px solid #000; border-radius:6px; color:#fff; background:#000; text-decoration:none; margin-bottom:15px; cursor:pointer;}
#mypage-top li a:hover{background-color:transparent; color:#000;}

.l-ex-manual{width: 390px; float: left;}
.r-ex-manual{width: 390px; float: right;}
.ex-manual{padding-bottom: 20px;}
.ex-manual p{margin: 0 5px;}
.ex-manual a{display:block; padding:20px 0; text-align:center; border:1px solid #000; border-radius:6px; color:#fff; background:#000; text-decoration:none; margin-bottom:10px; cursor:pointer;}
.ex-manual a:hover{background-color:transparent; color:#000;}

#mypage-footer{border-top:1px solid #000; background-color:transparent; color:#000; padding:30px 0 ; margin-top:100px; text-align:center; font-size:90%;}

#mypage-navi{background:#000; color:#fff; margin:0 0 30px;}
#mypage-navi ul{list-style:none; width: 900px; margin: 0 auto;}
#mypage-navi li{display:inline-block;}
#mypage-navi li a{color:#fff; display:block; letter-spacing:0; padding:10px 20px; font-size:95%; cursor:pointer; text-decoration:none;}
#mypage-navi li a:hover{background:#898989; color:#000;}

section.mypage-contents{width:1000px; margin:0 auto;}
section.mypage-contents h2{font-size:140%; display:block; margin:30px; font-weight:normal;}

#mypage-booth textarea{width:98%;}
#mypage-booth .box-smallbtn{margin-bottom:20px;}
#mypage-booth .box-smallbtn a{display:inline-block; padding:10px 30px; text-align:center; border:1px solid #000; color:#fff; background:#000; text-decoration:none; cursor:pointer;}
#mypage-booth .box-smallbtn a:hover{background-color:transparent; color:#000;}
#mypage-booth td.td-pic, #mypage-booth td.td-pic2{vertical-align:middle;}
#mypage-booth td.td-pic button{display:block; margin-top:22px; width:210px; padding:10px 0; float:right; font-size:90%; text-align:center; border:1px solid #000; color:#fff; background:#000; text-decoration:none; cursor:pointer;}
#mypage-booth td.td-pic button:hover{background-color:transparent; color:#000;}
#mypage-booth td.td-pic2 button{display:inline-block; padding:10px; font-size:90%; text-align:center; border:1px solid #a9a9a9; color:#000; background:#a9a9a9; text-decoration:none; cursor:pointer;}
#mypage-booth td.td-pic2 button:hover{background-color:transparent; color:#000;}

.exhibitor-price{}
.exhibitor-price table{border-collapse:collapse; border:1px solid #DA8687; box-sizing:border-box; background:#fff !important; margin-bottom:20px;}
.exhibitor-price th{background:#f9c8c9; color:#000; font-weight:normal; border:1px solid #DA8687; text-align:center; padding:20px 0;}
.exhibitor-price td{border:1px solid #DA8687;  padding:20px;}
.exhibitor-price form{display:inline-block;}
.exhibitor-price button{display:inline-block; background:#DA8687; border:1px solid #DA8687; font-size:100%; color:#fff; padding:10px 30px; margin-left:30px; cursor:pointer; text-decoration:none;}
.exhibitor-price button:hover{background-color:transparent !important; color:#DA8687;}


.exhibitor-price a{background:#000; text-align:center; display:inline-block; padding:8px 30px; letter-spacing:0.18em; font-size:14px; color:#fff; border:2px solid #000; text-decoration:none;}
.exhibitor-price a:hover{background-color:transparent; color:#000; cursor:pointer;}

#mypage-goods h3{background:#000; color:#fff; font-size:100%; padding:10px; margin-bottom:20px;}
.box-list{margin:0 20px 30px; line-height:1.4em;}
.box-list div.picture{width:160px; padding:20px; border:1px solid #ccc; float:left;  margin-bottom:15px;}
.box-list div.picture img{width:100%;}
.pro-ex{width:720px; float:right;}
.btnlist-cart{display:block; border-radius:2px; width:38%; box-sizing:border-box; border:1px solid #000 !important; background:#000; color:#fff; text-align:center; padding:12px 0; cursor:pointer; border:none; font-size:100%; margin-top:15px;}
.btnlist-cart:hover{background-color:transparent; color:#000;}
.box-list .field-num{height:20px; font-size:90%; width:10%;}
.box-list h3{font-size:100%; margin-bottom:10px;}
.list-summery{margin-bottom:10px;}
.list-price{color:#BC0C0F; margin-bottom:10px; font-weight:bold;}
.mes-detail-cartin{color:#BC0C0F; font-weight:bold;}

#mypage-cart .title-page{display:none; visibility:hidden;}
#mypage-cart .form-table{border-collapse:collapse; width:100%; border:1px solid #ccc;}
#mypage-cart .form-table th{background:#f1f1f1; vertical-align:middle; text-align:center; border:1px solid #ccc; color:#000; padding:10px;}
#mypage-cart .form-table td{vertical-align:middle; text-align:left; padding:10px; border:1px solid #ccc;}
#mypage-cart .form-table td img{width:80px;}
#mypage-cart button{display:block; width:40%; margin:20px auto; background:#000; font-size:100% !important; border:1px solid #000 !important; text-align:center; padding:20px 0; color:#fff !important; cursor:pointer;}
#mypage-cart button:hover{background-color:transparent !important; color:#000 !important;}

#mypage-cart button.btn_delcart{display:inline; margin:0; background-color:transparent; font-size:90% !important; border:none !important; text-align:center; padding:0; text-decoration:underline; color:#4D95BA !important; cursor:pointer;}
#mypage-cart button.btn_delcart:hover{background-color:transparent !important; color:#000 !important;}

th.cart-pic{width:10% !important;}
th.cart-name{width:40% !important;}
th.cart-price{width:10% !important;}
th.cart-num{width:10% !important;}
th.cart-delete{width:10% !important;}
th.cart-shoukei{width:20% !important;}

.box-num{display:table; width:100%;}
.box-num-num{display:table-cell; text-align:center; vertical-align:middle; padding-right:10px;}
.box-num-ud{display:table-cell; text-align:center; vertical-align:middle;}
.box-updown{display:block; width:16px; height:16px; line-height:14px; background:#999; color:#fff !important; font-size:76%; border-radius:4px; text-decoration:none;}
a.btn-updown{display:block; width:16px; height:16px; line-height:14px; background:#333; color:#fff !important; font-size:76%; border-radius:4px; text-decoration:none;}
a:hover.btn-updown{text-decoration:none !important; background:#999;}

.cart-price{margin-top:30px; margin-bottom:30px;}
.cart-price dt{display:inline-block; width:68%; background-color:transparent; padding:15px 0; box-sizing:border-box; text-align:right; margin-bottom:5px;}
.cart-price dd{display:inline-block; width:31%; background-color:transparent; padding:15px 0; box-sizing:border-box; text-align:right; margin-bottom:5px;}

#mypage-payoutline p{width:860px; margin:0 auto 30px;}
.box-pay{border:2px solid #000; padding:26px; width:800px; margin:0 auto 30px;}
.box-pay h4{font-size:120%; margin-bottom:20px; font-weight:normal;}

#mypage-payfin p{width:860px; margin:0 auto 30px;}
#mypage-cardfin p{width:860px; margin:0 auto 30px;}

#mypage-error input{display:block; width:40%; margin:20px auto; background:#000; font-size:100% !important; border:1px solid #000 !important; text-align:center; padding:20px 0; color:#fff !important; cursor:pointer;}
#mypage-error input:hover{background-color:transparent !important; color:#000 !important;}

.mes-error{font-size:90%; color:#d80a0a; display:block; padding:10px; text-align:center; border:2px solid #d80a0a; margin:10px 0; box-sizing:border-box;}
.mes-error2{font-size:90%; color:#d80a0a; display:block; width:90%; padding:10px; text-align:center; border:2px solid #d80a0a; margin:20px auto 0; box-sizing:border-box;}

/*支払い履歴*/
#mypage-history .form-table{border-collapse:collapse; width:100%; border:1px solid #ccc;}
#mypage-history .form-table th{background:#f1f1f1; vertical-align:middle; text-align:center; border:1px solid #ccc; color:#000; padding:10px;}
#mypage-history .form-table td{vertical-align:middle; text-align:left; padding:10px; border:1px solid #ccc;}
#mypage-history .form-table td img{width:80px;}
#mypage-history .form-table td span.label{padding:5px 10px !important;}

/*セミナー説明ページ*/
#seminar-att ul{margin:0 20px 50px;}
.seminar-btn{border:1px solid #000; text-align:center; margin-bottom:50px; padding-bottom:30px;}
.seminar-btn h4{background:#000; color:#fff; padding:10px 0; text-align:center; margin-bottom:20px; font-size:120%;}
.seminar-btn button{display:inline-block; background:#000; border-radius:6px; width:73%; padding:10px 0; cursor:pointer; color:#fff; font-size:110%; border:1px solid#000; margin:20px 0 0;}
.seminar-btn button:hover{background-color:transparent; color:#000;}
/*==================================================
フォーム画面
================================================== */

input[type="text"], input[type="date"], input[type="datetime-local"], input[type="number"], input[type="email"], input[type="password"] , input[type="tel"] ,input[type="search"]  { 
height:32px; font-size:100%; border:1px solid #ccc; padding:2px 5px;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="search"]:focus,
textarea:focus {
background: #ecece6;
}
input[type="submit"]{background:#000; text-align:center; display:inline-block; padding:12px 70px; letter-spacing:0.18em; font-size:14px; color:#fff; border:2px solid #000;}
input[type="submit"]:hover, input[type="button"]:hover{background-color:transparent; color:#000; cursor:pointer;}

textarea{min-height:160px; font-size:100%; border:1px solid #ccc; padding:2px 5px;}

input[type="checkbox"]{vertical-align:bottom; width:20px; height:20px;}

/*セレクト*/


select{background: #fff;
    border: 1px solid #ccc;
	font-size:100%;
    height: 34px;
    line-height: 34px;
    text-align: left;
    text-indent: 5px;
    vertical-align: middle;}

/*ラジオボタン*/
label.rdbox{display:inline-block; padding-right:10px;}

/*チェックボックス*/

label.ckbox{display:inline-block; padding-right:10px;}
.ex-naiyou label.ckbox{display:inline-block; padding-right:0; padding-bottom: 5px; width: 200px;}

/*必須マーク*/
.required{color:#e00303;}

/*幅*/
.w-min{width:10%;}
.w-ss{width:20%;}
.w-s{width:30%;}
.w-m{width:50%;}
.w-l{width:70%;}
.w-ll{width:80%;}
.w-max{width:90%;}

/*ボタンエリア*/
.btn-area{text-align:center; padding:30px 0;}
.btn-area button{background:#000; text-align:center; display:inline-block; padding:12px 70px; letter-spacing:0.18em; font-size:14px; color:#fff; border:2px solid #000;}
.btn-area button:hover{background-color:transparent; color:#000; cursor:pointer;}

/*エラー文章*/
.form-err{color:#f00; font-size:90%; line-height:1.0em; margin-top:5px;}
.form-att{border:1px solid #f00; background:#fff1f1; padding:10px; margin:10px 0; box-sizing:border-box;}
.form-att ul{margin-left:30px;}

.table-contact{width:100%; border-collapse:collapse; border:none;}
.table-contact th{vertical-align:top; width:25%; text-align:left; font-weight:normal; padding-bottom:30px; border:none;}
.table-contact td{vertical-align:top; text-align:left; padding-bottom:30px; border:none;}

.title-formcate{font-size:100%; font-weight:normal; border-bottom:1px solid #000; padding:0 10px 5px; margin:20px 0;}
h3.title-formcate span{display:inline-block; padding-left:10px; font-size:92%;}

/*==================================================
Border-Type Valiation
================================================== */

.b-no{border:none;}


/*==================================================
Title-Type Valiation
================================================== */

.title-type-form{background:#f4f4f4; border-bottom:3px solid #d6a0a1; color:#270000; padding:5px 10px; font-size:100%; }
.title-type01{border-bottom:6px solid #d6a0a1;}
.title-type01 span{
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;
background-color:#eec7c8;
padding:5px 30px 2px; display:inline-block;
}

/*==================================================
テーブル
================================================== */

.table{border-collapse:collapse; border:1px solid #ccc; box-sizing:border-box;}
.table th{border:1px solid #ccc; 
background: #ecece6; 
font-weight:normal; text-align:left; padding:20px 30px;}
.table td{border:1px solid #ccc; font-weight:normal; padding:20px;}
.table tr{}
.table-striped tr:nth-child(odd) { background:#f9f9f9;}
.table-hover > tbody > tr{cursor:pointer;}
.table-hover > tbody > tr:hover{background:#004896; color:#fff;}

.table caption{text-align:left; margin-bottom:5px;}

/*==================================================
アラート
================================================== */
.alert {
	padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
	text-align:center;
	color: #f00;
    background-color: #fff1f1;
    border-color: #f00;
}

.alert-success {
	border:none;
	margin:15px 0;
	text-align:center;
	background-color:#6e6e6e;
	color:#fff;
}

.alert-err {
	border:2px solid #e10404;
	text-align:center;
	padding:12px 0;
	margin:15px auto 0;
	color:#e10404;
}

.alert-info {
	color:#000;
    background-color: #f9f9f9;
    border-color: #ccc;
}

.alert-warning {
    color: #000;
    background-color: #f8fb02;
    border-color: #fbc302;
}

/*==================================================
ラベル（タグ）
================================================== */

ul.tag{
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.tag li {
    display: inline-block;
    margin: 0 0 .3em 1em;
    padding: 0;
}

ul.tag li a {
    position: relative;
    display: inline-block;
    height: 20px;
    line-height: 20px;
    padding: 0 1em;
    background-color: #e2e2e2;
    border-radius: 0 3px 3px 0;
    font-size: 85%;
    text-decoration: none;
    -webkit-transition: .2s;
    transition: .2s;
}

ul.tag li a::before {
    position: absolute;
    top: 0;
    left: -10px;
    content: '';
    width: 0;
    height: 0;
    border-color: transparent #e2e2e2 transparent transparent;
    border-style: solid;
    border-width: 10px 10px 10px 0;
    -webkit-transition: .2s;
    transition: .2s;
}

ul.tag li a::after {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 2;
    display: block;
    content: '';
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background-color: #fff;
    border-radius: 100%;
}

ul.tag li span {
    display: block;
    max-width: 100px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.label {
	display: inline;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
	padding-right: .6em;
	padding-left: .6em;
	font-size: 75%;
	font-weight: bold;
	line-height: 1;
	text-align: center;
	white-space: nowrap;
	vertical-align: baseline;
	border-radius: .25em;
	background: #e2e2e2;
}

/*==================================================
ボタン
================================================== */

/*ボタンのマウスオーバー用カラーバリエーション*/

button.on-bgc-red:hover{background:#ed4548 !important; color:#fff !important; border-color:#ed4548 !important;}
button.on-bgc-green:hover{background:#88a406 !important; color:#fff !important; border-color:#88a406 !important;}
button.on-bgc-orange:hover{background:#f67c05 !important; color:#fff !important; border-color:#f67c05 !important;}
button.on-bgc-pink:hover{background:#fe96c0 !important; color:#fff !important; border-color:#fe96c0 !important;}
button.on-bgc-grey:hover{background:#c6bfae !important; color:#fff !important; border-color:#c6bfae !important;}
button.on-bgc-blue:hover{background:#2bbdf9 !important; color:#fff !important; border-color:#2bbdf9 !important;}
button.on-bgc-yellow:hover{background:#fefc47 !important; color:#333 !important; border-color:#fefc47 !important;}
button.on-bgc-grey02:hover{background:#e7e7e6 !important; color:#fff !important; border-color:#e7e7e6 !important;}
button.on-bgc-w:hover{background:#fff !important; color:#333 !important; border-color:#333 !important;}
button.on-bgc-black:hover{background:#000 !important; color:#fff !important; border-color:#000 !important;}
button.on-bgc-pinkgrey:hover{background:#f7e3e3 !important; color:#333 !important; border-color:#f7e3e3 !important;}

a.on-bgc-red:hover{background:#ed4548 !important; color:#fff !important; border-color:#ed4548 !important;}
a.on-bgc-green:hover{background:#88a406 !important; color:#fff !important; border-color:#88a406 !important;}
a.on-bgc-orange:hover{background:#f67c05 !important; color:#fff !important; border-color:#f67c05 !important;}
a.on-bgc-pink:hover{background:#fe96c0 !important; color:#fff !important; border-color:#fe96c0 !important;}
a.on-bgc-grey:hover{background:#c6bfae !important; color:#fff !important; border-color:#c6bfae !important;}
a.on-bgc-blue:hover{background:#2bbdf9 !important; color:#fff !important; border-color:#2bbdf9 !important;}
a.on-bgc-yellow:hover{background:#fefc47 !important; color:#333 !important; border-color:#fefc47 !important;}
a.on-bgc-grey02:hover{background:#e7e7e6 !important; color:#fff !important; border-color:#e7e7e6 !important;}
a.on-bgc-w:hover{background:#fff !important; color:#333 !important; border-color:#333 !important;}
a.on-bgc-black:hover{background:#000 !important; color:#fff !important; border-color:#000 !important;}
a.on-bgc-pinkgrey:hover{background:#f7e3e3 !important; color:#333 !important; border-color:#f7e3e3 !important;}

/*デフォルトのボタン*/

a.btn-basic-ib{display:inline-block; border:1px solid #000; color:#000 !important; text-decoration:none; padding:10px 0; text-align: center;}
a:hover.btn-basic-ib{background-color:#000; color:#fff !important;}




/*==================================================
Padding Valiation
================================================== */

.p0{padding:0 !important;}
.p5{padding:5px !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p25{padding:25px !important;}
.p30{padding:30px !important;}
.p40{padding:40px !important;}
.p50{padding:50px !important;}

.p1per{padding:1% !important;}
.p2per{padding:2% !important;}
.p3per{padding:3% !important;}
.p4per{padding:4% !important;}
.p5per{padding:5% !important;}

.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr25{padding-right:25px !important;}
.pr30{padding-right:30px !important;}
.pr40{padding-right:40px !important;}
.pr50{padding-right:50px !important;}

.pr1per{padding-right:1% !important;}
.pr2per{padding-right:2% !important;}
.pr3per{padding-right:3% !important;}
.pr4per{padding-right:4% !important;}
.pr5per{padding-right:5% !important;}

.pt0{padding-top:0px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt25{padding-top:25px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}

.pb0{padding-bottom:0px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb25{padding-bottom:25px !important;}
.pb30{padding-bottom:30px !important;}
.pb40{padding-bottom:40px !important;}
.pb50{padding-bottom:50px !important;}

.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl25{padding-left:25px !important;}
.pl30{padding-left:30px !important;}
.pl40{padding-left:40px !important;}
.pl50{padding-left:50px !important;}

.pl1per{padding-left:1% !important;}
.pl2per{padding-left:2% !important;}
.pl3per{padding-left:3% !important;}
.pl4per{padding-left:4% !important;}
.pl5per{padding-left:5% !important;}

.p0a{padding-right:auto; padding-left:auto !important;}
.plr10{padding-left:10px; padding-right:10px !important;}
.plr15{padding-left:15px; padding-right:15px !important;}
.plr20{padding-left:20px; padding-right:20px !important;}
.plr25{padding-left:25px; padding-right:25px !important;}
.plr30{padding-left:30px; padding-right:30px !important;}
.plr40{padding-left:40px; padding-right:40px !important;}
.plr50{padding-left:50px; padding-right:50px !important;}

.plr1per{padding-left:1%; padding-right:1% !important;}
.plr2per{padding-left:2%; padding-right:2% !important;}
.plr3per{padding-left:3%; padding-right:3% !important;}
.plr4per{padding-left:4%; padding-right:4% !important;}
.plr5per{padding-left:5%; padding-right:5% !important;}



/*==================================================
Margin Valiation
================================================== */

.m0{margin:0 !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}
.m25{margin:25px !important;}
.m30{margin:30px !important;}
.m40{margin:40px !important;}
.m50{margin:50px !important;}

.m1per{margin:1% !important;}
.m2per{margin:2% !important;}
.m3per{margin:3% !important;}
.m4per{margin:4% !important;}
.m5per{margin:5% !important;}

.mr0{margin-right:0px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.mr1per{margin-right:1% !important;}
.mr2per{margin-right:2% !important;}
.mr3per{margin-right:3% !important;}
.mr4per{margin-right:4% !important;}
.mr5per{margin-right:5% !important;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb60{margin-bottom:60px !important;}
.mb70{margin-bottom:70px !important;}
.mb80{margin-bottom:80px !important;}

.ml0{margin-left:0px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml25{margin-left:25px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}

.ml1per{margin-left:1% !important;}
.ml2per{margin-left:2% !important;}
.ml3per{margin-left:3% !important;}
.ml4per{margin-left:4% !important;}
.ml5per{margin-left:5% !important;}

.m0a{margin-right:auto; margin-left:auto !important;}
.mlr10{margin-left:10px; margin-right:10px !important;}
.mlr15{margin-left:15px; margin-right:15px !important;}
.mlr20{margin-left:20px; margin-right:20px !important;}
.mlr25{margin-left:25px; margin-right:25px !important;}
.mlr30{margin-left:30px; margin-right:30px !important;}
.mlr40{margin-left:40px; margin-right:40px !important;}
.mlr50{margin-left:50px; margin-right:50px !important;}

.mlr1per{margin-left:1%; margin-right:1% !important;}
.mlr2per{margin-left:2%; margin-right:2% !important;}
.mlr3per{margin-left:3%; margin-right:3% !important;}
.mlr4per{margin-left:4%; margin-right:4% !important;}
.mlr5per{margin-left:5%; margin-right:5% !important;}

/*==================================================
Align Valiation
================================================== */

.ta-c{text-align:center !important;}
.ta-r{text-align:right !important;}
.ta-l{text-align:left !important;}

.va-t{vertical-align:top !important;}
.va-m{vertical-align:middle !important;}
.va-b{vertical-align:bottom !important;}

/*==================================================
FontSize Valiation
================================================== */

.fs-10{font-size:10px !important;}
.fs-12{font-size:12px !important;}
.fs-14{font-size:14px !important;}
.fs-60per{font-size:60% !important;}
.fs-70per{font-size:70% !important;}
.fs-80per{font-size:80% !important;}
.fs-90per{font-size:90% !important;}
.fs-100per{font-size:100% !important;}
.fs-110per{font-size:110% !important;}
.fs-120per{font-size:120% !important;}
.fs-130per{font-size:130% !important;}
.fs-140per{font-size:140% !important;}
.fs-150per{font-size:150% !important;}

.fs-xsmall{font-size:80% !important;}
.fs-small{font-size:90% !important;}
.fs-normal{font-size:100% !important;}
.fs-large{font-size:110% !important;}
.fs-xlarge{font-size:120% !important;}

/*==================================================
FontStyle Valiation
================================================== */

.fwb{font-weight:bold !important;}
.fwn{font-weight:normal !important;}
.td-n{text-decoration:none !important;}
.td-ul{text-decoration:underline !important;}

/*==================================================
Letter Spacing
================================================== */

.ls-0{letter-spacing:0em !important;}
.ls-01{letter-spacing:0.1em !important;}
.ls-015{letter-spacing:0.15em !important;}
.ls-02{letter-spacing:0.2em !important;}
.ls-025{letter-spacing:0.25em !important;}
.ls-03{letter-spacing:0.3em !important;}
.ls-035{letter-spacing:0.35em !important;}
.ls-04{letter-spacing:0.4em !important;}
.ls-06{letter-spacing:0.6em !important;}
.ls-08{letter-spacing:0.8em !important;}
.ls-1{letter-spacing:1.0em !important;}

/*==================================================
FontColor Valiation
================================================== */

.fc-w{color:#fff !important;}
.fc-black{color:#000 !important;}
.fc-blue{color:#0033ff !important;}
.fc-orange{color:#ff6600 !important;}
.fc-green{color:#006600 !important;}
.fc-red{color:#f00 !important;}


/*==================================================
Width Valiation
================================================== */

.w5per{width:5% !important;}
.w10per{width:10% !important;}
.w15per{width:15% !important;}
.w20per{width:20% !important;}
.w25per{width:25% !important;}
.w30per{width:30% !important;}
.w35per{width:35% !important;}
.w40per{width:40% !important;}
.w45per{width:45% !important;}
.w50per{width:50% !important;}
.w55per{width:55% !important;}
.w60per{width:60% !important;}
.w65per{width:65% !important;}
.w70per{width:70% !important;}
.w75per{width:75% !important;}
.w80per{width:80% !important;}
.w85per{width:85% !important;}
.w90per{width:90% !important;}
.w95per{width:95% !important;}
.w100per{width:100% !important;}
.w110per{width:110% !important;}
.w120per{width:120% !important;}
.w130per{width:130% !important;}
.w140per{width:140% !important;}
.w150per{width:150% !important;}
.w160per{width:160% !important;}
.w170per{width:170% !important;}
.w180per{width:180% !important;}
.w190per{width:190% !important;}
.w200per{width:200% !important;}

/*==================================================
Float Valiation
================================================== */

.fl-l{float:left !important;}
.fl-r{float:right !important;}
.fl-n{float:none !important;}

/*==================================================
Display Valiation
================================================== */

.dis-n{display:none !important;}
.dis-b{display:block !important;}
.dis-ib{display:inline-block !important;}
.dis-i{display:inline !important;}
.dis-t{display:table !important;}
.dis-tc{display:table-cell !important;}


/*==================================================
BackgrondColor-Type Valiation
================================================== */

.bgc-red{background:#ed4548 !important;}
.bgc-green{background:#9db801 !important;}
.bgc-orange{background:#f67c05 !important;}
.bgc-pink{background:#fe96c0 !important;}
.bgc-grey{background:#c6bfae !important;}
.bgc-blue{background:#2bbdf9 !important;}
.bgc-yellow{background:#fefc47 !important;}
.bgc-grey02{background:#e7e7e6 !important;}
.bgc-w{background:#fff !important;}
.bgc-black{background:#000 !important;}
.bgc-pinkgrey{background:#f7e3e3 !important;}


/*==================================================
Line-Height Valiation
================================================== */

.lh-10{line-height:1.0em !important;}
.lh-12{line-height:1.2em !important;}
.lh-14{line-height:1.4em !important;}
.lh-16{line-height:1.6em !important;}
.lh-18{line-height:1.8em !important;}
.lh-20{line-height:2.0em !important;}

/*==================================================
List Style Valiation
================================================== */

.nav-links{border:1px solid #c7c7c7; padding:5px 0; text-align:center; margin:30px 0;}
.nav-links a{padding-right:15px;}

.list-terms{list-style-type:square; margin:0 20px;}
.list-terms li{margin-bottom:15px;}

/*==================================================
DL Style Valiation
================================================== */

.dl-terms dt{font-weight:bold; font-size:100%; margin-bottom:15px;}
.dl-terms dd{margin:0 20px 20px;}

/*==================================================
Border-Radius Style Valiation
================================================== */

.br2{border-radius: 2px !important;}
.br4{border-radius: 4px !important;}
.br6{border-radius: 6px !important;}
.br8{border-radius: 8px !important;}

/*==================================================
Border Style Valiation
================================================== */
.border{border:1px solid #ccc !important;}
.border-b{border-bottom:1px solid #ccc !important;}
.border-t{border-top:1px solid #ccc !important;}
.border-l{border-left:1px solid #ccc !important;}
.border-r{border-right:1px solid #ccc !important;}

.border-c-red{border-color:#ed4548 !important;}
.border-c-green{border-color:#9db801 !important;}
.border-c-orange{border-color:#f67c05 !important;}
.border-c-pink{border-color:#fe96c0 !important;}
.border-c-grey{border-color:#c6bfae !important;}
.border-c-blue{border-color:#2bbdf9 !important;}
.border-c-yellow{border-color:#fefc47 !important;}
.border-c-grey02{border-color:#e7e7e6 !important;}
.border-c-w{border-color:#fff !important;}
.border-c-black{border-color:#000 !important;}
.border-c-pinkgrey{border-color:#f7e3e3 !important;}

.border-line2px{border-width:2px !important;}
.border-line3px{border-width:3px !important;}
.border-line4px{border-width:4px !important;}
.border-line5px{border-width:5px !important;}
.border-line6px{border-width:6px !important;}
.border-line7px{border-width:7px !important;}
.border-line8px{border-width:8px !important;}
.border-line9px{border-width:9px !important;}
.border-line10px{border-width:10px !important;}

.border-dotted{border-style:dotted !important;}
.border-dashed{border-style:dashed !important;}
.border-outset{border-style:outset !important;}
.border-inset{border-style:inset !important;}
.border-groove{border-style:groove !important;}

.bn{border:none !important;}


/*==================================================
ページリスト(.PageList)
================================================== */

.PageList {text-align: center; clear: both; margin:20px auto; padding-top:20px;}
	
.PageList ul {
}
.PageList ul li {
	display: inline;
}
.PageList ul li.now { /* 現在のページ */
}
.PageList ul li a {
	padding: 13px 15px;
	border-width: 1px;
	border-style:  solid;
	text-decoration: none;
}
.PageList ul li a, .PageList ul li a:link, .PageList ul li a:visited {
	border-color: #ecece6;
	color: #000;
}
.PageList ul li a:focus, .PageList ul li a:hover, .PageList ul li a:active {
	border-color: #000;
	background-color:#000;
	color: #fff;
}
.PageList ul li.now a { /* 現在のページ */
	border-color: #000;
	background-color:#000;
	color: #fff;
}

/* =======================================
	アコーディオンパネル
======================================= */

dl.accordion {}
dl.accordion dt {
    background:url(https://makers-jp.com/site/makers-jp/data/open2.png) 97% center no-repeat; background-color:#ecece6;
    font-size:100%; text-indent:10px; color:#000; cursor:pointer; margin:0 0 10px; padding:15px 0;}
dl.accordion dt.open {
    background:url(https://makers-jp.com/site/makers-jp/data/close2.png) 97% center no-repeat; background-color:#C2D8E7; color:#000; }
dl.accordion dd { padding:10px; display:none; margin:0 0 15px; }


/*出展者一覧検索*/
#exlist-search dl.accordion {margin:0 29px;}
#exlist-search .accordion dt {
    background:url(https://2017.makers-jp.com/site/2017/data/btn_exsearch_close.png) no-repeat center center ; background-color:#efefe7; background-size: 20%;
    font-size:100%; text-indent:0x; color:#000; cursor:pointer; margin:0 0 10px; padding:0; height: 45px;}
#exlist-search .accordion dt.open {
    background:url(https://2017.makers-jp.com/site/2017/data/btn_exsearch_open.png) no-repeat center center ; background-color:#efefe7; background-size: 20%;
    font-size:100%; text-indent:0x; color:#000; cursor:pointer; margin:0 0 10px; padding:0; height: 45px;}
#exlist-search .accordion dd { padding:10px 0; display:none; margin:0 0 15px; }

/*==================================================
Google Material icons
================================================== */

/* Material iconsを利用する */
.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;  /* 推奨サイズ */
  display: inline-block;
  width: 1em;
  height: 1em;
  line-height: 1;
  text-transform: none;
  margin-right:10px;
  vertical-align:middle;
 
  /* WebKitブラウザサポート */
  -webkit-font-smoothing: antialiased;
  /* Chrome、Safariサポート */
  text-rendering: optimizeLegibility;
 
  /* Firefoxサポート */
  -moz-osx-font-smoothing: grayscale;
 
  /* IEサポート */
  font-feature-settings: 'liga';
}

/* アイコンサイズ */
.material-icons.md-10 { font-size: 10px; }
.material-icons.md-12 { font-size: 12px; }
.material-icons.md-14 { font-size: 14px; }
.material-icons.md-16 { font-size: 16px; }
.material-icons.md-18 { font-size: 18px; }
.material-icons.md-20 { font-size: 20px; }
.material-icons.md-24 { font-size: 24px; }
.material-icons.md-28 { font-size: 28px; }
.material-icons.md-36 { font-size: 36px; }
.material-icons.md-48 { font-size: 48px; }
 
/* 背景が明るいとき用のアイコン色 */
.material-icons.md-dark { color: rgba(0, 0, 0, 0.54); }
.material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26); }
 
/* 背景が暗いとき用のアイコン色 */
.material-icons.md-light { color: rgba(255, 255, 255, 1); }
.material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3); }