@charset "utf-8";

hrml { min-width:100%; width:100%; }
body { min-width:100%; width:100%; /*background: url(../images/bg_top.jpg) center center / cover no-repeat fixed;*/ } 

#wrapper { position:relative; min-width:100%; width:100%; font-family:sans-serif; }

h1 { position:fixed; left:0; top:0; z-index:99; }
#top { position:fixed; left:5px; top:57px; z-index:100; }
ul#navi { position:fixed; right:0; bottom:0; margin:0; padding:100px 15px 0 0; width:380px; height:182px; background:transparent url(../images/navi.png) right bottom no-repeat; z-index:98; }
ul#navi li { margin:0 0 7px 0; padding:0; text-align:right; }
#arrow { position:fixed; bottom:30px; width:100%; text-align:center; z-index:97; }

#inner { position:absolute; min-width:100%; left:0; top:0; margin:0; padding:0; z-index:50; }
#inner ul#socials { position:absolute; right:0; top:0; margin:0; padding:0; }
#inner ul#socials li { margin:0; padding:0; float:left; }

#inner #content { margin:0 auto; padding-top:550px; width:1000px; }
#inner #content .box_all { padding:30px; width:1000px; background-color:#fff; box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 2px 2px; -webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 2px 2px; -moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 0px 2px 2px; box-sizing:border-box; }
#inner #content .half { width:500px; float:left; }
#inner #content .half .box_single_l { margin-right:10px; padding:30px; width:490px; background-color:#fff;box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 2px 2px;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 2px 2px; -moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 2px 2px; box-sizing:border-box; }
#inner #content .half .box_single_r { margin-left:10px; padding:30px; width:490px; background-color:#fff;box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 2px 2px;
-webkit-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 2px 2px; -moz-box-shadow:rgba(0, 0, 0, 0.1) 0px 0px 2px 2px; box-sizing:border-box; }

#inner #content h2 { margin:30px 0 30px 0; padding:0; text-align:center; }
#inner #content .allbox { margin:0 100px 30px 100px; }
#inner #content .allbox p { margin:0 0 30px 0; padding:0; font-size:20px; line-height:1.3em; } 
#inner #content .manga_left { width:359px; float:left; }
#inner #content .manga_right { margin-left:20px; width:360px; float:left; }
#inner #content .manga_right h3 { margin:0; padding:0 0 2px 0; font-size:12px; font-weight:bold; line-height:1.5em; }
#inner #content .manga_right h3 span { color:#d04532; font-weight:bold; }
#inner #content .manga_right h3 strong { font-size:20px; font-weight:bold; }
#inner #content .manga_right p { margin:0 0 30px 0; padding:0; font-size:14px; line-height:1.5em; }
#inner #content ul#anime { margin:0; padding:0; }
#inner #content ul#anime li { margin:0 0 30px 0; padding:0; }
#inner #content ul#anime li dl { margin:0; padding:0; }
#inner #content ul#anime li dl dt { width:187px; float:left; }
#inner #content ul#anime li dl dd { margin-left:20px; width:533px; float:left; }
#inner #content ul#anime li dl dd h3 { margin:0; padding:0 0 2px 0; font-size:20px; font-weight:bold; color:#d04532; line-height:1.3em; }
#inner #content ul#anime li dl dd p { margin:0 0 30px 0; padding:0; font-size:14px; line-height:1.5em; }

#inner #content .half p { margin:0 0 20px 0; font-size:18px; }
#inner #content .half ul#live { margin:0; padding:0; }
#inner #content .half ul#live li { margin:0 0 16px 16px; font-size:12px; color:#d04532; line-height:1.1em; float:left; }
#inner #content .half ul#live li:nth-child(odd) { margin:0 0 16px 0; font-weight:bold; }
#inner #content .half ul#live li span { font-size:10px; font-weight:bold; }
#inner #content .half h3 { margin:0 0 2px 0; font-size:18px; color:#d04532; font-weight:bold; }
#inner #content .half h3 span { font-size:12px; font-weight:bold; }
#inner #content .half p.txt { margin:0 0 10px 0; font-size:12px; line-height:1.4em; }
#inner #content .half p.txt a { color:#d04532; text-decoration:underline; }
#inner #content .half p.txt a:hover { color:#d04532; text-decoration:none; }
#inner #content .half p.btm { margin:0; }
#inner #content .half p.btm img { margin:0; padding:0; display:block; }

#inner #content .logos { margin:0 64px 0 0; width:auto; float:left; }
#inner #content .logos h3 { margin:0 0 10px 0; font-size:10px; font-weight:bold; }
#inner #content .logos ul { margin:0; padding:0; }
#inner #content .logos ul li { margin:0 20px 0 0; padding:0; float:left; }
#inner #content .logos ul li:last-child { margin:0 0 0 0; padding:0; float:left; }
#inner #content ul.logos02 { margin:16px 0 0 0; padding:0; }
#inner #content ul.logos02 li { margin:0 16px 0 0; padding:0; float:left; }

#inner #content .date { position:absolute; top:0; right:0; z-index:50; }
#inner #content #matsuri { position:absolute; top:13px; left:20px; }
#inner #content #preticket a { padding:24px 0 20px; width:100%; display:block;  }

