/*==-----------------------------------------------
CSS Information

 File name:      contents.css
 Author:         Crea.,Inc. 
 Style Info:     レイアウト関連のスタイル

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

/*============================================
link 共通
============================================*/
/*==-----------------------------------------------
背景
-------------------------------------------------*/
body#link{
	min-width:320px;
	background:#c6dcda url(/src/pc/image/link/link_back_s.gif) no-repeat 50% bottom;
}
/*----ミディアムサイズ-----*/
@media only screen and (min-width:600px){
	body#link{
		min-width:320px;
		background:#c6dcda url(/src/pc/image/link/link_back_m.gif) no-repeat 50% bottom;
	}
}
/*----ラージサイズ　960px～-----*/
@media only screen and (min-width:960px){
	body#link{
		min-width:320px;
		background:#c6dcda url(/src/pc/image/link/link_back_l.gif) repeat-x 50% bottom;
	}
}
/*==-----------------------------------------------
wapper
-------------------------------------------------*/
#link #wapper{
	min-height: 100%;
	width:100%;
	background:url(/src/pc/image/link/link_texture.png) repeat 0 0;
	position: relative;
}


#link #container #main article{
	background:none;
}

#link #container #main article section{
	margin:0 0 20px 0;
}

#link #banner{
	position:relative;
	overflow:hidden;
	background:rgba(255,255,255,0.65);
	padding:30px 0 0 0;
	border-top:none;
	box-shadow:0 5px 5px rgba(150,150,150,0.2)inset;
	-moz-box-shadow:0 5px 5px rgba(150,150,150,0.2)inset;
	-webkit-box-shadow:0 5px 5px rgba(150,150,150,0.2)inset;
	-o-box-shadow:0 5px 5px rgba(150,150,150,0.2)inset;
	-ms-box-shadow:0 5px 5px rgba(150,150,150,0.2)inset;
	position:relative;
}

#link footer{
	background:#050910;
	background: -moz-linear-gradient(top, #000, #0c182b);
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#0c182b));
	color:#FFF;
	padding:0 0 15px 0;
	position:relative;
	color:#FFF;
	text-shadow:1px 1px 0 #000;
}

#link footer #footer_nav ul li a{
	color:#FFF;
}
#link footer #footer_nav ul li a:hover{
	color:#009cbb;
}

#link .bath{
	padding-top:20px;
	background:none;
}

/*==------pagetop------*/
#link p.pagetop_geta{
    position: fixed;
    right: 2%;
    bottom: 0;
    z-index:50;
    text-indent:-9999px;
    margin-bottom:0;
}
#link p.pagetop_geta a{
   	width:100px;
   	height:100px;
    display: block;
   	background:url(/src/pc/image/link/pagetop2.png) 0 0 no-repeat;
}

#link p.pagetop_geta a:hover{
   	background-position:0 -100px;
}

#link p.pagetop{
   	position: absolute;
    right:0;
    bottom:20px;
    z-index:100;
}
#link p.pagetop a{
   	background-image:url(/src/pc/image/link/pagetop.png);
   	background-size:contain;
   	text-indent:-9999px;
    width: 70px;
    height: 70px;
    display: block;
}

/*============================================
link index
============================================*/

#link.index #main{
	padding-bottom:50px;
	margin:0 0 20px 0;
}
#link.index #container #main article{
	padding-top:10px;
	background:none;
}

#link.index #container #main ul.meguri{
	margin:0;
}
#link.index #container #main ul.meguri li{
	float: left;
	width: 33.3%;
	margin:0;
}
#link.index #container #main ul.meguri li a{
	display:block;
}
/*----ミディアムサイズ-----*/
@media only screen and (min-width:600px){
	#link.index #main{
		margin:0 auto 20px auto;
	}
	#link.index #container #main ul.meguri{
		max-width:747px;
		margin:0 auto;
	}
	#link.index #container #main ul.meguri li{
		width: 30%;
		max-width: 209px;
		margin:0 1.45%;
	}
}
/*----ラージサイズ-----*/
@media only screen and (min-width:960px){
	#link.index #container #main ul.meguri{
		max-width:747px;
		margin:0 auto;
	}
	#link.index #container #main ul.meguri li{
		margin:0 15px;
	}
	#link.index #container #main ul.meguri li a{
		width:210px;
		height:325px;
		display:block;
		text-indent:-9999px;
	}
	#link.index #container #main ul.meguri li.meguri_band a{
		background:url(/src/pc/image/link/index/meguri_band.png) 0 0 no-repeat;
	}
	#link.index #container #main ul.meguri li.meguri_hall a{
		background:url(/src/pc/image/link/index/meguri_hall.png) 0 0 no-repeat;
	}
	#link.index #container #main ul.meguri li.meguri_other a{
		background:url(/src/pc/image/link/index/meguri_other.png) 0 0 no-repeat;
	}
	#link.index #container #main ul.meguri li.meguri_band a:hover,
	#link.index #container #main ul.meguri li.meguri_hall a:hover,
	#link.index #container #main ul.meguri li.meguri_other a:hover{
		background-position:0 bottom;
	}
}

