@charset "utf-8";
/*-----------------会場マップ-----------------*/
.m-floormap {
	position: relative;/*マップposition基点*/
	height: 480px;
	background: url(../img/bg_floormap.png) 0px 0px no-repeat #f2f2f2;
}
.m-floormap-base {
    background: #f2f2f2;
    padding: 0px 0px 0px 0px;
}
/*ホール背景色画像の位置設定*/
.bg_img_e123 {
    position: absolute;
    left: 204px;
    top: 207px;
}
.m-floormap .m-floormap-labels__e1 {
    position: absolute;
    left: 407px;
    top: 239px;
    text-shadow: 0 0 3px #b29d21, 0 0 10px #b29d21, 0 0 0.10px #b29d21; /*影の色*/
}
.m-floormap .m-floormap-labels__e2 {
    position: absolute;
    left: 319px;
    top: 239px;
    text-shadow: 0 0 3px #b29d21, 0 0 10px #b29d21, 0 0 0.10px #b29d21; /*影の色*/
}

.m-floormap .m-floormap-labels__e3 {
    position: absolute;
    left: 231px;
    top: 239px;
    text-shadow: 0 0 3px #b29d21, 0 0 10px #b29d21, 0 0 0.10px #b29d21; /*影の色*/
}

.bg_img_e456 {
	position: absolute;
	left: 160px;
	top: 324px;
}
.m-floormap .m-floormap-labels__e4 {
    position: absolute;
    left: 363px;
    top: 353px;
    text-shadow: 0 0 3px #b29d21, 0 0 10px #b29d21, 0 0 0.10px #b29d21; /*影の色*/
}
.m-floormap .m-floormap-labels__e5 {
    position: absolute;
    left: 275px;
    top: 353px;
    text-shadow: 0 0 3px #b29d21, 0 0 10px #b29d21, 0 0 0.10px #b29d21; /*影の色*/
}
.m-floormap .m-floormap-labels__e6 {
    position: absolute;
    left: 187px;
    top: 353px;
    text-shadow: 0 0 3px #b29d21, 0 0 10px #b29d21, 0 0 0.10px #b29d21; /*影の色*/
}

.bg_img_e7 {
    position: absolute;
    left: 35px;
    top: 206px;
}
.m-floormap .m-floormap-labels__e7 {
    position: absolute;
    left: 80px;
    top: 336px;
    text-shadow: 0 0 3px #b29d21, 0 0 10px #b29d21, 0 0 0.10px #b29d21; /*影の色*/
}

.bg_img_w12 {
	position: absolute;
	left: 521px;
	top: 206px;
}
.m-floormap .m-floormap-labels__w1 {
    position: absolute;
    left: 542px;
    top: 230px;
    text-shadow: 0 0 3px #b29d22, 0 0 10px #b29d22, 0 0 0.10px #b29d22; /*影の色*/
}
.m-floormap .m-floormap-labels__w2 {
    position: absolute;
    left: 627px;
    top: 230px;
    text-shadow: 0 0 3px #b29d22, 0 0 10px #b29d22, 0 0 0.10px #b29d22; /*影の色*/
}

.bg_img_s12 {
	position: absolute;
	left: 606px;
	top: 37px;
}
.m-floormap .m-floormap-labels__s1 {
	position: absolute;
	left: 627px;
	top: 137px;
	text-shadow: 0 0 3px #a85587, 0 0 10px #a85587, 0 0 0.10px #a85587; /*影の色*/
}
.m-floormap .m-floormap-labels__s2 {
    position: absolute;
    left: 627px;
    top: 62px;
    text-shadow: 0 0 3px #a85587, 0 0 10px #a85587, 0 0 0.10px #a85587; /*影の色*/
}

.bg_img_c1 {
    position: absolute;
    left: 712px;
    top: 36px;
}
.m-floormap .m-floormap-labels__c1w3 {
    position: absolute;
    left: 720px;
    top: 288px;
    text-shadow: 0 0 3px #a87c2f, 0 0 10px #a87c2f, 0 0 0.10px #a87c2f; /*影の色*/
}

