/* dragons-event.com/sp stylesheet */

@charset "UTF-8";


html
{font-size : 62.5%
}

/*** ページ全体 ***/

body
{margin : 0px ;
 padding : 0px ;
 text-align : center ;
 font-family :'メイリオ', Meiryo, sans-serif ;
 font-size : 1.4rem ;
 line-height : 1.5em ;
}

p
{line-height : 150% ;
}

a:link,
a:visited,
a:hover,
a:active
{color : #192b85 ;
}

/*** ヘッダー ***/
.headsns{
 width: 100%;
 padding : 0px ;
 margin-top : 0px ;
 position : fixed  ;
 top:0px;
 text-align: center;
}

.headsns ul
{padding : 0px ;
 margin : 0px ;
}

.headsns li
{display : block ;
 width : 25% ;
 height : 25% ;
 float :left ;
 margin : 0px ;
 padding : 0px ;
}


.toptitle
{padding : 35px 0px 0px 9px ;
}

.ads300
{margin : 80px 0px 0px 0px ;
}

.topmenu
{clear : both ;
 width : 100% ;
 padding : 0px 0px ;
}

.topmenu ul
{padding : 0px ;
 margin : 0px ;

}

.topmenu li
{display : block ;
 width : 25% ;
 float :left ;
 margin : 0px ;
 padding : 0px ;
}

.topmenu li a
{display : block ;
 padding : 5px ;
 background : #192b85 ;
 color : #fff ;
 text-align : center ;
 text-decoration : none ;
}

.topmenu li a:hover
{background : #2643cc ;
}


/*** メインコンテンツ ***/
h2.h2title
{border-bottom : 3px ;
 border-bottom-style : solid ;
 border-bottom-color : #192b85 ;
 margin : 10px 10px ;
 padding : 5px 5px 0px 5px ;
 text-align : center ;
}

a.headcont{
	text-decoration : none ;
	font-weight : bold ;
	font-align : center ;
	display : block ;
	background : #2643cc ;
	color : #ffffff ;
	margin : 10px 10px ;
	padding : 10px 0px ;
}

.headcont:link,
visited,
active{
	color : #fff ;
}

a.headcont:hover{
	background : #2643cc ;
}

a.headcont1{
	text-decoration : none ;
	font-weight : bold ;
	font-align : center ;
	display : block ;
	background : #b91133 ;
	color : #ffffff ;
	margin : 10px 10px ;
	padding : 10px 0px ;
}

.headcont1:link,
visited,
active{
	color : #fff ;
}

a.headcont2{
	text-decoration : none ;
	font-weight : bold ;
	font-align : center ;
	display : block ;
	background : #192b85 ;
	color : #ffffff ;
	margin : 10px 10px ;
	padding : 10px 0px ;
}

.headcont2:link,
visited,
active{
	color : #fff ;
}

a.headcont2:hover{
	background : #192b85 ;
}

p.container
{border-bottom : 3px ;
 border-bottom-style : dotted ;
 border-bottom-color : #192b85 ;
 border-left : 3px ;
 border-left-style : dotted ;
 border-left-color : #192b85 ;
 border-right : 3px ;
 border-right-style : dotted ;
 border-right-color : #192b85 ;
 margin : 10px 10px ;
 padding : 5px 5px ;
 text-align : left ;
}

p.containeralert
{border : 3px ;
 border-style : solid ;
 border-color : #f81212 ;
 margin : 5px 10px ;
 padding : 3px 5px ;
 text-align : left ;
}

.evelistm
{clear : left ;
 width : 100% ;
 padding : 0px 0px ;
}

.evelistm ul
{padding : 10px ;
 margin : 0px ;
}

.evelistm li
{display : block ;
 float : left ;
 width : 25% ;
 margin : 0px ;
 padding : 0px ;
 background : #2643cc ;
}

.evelistm li a
{display : block ;
 padding : 5px ;
 color : #fff ;
 text-align : center ;
 text-decoration : none ;
}

.evelistcl
{clear : both ;
}

/*** テーブル ***/
table.eventlist 
{width : 100% ;
 border-collapse : collapse ;
 line-height : 120% ;
 table-layout : fixed ;
 margin : 0px ;
}

.eventlist td
{border-top : 2px ;
 border-top-style : solid ;
 border-top-color : #192b85 ;
 border-bottom : 2px ;
 border-bottom-style : solid ;
 border-bottom-color : #192b85 ;
}

.eventlist th
{border : 2px ;
 border-style : solid ;
 border-color : #fff ;
 background : #192b85 ;
 color : #fff ;
}

.when
{width : 15% ;
}

.who
{width : 30% ;
}

.what
{width : 45% ;
}

.url
{width : 10% ;
}

.evet
{font-weight : bold ;
 line-height : 120% ;
}

.evea
{color : #FF0000 ;
 line-height : 120% ;
}

span#player
{background-color : #0033ff ;
 font-size : 12px ;
 color : #fff ;
 padding : 1px 15px ;
 margin : 25px 5px ;
 border-radius: 5px;
}

span#manager
{background-color : #33cc33 ;
 font-size : 12px ;
 color : #fff ;
 padding : 1px 5px ;
 margin : 25px 5px ;
 border-radius: 5px;
}

span#mascot
{background-color : #33ffcc ;
 font-size : 12px ;
 color : #fff ;
 padding : 1px 5px ;
 margin : 25px 5px ;
 border-radius: 5px;
}

span#cheer
{background-color : #ff66cc ;
 font-size : 12px ;
 color : #fff ;
 padding : 1px 15px ;
 margin : 25px 5px ;
 border-radius: 5px;
}

span#ob
{background-color : #ffcc00 ;
 font-size : 12px ;
 color : #fff ;
 padding : 1px 15px ;
 margin : 25px 5px ;
 border-radius: 5px;
}

span#other
{background-color : #808080 ;
 font-size : 12px ;
 color : #fff ;
 padding : 1px 10px ;
 margin : 25px 5px ;
 border-radius: 5px;
}


.adsarea
{padding : 0px 0px 10px ;
}

/* ↓テーブルリンク */
table a.moreurl{
  display : block ;       /* リンクをブロックレベル化して表示 */
  padding : 200% 0% ;
}


/* フッター */
footer
{clear : both ;
 text-align : center ;
 background : #192b85 ;
 color : #fff ;
 padding : 10px 0px 30px 0px ;
 list-style: none;
}

.footerlink
{
 padding : 0px 0px 20px ;
 font-size : 85% ;
}

.footerlink a,
.footerlink a:hover,
.footerlink a:visited,
.footerlink a:active
{color : #fff ;
 text-decoration:none;
}







#pageTop {
  position: fixed;
  bottom: 10px;
  right: 20px;
}
 
#pageTop a
{ display: block;
  z-index: 999;
  padding: 20px 0 0px 0px;
  border-radius: 30px;
  width: 60px;
  height: 40px;
  background-color: #192b85;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  opacity: 0.7;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}