/*==-----------------------------------------------
link band / link hall / link other
-------------------------------------------------*/
/*----------fuda----------*/
#link #container #main ul.fuda{
	margin:0;
	float:right;
}
#link #container #main ul.fuda li{
	float:left;
	margin:0 10px 0 0;
}
#link #container #main ul.fuda li:nth-last-child{
	margin:0;
}
#link #container #main ul.fuda li a{
	display:block;
	width:50px;
	height:50px;
	text-indent:-9999px;
}
#link #container #main ul.fuda li.meguri_band a{
	background:url(/src/pc/image/link/common/fuda_sp_band.png) 0 0 no-repeat;
	background-size:50px 50px;
}
#link #container #main ul.fuda li.meguri_hall a{
	background:url(/src/pc/image/link/common/fuda_sp_hall.png) 0 0 no-repeat;
	background-size:50px 50px;
}
#link #container #main ul.fuda li.meguri_other a{
	background:url(/src/pc/image/link/common/fuda_sp_other.png) 0 0 no-repeat;
	background-size:50px 50px;
}

#link.band #container #main ul.fuda li.meguri_band a{
	background:url(/src/pc/image/link/common/fuda_sp_band_on.png) 0 0 no-repeat;
	background-size:50px 50px;
}
#link.hall #container #main ul.fuda li.meguri_hall a{
	background:url(/src/pc/image/link/common/fuda_sp_hall_on.png) 0 0 no-repeat;
	background-size:50px 50px;
}
#link.other #container #main ul.fuda li.meguri_other a{
	background:url(/src/pc/image/link/common/fuda_sp_other_on.png) 0 0 no-repeat;
	background-size:50px 50px;
}

@media only screen and (min-width:600px){
	#link #container #main ul.fuda{
		margin-top:-120px;
	}
	#link #container #main ul.fuda li a{
		width:75px;
		height:100px;
	}
	#link #container #main ul.fuda li.meguri_band a{
		background:url(/src/pc/image/link/common/fuda_tab_band.png) 0 0 no-repeat;
		background-size:75px 100px;
	}
	#link #container #main ul.fuda li.meguri_hall a{
		background:url(/src/pc/image/link/common/fuda_tab_hall.png) 0 0 no-repeat;
		background-size:75px 100px;
	}
	#link #container #main ul.fuda li.meguri_other a{
		background:url(/src/pc/image/link/common/fuda_tab_other.png) 0 0 no-repeat;
		background-size:75px 100px;
	}
	#link #container #main ul.fuda li.meguri_band a:hover,
	#link.band #container #main ul.fuda li.meguri_band a{
		background:url(/src/pc/image/link/common/fuda_tab_band_on.png) 0 0 no-repeat;
		background-size:75px 100px;
	}
	#link #container #main ul.fuda li.meguri_hall a:hover,
	#link.hall #container #main ul.fuda li.meguri_hall a{
		background:url(/src/pc/image/link/common/fuda_tab_hall_on.png) 0 0 no-repeat;
		background-size:75px 100px;
	}
	#link #container #main ul.fuda li.meguri_other a:hover,
	#link.other #container #main ul.fuda li.meguri_other a{
		background:url(/src/pc/image/link/common/fuda_tab_other_on.png) 0 0 no-repeat;
		background-size:75px 100px;
	}
}
@media only screen and (min-width:960px){
	#link #container #main ul.fuda{
		margin-top:-120px;
	}
	#link #container #main ul.fuda li a{
		width:75px;
		height:100px;
	}
	#link #container #main ul.fuda li.meguri_band a{
		background:url(/src/pc/image/link/common/fuda_pc.png) 0 0 no-repeat;
	}
	#link #container #main ul.fuda li.meguri_hall a{
		background:url(/src/pc/image/link/common/fuda_pc.png) -75px 0 no-repeat;
	}
	#link #container #main ul.fuda li.meguri_other a{
		background:url(/src/pc/image/link/common/fuda_pc.png) -150px 0 no-repeat;
	}
	#link #container #main ul.fuda li.meguri_band a:hover,
	#link.band #container #main ul.fuda li.meguri_band a{
		background:url(/src/pc/image/link/common/fuda_pc.png) 0 -100px no-repeat;
	}
	#link #container #main ul.fuda li.meguri_hall a:hover,
	#link.hall #container #main ul.fuda li.meguri_hall a{
		background:url(/src/pc/image/link/common/fuda_pc.png) -75px -100px no-repeat;
	}
	#link #container #main ul.fuda li.meguri_other a:hover,
	#link.other #container #main ul.fuda li.meguri_other a{
		background:url(/src/pc/image/link/common/fuda_pc.png) -150px -100px no-repeat;
	}
}