.m-floormap .m-floormap-labels__c1w4 {
    position: absolute;
    left: 762px;
    top: 220px;
    text-shadow: 0 0 3px #a87c2f, 0 0 10px #a87c2f, 0 0 0.10px #a87c2f; /*影の色*/
}

.m-floormap .m-floormap-labels__c1s3 {
    position: absolute;
    left: 792px;
    top: 135px;
    text-shadow: 0 0 3px #6c124c, 0 0 10px #6c124c, 0 0 0.10px #6c124c; /*影の色*/
}

.m-floormap .m-floormap-labels__c1s4 {
    position: absolute;
    left: 792px;
    top: 60px;
    text-shadow: 0 0 3px #6c124c, 0 0 10px #6c124c, 0 0 0.10px #6c124c; /*影の色*/
}

/*ホール名テキストの位置設定と装飾*/
.holemaptext, .boothtext {
    font-size: 20px;
    font-weight: bold;
    color: #FFF; /*リンクなしの場合ホワイトに設定*/
    text-shadow: 0 0 3px #fff, 0 0 10px #fff, 0 0 0.10px #fff; /*リンクなしの場合影を白に設定*/
}

.boothofftext {
	font-size: 20px;
	font-weight: bold;
	color: #f06; /*赤で表示*/
}

.holemaptext a {
	color: #fff !important;
	text-decoration: none !important;
}

.m-floormap .m-floormap-labels__booth {
    color: #fff;
    text-shadow: 0 0 3px #2e2930, 0 0 10px #2e2930, 0 0 0.10px #2e2930; /*影の色*/
}
.m-floormap .m-floormap-labels__booth_off {
    pointer-events: none;
	color: #aaa;/*リンクなしの場合グレーに設定*/
	text-shadow: 0 0 3px #fff, 0 0 10px #fff, 0 0 0.10px #fff;/*リンクなしの場合影を白に設定*/
}
/*更衣室 テキストの位置*/
.locker_room_off {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	left: 96px;
	top: 245px;
	color: #aaa;
	text-shadow: 0 0 3px #fff, 0 0 10px #fff, 0 0 0.1px #fff;/*影の色*/
}
.locker_room {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	left: 96px;
	top: 245px;
	color: #fff;
	text-shadow: 0 0 3px #2e2930, 0 0 10px #2e2930, 0 0 0.10px #2e2930;/*影の色*/
}
/*汎用 テキストの位置*/
.other_text {
	font-size: 12px;
	font-weight: bold;
	position: absolute;
	left: 785px;
    top: 180px;
	color: #aaa;/*リンクなしの場合グレーに設定*/
	text-shadow: 0 0 3px #fff, 0 0 10px #fff, 0 0 0.10px #fff;/*リンクなしの場合影を白に設定*/
}
/*企業は-月公開！*/
.booth_room {
    font-size: 14px;
    /*テキストの位置*/
    position: absolute;
    left: 630px;
    top: 485px;
}
/*会場マップの使い方*/
.how_to_use {
	/*テキストの位置*/
	position: absolute;
	left: 588px;
	top: 15px;
}
/*-----------------会場マップジャンル一覧-----------------*/
.m-popup-genre {
	overflow: hidden;
}
.m-popup-genre .m-popup-btns li {
	float: left;
	margin-left: 5px;
	margin-top: 5px;
	list-style: none;
}
/*ボタン基本設定*/
.m-popup-genre .c-btn {
	display:block;
	padding:0 !important;
	box-sizing:border-box;
	/*ボタンサイズ*/
    width: 150px;
    height: 40px;
	background-color: #c2c2c2;
	border: solid 1px gray;
	border-radius: 3px;
	-webkit-border-radius: 3px;	/*Chrome・Safari*/
	-moz-border-radius: 3px;/*Firefox*/
	-o-border-radius: 3px;/*Opera*/
	-ms-border-radius: 3px;	/*IE*/
	/*基本色設定(グレー)*/
	background-image: linear-gradient(bottom, rgba(3,0,0,.17), rgba(255,255,255,.17));
	background-image: -webkit-linear-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, rgba(3,0,0,.17)), color-stop(100%, rgba(255,255,255,.17)));/*Chrome・Safari*/
	background-image: -moz-linear-gradient(bottom, rgba(3,0,0,.17), rgba(255,255,255,.17));/*Firefox*/
}
.m-popup-genre .c-btn span{
    display: table-cell;
    width: 150px;
    height: 40px;
	/*ボタンテキスト*/
	color: #fff;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
    vertical-align: middle;
	line-height:1.2;
}
.c-btn:link, .c-btn:hover, .c-btn:visited {
	color: #fff;
}
/*ボタン色設定*/
.m-popup-genre .c-btn.c-btn--w12 {
	background-color: #f5e916;
	border: solid 1px #b29d22;
}
.m-popup-genre .c-btn.c-btn--w34 {
	background-color: #eabd00;
	border: solid 1px #9e6100;
}
.m-popup-genre .c-btn.c-btn--s12 {
	background-color: #db86b9;
	border: solid 1px #a85587;
}
.m-popup-genre .c-btn.c-btn--s34 {
	background-color: #b5408b;
	border: solid 1px #6c124c;
}
.m-popup-genre .c-btn.c-btn--e123 {
	background-color: #3fac2e;
	border: solid 1px #6c124c;
}
.m-popup-genre .c-btn.c-btn--e456 {
	background-color: #4beabe;
	border: solid 1px #6c124c;
}
.m-popup-genre .c-btn.c-btn--e7 {
	background-color: #abe073;
	border: solid 1px #6c124c;
}
/*企業ブースのボタン色設定*/
.m-popup-genre .c-btn.c-btn--c1 {
    background-color: #7b2abc;
    border: solid 1px #602094;
}
/*閉じるボタン*/
button.close{
	float:right;
}
ul.m-popup-btns{
	clear:both;
}


