@charset "UTF-8";



/* home.css



memo: font-size
==================================================
09px = 70%    // .fs-sss
10px = 77%    // .fs-ss
11px = 85%    // .fs-s
12px = 93%    // .fs-m
13px = 100%
14px = 108%   // .fs-l
15px = 116%
16px = 123.1% // .fs-ll
17px = 131%
18px = 138.5% // .fs-lll
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
36px = 273.5%
*/


/* #content-head
================================================== */
#top-head { height:60px; }
#top-head h2  { background: url(../../common/images/bg_line01.gif) repeat-x 0 0; font-size: 100%; padding: 24px 0 0; }



/* #topics
================================================== */
#topics { background: url(../images/border_dotted.gif) repeat-x left bottom; width: 500px; float: left;  }
#topics-head { height:60px; }
#topics-head h3  { background: url(../../common/images/bg_line01.gif) repeat-x 0 0; font-size: 123.1%; padding: 25px 0 0; }
#topics-head h3 span { background: url(../../common/images/bg_line02.gif) repeat-x 0 0; padding: 25px 0 0; color:#000;}
body.win.firefox #topics-head h3 span { position: relative; top:-1px; }
#topics .article { padding: 0 0 0.7em; }
#topics h4 { font-size: 116%; line-height: 150%; margin: 0 0 0.4em; color:#000; }
#topics h5 { background: url(../images/border_dotted.gif) repeat-x 0 0; font-size: 93%; color: #aaa; padding: 20px 0 5px 0; margin: 0; font-weight: bold; }
#topics p  { padding: 0 0 0.8em; font-size:93%;line-height: 170%; }



/* #feat
================================================== */
#feat { width: 220px; float: right;  }

.feat-article { background: url(../images/bg_square01.gif) repeat 0 0; margin: 0 0 10px; padding: 20px; }

#feat-ticket strong{ font-weight: bold; font-size: 108%; }
#feat-ticket h4 { font-size: 100%; color: #666; border-top:1px solid #999; margin: 20px 0 0; padding: 20px 0 15px; line-height: 150%; }
#feat-ticket li { margin: 0 0 1em 1.6em; line-height: 150%; font-weight: bold; }

#feat-schedule     { color: #000; line-height:1.5;}
#feat-schedule h3  { font-size: 108%; margin-bottom:10px; color:#D6247E;}
#feat-schedule ul{list-style:none; color:#666;}
#feat-schedule ul li{ margin-bottom:10px;}
#feat-schedule ul li .item{ color: #000; font-weight:bold;}

#feat-mag     { color: #000; }
#feat-mag h3  { font-size: 123.1%; }
#feat-mag a,
#feat-mag a.bl-bigger { color: #000; text-decoration: none; }
#feat-mag a:hover { color:#08C; }

#feat-mag img { padding-right: 6px; }
#feat-mag p   { color: #666; font-size: 93%; line-height: 160%; margin: 5px 0 0; }
#feat-mag:hover { background: #DEE; }
#feat-album      { color:#000; }
#feat-album img  { float: left; margin: 0 10px 10px 0; }
#feat-album span { font-size: 85%; }
#feat-album strong { font-size: 123.1%; font-weight: bold; padding: 0 0 5px; display: block; }
#feat-album .description { font-size: 85%; color:#666; }

#feat-mob    { text-align: center;color: #000; }
#feat-mob h3 { margin: 10px 0 2px; }
#feat-mob p  { font-size: 85%; line-height: 150%; }

#feat-info    { text-align:left;color: #000; font-size:12px; }
#feat-info h3 { margin: 10px 0 2px; font-size:110%;line-height: 150%; }
#feat-info p  { line-height: 160%; }

#feat-sns{
	padding:15px;
	line-height:1;
	}

#feat-sns iframe {
	height:70px;
	overflow:hidden;
	}