/*----------btn----------*/
#link #container #main ul.btn{
	margin:0;
}
#link #main .btn li{
	float:left;
	padding: 2px;
	margin:0 10px 5px 0;
	background: #095769;
}
#link #container #main ul.btn li:nth-last-child{
	margin:0 0 5px 0;
}
#link #container #main ul.btn li a{
	text-decoration:none;
}
#link #container #main ul.btn li span{
	display:block;
	text-align:center;
	border:1px #fff solid;
	background: #fff;
	color:#095769;
	text-shadow:none;
	padding:2px 10px;
	min-width:30px;
}
#link #container #main ul.btn li:hover span{
	background: #095769;
	color:#fff;
}
#link #container #main #btn_chose select{
	width:10rem;
	margin:0 0 10px 0;
}

/*----------link_list----------*/
#link #main .link_list h3{
	margin:0 0 2px 0px;
	padding:5px;
}
#link #main .link_list h3 span{
	background: url(/src/pc/image/link/common/link_common_h3_mark.png) left 50% no-repeat;
	text-shadow:1px 1px 0 #333;
	color:#fff;
	padding:0 0 0 18px;
}
#link #main .link_list hr.link_band{
	height: 1px;
	border: none;
	margin:0 0 3px 0;
}

#link #main .link_list .inner{
	padding: 0 5px;
}
#link #main .link_list h4{
	margin:10px 0;
	font-weight:bold;
	border-bottom:solid 2px #01030c;
	color:#01030c;
	text-shadow:1px 2px 2px #FFF;
	padding:2px 0;
}

#link #main .link_list .inner ul{
	margin:0 0 15px 0;
}
#link #main .link_list .inner ul:last-child{
	margin-bottom:0;
}
#link #main .link_list .inner li{
	width: 92%;
	margin-top: 1.5%;
	float: left;
}
#link #main .link_list .inner li a{
	width: 100%;
	background:#f7f0e3;
	padding:7px 2%;
	display: block;
	text-decoration: none;
	color: #333;
}
#link #main .link_list .inner li a:hover{
	background:#FFF200;
	color: #0f98a9;
}

#link #main .link_list .inner ul.displayFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#link #main .link_list .inner ul.displayFlex li {
  float: none;
}

/*----ミディアムサイズ-----*/
@media only screen and (min-width:600px){
	#link #main .link_list h3{
		padding:8px;
	}
	#link #main .link_list .inner{
		padding: 0 15px;
	}
	#link #main .link_list .inner li{
		width: 49%;
		margin-right:2%;
		margin-top: 15px;
	}
	#link #main .link_list .inner li:nth-child(2n){
		margin-right:0;
	}
	#link #main .link_list .inner li a{
		width: 90%;/*100%*/
		padding:7px 3%;
	}
}
/*----ラージサイズ-----*/
@media only screen and (min-width:960px){
	#link #main .link_list .inner li{
		width: 32%;
	}
	#link #main .link_list .inner li:nth-child(2n){
		margin-right:2%;
	}
	#link #main .link_list .inner li:nth-child(3n){
		margin-right:0;
	}
}

/*============================================
link band
============================================*/

#link.band #container #main h1{	
	padding:5px 5px 5px 8px;
	background:#a62020;
	background-image:none;
	border-bottom:none;
	margin-bottom:10px;
}
#link.band #container #main h1 span{
	background: url(/src/pc/image/common/h1_mark.png) 0 50% no-repeat;
	background-size:19px auto;
	padding:5px 0 5px 22px;
}

/*--.link_list--*/
#link.band #main .link_list h3{
	background: #a62020 url(/src/pc/image/link/common/link_common_h3_bg.png) right 50% no-repeat;
}

#link.band #main .link_list hr.link_band{
	border-top: 2px #a62020 solid;
}
#link.band #main .link_list .inner li a{
	border:1px solid #a62020 ;
	border-left:11px solid #a62020 ;
}
#link.band #main .link_list .inner li a img{
	width:70px;
	height:70px;
	margin-right:5px;
	float: left;
}

/*----ミディアムサイズ-----*/
@media only screen and (min-width:600px){
	#link.band #container #main h1{
		background: url(/src/pc/image/link/band/link_band_h1_bg.png) 0 0 no-repeat;
		border:none;
		height: 79px;/*109*/
		padding:30px 0 0 35px;
		font-size: 3.5rem;
		font-size:35px;
	}
	#link.band #container #main h1 span{
		background-size:35px auto;
		padding:5px 0 5px 43px;
	}
}
/*----ラージサイズ-----*/
@media only screen and (min-width:960px){
}