/* baloon の位置 */

div.map-balloon-e123 {
	opacity: 1;
	max-width: 337px;
	width: auto;
	background-color: #fff;
	border-radius: 3px;
	border: solid 2px #3fac2e;
	padding: 5px 10px 10px 10px;
}

div.map-balloon-e456 {
	opacity: 1;
	max-width: 337px;
	width: auto;
	background-color: #fff;
	border-radius: 3px;
	border: solid 2px #4beabe;
	padding: 5px 10px 10px 10px;
}

div.map-balloon-e7 {
	opacity: 1;
	max-width: 337px;
	width: auto;
	background-color: #fff;
	border-radius: 3px;
	border: solid 2px #abe073;
	padding: 5px 10px 10px 10px;
}

div.map-balloon-w12 {
	opacity: 1;
	max-width: 337px;
	width: auto;
	background-color: #fff;
	border-radius: 3px;
	border: solid 2px #f5e916;
	padding: 5px 10px 10px 10px;
}

div.map-balloon-w34 {
	opacity: 1;
	max-width: 337px;
	width: auto;
	background-color: #fff;
	border-radius: 3px;
	border: solid 2px #eabd00;
	padding: 5px 10px 10px 10px;
}

div.map-balloon-s12 {
	opacity: 1;
	max-width: 337px;
	width: auto;
	background-color: #fff;
	border-radius: 3px;
	border: solid 2px #db86b9;
	padding: 5px 10px 10px 10px;
}

div.map-balloon-s34 {
	opacity: 1;
	max-width: 337px;
	width: auto;
	background-color: #fff;
	border-radius: 3px;
	border: solid 2px #b5408b;
	padding: 5px 10px 10px 10px;
}

div.map-balloon-c1 {
	opacity: 1;
	max-width: 337px;
	width: auto;
	background-color: #fff;
	border-radius: 3px;
	border: solid 2px #602094;
	padding: 5px 10px 10px 10px;
}