#inner #content p.att { margin:10px 0 0 0; font-size:10px; }
#inner #content p.att2 { margin:0 0 60px 0; font-size:10px; }

.mb20 { margin-bottom:20px; }
.mb60 { margin-bottom:60px; }
.bdr_tct { border:solid 10px #d04432; box-sizing:border-box; text-align:center; }

a:hover { opacity:0.9; }
.current { opacity:0.5; }
.off { opacity:0.2; }


/* about */
h3#about { margin:0; padding:0 0 15px 0; font-weight:bold; }
h2.all_ttl { font-size:18px; color:#d04532; font-weight:bold; }
#inner #content .allbox p.all_txt { font-size:14px; line-height:1.5em; }
dl#information  { width:430px; font-size:10px; line-height:1.2; }
dl#information  dt { margin-bottom:3px; font-weight:bold; }
dl#information  dd { margin-bottom:13px; font-weight:normal; }


/* ticket */
#inner #content .allbox table.ticket { margin-bottom:10px; width:800px; font-size:14px; }
#inner #content .allbox table.ticket thead {}
#inner #content .allbox table.ticket thead tr { background-color:#d04532; color:#fff; }
#inner #content .allbox table.ticket thead tr th { padding:8px; border:solid 3px #fff; text-align:center; }
#inner #content .allbox table.ticket thead tr td { padding:8px; border:solid 3px #fff; text-align:center; width:180px; }
#inner #content .allbox table.ticket tbody {}
#inner #content .allbox table.ticket tbody tr {}
#inner #content .allbox table.ticket tbody tr th { padding:8px; background-color:#CCC; color:#000; border:solid 3px #fff; }
#inner #content .allbox table.ticket tbody tr td { padding:8px; background-color:#f5f5f5; border:solid 3px #fff; font-size:18px; text-align:right; vertical-align:middle; }
#inner #content .allbox h3.pre { margin:0 0 2px 0; font-size:18px; color:#d04532; font-weight:bold; }
#inner #content .allbox p.pretxt { margin:0 0 10px 0; font-size:12px; line-height:1.4em; }
#inner #content .allbox p.pretxt a { color:#d04532; text-decoration:underline; }
#inner #content .allbox p.pretxt a:hover { color:#d04532; text-decoration:none; }
#inner #content .allbox p.pretxt strong { font-size:18px; font-weight:bold; }



/* programa */
#inner #content .allbox table.programa { margin-bottom:60px; width:800px; font-size:12px; }
#inner #content .allbox table.programa thead {}
#inner #content .allbox table.programa thead tr { background-color:#d04532; color:#fff; }
#inner #content .allbox table.programa thead tr th { padding:8px; border:solid 1px #aaa; text-align:center; }
#inner #content .allbox table.programa thead tr td { padding:8px; border:solid 1px #aaa; text-align:center; width:180px; }
#inner #content .allbox table.programa tbody {}
#inner #content .allbox table.programa tbody tr {}
#inner #content .allbox table.programa tbody tr th { padding:8px; background-color:#fff; color:#000; border:solid 1px #aaa; vertical-align:middle; }
#inner #content .allbox table.programa tbody tr td { padding:8px; background-color:#fff; border:solid 1px #aaa; text-align:left; vertical-align:middle; }
#inner #content .allbox table.programa tbody tr td strong { font-size:12px; font-weight:bold; }
#inner #content .allbox table.programa tbody tr td.clr01 { background-color:#ffde1a; } 
#inner #content .allbox table.programa tbody tr td.clr02 { background-color:#daf0f6; } 
#inner #content .allbox table.programa tbody tr td.clr03 { background-color:#faecea; } 



/* contact */
#inner #content .allbox p.contactlead { margin:30px 0 0 0; padding:0; font-size:14px; }
#inner #content .allbox table.formTable_a { margin:16px 0 16px 0; font-size:14px; background-color:#d04532; width:100%; }
#inner #content .allbox table.formTable_a th { padding:6px 0 0 12px; width:20px; color:#fff; font-weight:bold; }
#inner #content .allbox table.formTable_a td { padding:6px 0 12px 0; color:#fff; font-weight:bold; }
#inner #content .allbox table.formTable_b {}
#inner #content .allbox table.formTable_b th { padding-right:20px; width:180px; font-size:14px; vertical-align:middle; }
#inner #content .allbox table.formTable_b td { margin-bottom:12px; font-size:14px; width:540px; }
#inner #content .allbox table.formTable_b td input { margin-bottom:12px; padding:8px; font-size:14px; width:540px; border:solid 1px #ccc; }
#inner #content .allbox table.formTable_b td textarea { margin-bottom:12px; padding:8px; font-size:14px; width:540px; border:solid 1px #ccc; }
#inner #content .allbox table.formTable_b td input.number { width:100px; }
#inner #content .allbox table.formTable_b td input.submitBt { padding:8px; width:100px; cursor:pointer; }
#inner #content .allbox table.conf th { padding-right:20px; width:180px; font-size:14px; vertical-align:middle; }
#inner #content .allbox table.conf td { padding-bottom:6px; font-size:14px; width:540px; }
#inner #content .allbox ul.error { margin:18px 0; padding:0 0 0 16px; list-style:disc; }
#inner #content .allbox ul.error li { font-size:12px; color:#d04532; }