/*============================================
link hall
============================================*/
#link.hall #container #main h1{	
	padding:5px 5px 5px 8px;
	background:#1d2259;
	background-image:none;
	border-bottom:none;
	margin-bottom:10px;
}
#link.hall #container #main h1 span{
	background: url(/src/pc/image/common/h1_mark.png) 0 50% no-repeat;
	background-size:19px auto;
	padding:5px 0 5px 22px;
}
/*--.link_list--*/
#link.hall #main .link_list h3{
	background: #1d2259 url(/src/pc/image/link/common/link_common_h3_bg.png) right 50% no-repeat;
}

#link.hall #main .link_list hr.link_band{
	border-top: 2px #1d2259 solid;
}
#link.hall #main .link_list .inner li a{
	border:1px solid #1d2259 ;
	border-left:11px solid #1d2259 ;
}
#link.hall #main .link_list .inner li a img{
	max-width:70px;
	margin-right:5px;
	float: left;
}

/*----ミディアムサイズ-----*/
@media only screen and (min-width:600px){
	#link.hall #container #main h1{
		background: url(/src/pc/image/link/hall/link_hall_h1_bg.png) 0 0 no-repeat;
		border:none;
		height: 79px;/*109*/
		padding:30px 0 0 35px;
		font-size: 3.5rem;
		font-size:35px;
	}
	#link.hall #container #main h1 span{
		background-size:35px auto;
		padding:5px 0 5px 43px;
	}
}
/*----ラージサイズ-----*/
@media only screen and (min-width:960px){
}


/*============================================
link other
============================================*/
#link.other #container #main h1{	
	padding:5px 5px 5px 8px;
	background:#113d11;
	background-image:none;
	border-bottom:none;
	margin-bottom:10px;
}
#link.other #container #main h1 span{
	background: url(/src/pc/image/common/h1_mark.png) 0 50% no-repeat;
	background-size:19px auto;
	padding:5px 0 5px 22px;
}
/*--.link_list--*/
#link.other #main .link_list h3{
	background: #113d11 url(/src/pc/image/link/common/link_common_h3_bg.png) right 50% no-repeat;
}

#link.other #main .link_list hr.link_band{
	border-top: 2px #113d11 solid;
}
#link.other #main .link_list .inner li a{
	border:1px solid #113d11 ;
	border-left:11px solid #113d11 ;
}
#link.other #main .link_list .inner li a img{
	max-width:70px;
	margin-right:5px;
	float: left;
}

/*----ミディアムサイズ-----*/
@media only screen and (min-width:600px){
	#link.other #container #main h1{
		background: url(/src/pc/image/link/other/link_other_h1_bg.png) 0 0 no-repeat;
		border:none;
		height: 79px;/*109*/
		padding:30px 0 0 25px;
		font-size: 3.5rem;
		font-size:35px;
	}
	#link.other #container #main h1 span{
		background-size:35px auto;
		padding:5px 0 5px 40px;
	}
}

/*----ラージサイズ-----*/
@media only screen and (min-width:960px){
}


/*----------会場詳細 地図----------*/
#link #main .hall_detail{
	background:#f9f7f2;
	padding:10px;
	margin:10px 0 20px 0;
}
#link #main .hall_detail h4{
	margin:0 0 15px 0;
}
#link #main .hall_detail .text_area dl{
	border-bottom:dotted 1px #CCC;
	padding-bottom:10px;
}
#link #main .hall_detail .text_area dl dt{
	color:#FFF;
	background:#020511;
	text-shadow:none;
	display:block;
	width:8em;
	text-align:center;
	font-size:85%;
	padding:3px 0;
	margin:0 0 5px 0;
}
#link #main .hall_detail .map_area{
	margin:0 0 20px 0;
}
#link #main .hall_detail .map_area .map{
	display:block;
	width:240px;
	height:240px;
	margin:0 auto;
}
#link #main .btn_back{
	text-align:right;
	font-size:80%;
	clear:both;
}
#link #main .btn_back a{
	text-decoration:none;
	text-shadow:none;
	color:#FFF;
	background:#095769;
	padding:2px 5px;
}
#link #main .btn_back a:hover{
	background:#009cbb;
}
/*----ミディアムサイズ-----*/
@media only screen and (min-width:600px){
	#link #main .hall_detail .map_area .map{
		width:400px;
		height:400px;
	}
}
/*----ラージサイズ-----*/
@media only screen and (min-width:960px){
	#link #main .hall_detail{
		padding:15px 20px;
	}
	#link #main .hall_detail .text_area{
		float:left;
		width:480px;
	}
	#link #main .hall_detail .map_area{
		padding-left:490px;
	}
	#link #main .hall_detail .map_area .map{
		width:345px;
		height:345px;
	}
}