@charset "utf-8";

/* @group Common */
html { background-color: #123591; }
.senko { color: #be0064; font-weight: bold; }
.chusen { color: #008244; font-weight: bold; }
.yoyaku { color: #fc7700; font-weight: bold; }

.disguise article[role="main"] > div { padding: 1.5em; }
#top article[role="main"] > article { background:none !important; }
#powerpush_top article[role="main"] .cmn_title1 h1,
#ticket_top article[role="main"] .cmn_title1 h1,

body.schedule article[role="main"] header { margin-bottom: 1.5em; }

article[role="main"] a:hover,
article[role="main"] a:hover p { text-decoration: underline; color: #00c0ff !important; }

article[role="main"] a.icon_link { display: block; position: relative; width: 30em; height: 1.5em; padding: 1.5em 1em; border: 1px solid #b6b6b6; color: #1f1f1f; background: transparent url(/common/images/bg_linkbtn.png) no-repeat 3% 46%; }
article[role="main"] a.icon_link > span { display: block; font-size: 1em; text-align: left; padding-left: 2em; }
article[role="main"] a.icon_link:hover { background-image: url(/common/images/bg_linkbtn_on.png); background-color: #ccf2ff; color: #1f1f1f; text-decoration: none; }

article[role="main"] .wrapperbox { background-color: inherit; }
#news_top article[role="main"] .wrapperbox { padding-top: 0.5em; background-color: #fff; }
#news_top article[role="main"] .wrapperbox h2 { border: none; font-size: 1.1em; }
#news_top article[role="main"] .wrapperbox h2 span { display: block; padding-left: 0; font-size: 0.8em; color: #333; }
#news_top article[role="main"] .wrapperbox > a { display: block; min-height: 2em; margin: 1em 0; padding-bottom: 1em; border-bottom: 1px solid #ccc; }
#news_top article[role="main"] .wrapperbox > a:last-of-type { border-bottom: none; }
#news_top article[role="main"] .wrapperbox > a img.thumb { float: right; max-width: 100%; margin-left: 0.5em; }
#news_top article[role="main"] .wrapperbox > a:after { content: ""; clear: both; display: block; height: 0; }

article[role="main"] .wrapperbox .floatbox { width: 49.9%; border: none; margin-top: 1px; padding: 0 0.8em; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
article[role="main"] .wrapperbox .floatbox:nth-of-type(odd) { margin-right: 1px; }
article[role="main"] .wrapperbox .floatbox a { display: block; width: 100%; height: 100%; word-break: break-all; }
article[role="main"] .wrapperbox .floatbox:after,
article[role="main"] .wrapperbox .floatbox a:after { content: ""; clear: both; display: block; height: 0; }
.msie article[role="main"] .wrapperbox .floatbox { width: 49.8%; margin-right: 1px; }

article[role="main"] .wrapperbox strong,
article[role="main"] .wrapperbox span,
article[role="main"] .wrapperbox em,
article[role="main"] .wrapperbox p { font-style: normal; color: #000; word-wrap: break-word; }
article[role="main"] .wrapperbox strong +em { padding-left: 0.5em; }
article[role="main"] > header.cmn_title1 + .wrapperbox,
article[role="main"] > section > header.cmn_title1 + .wrapperbox { padding: 0; }

body#club_list article[role="main"] header > nav { margin-bottom: 1.5em; color: #123591; }
body#club_list article[role="main"] header > nav > ul { border-bottom: 0.3em solid #e6e6e6; }
body#club_list article[role="main"] header > nav > ul li {position: relative; float: left; text-align:center; border-bottom: 0.3em #e6e6e6;}
body#club_list article[role="main"] header > nav > ul li a { display: block; width: 100%; height: auto;  }
body#club_list article[role="main"] header > nav > ul li a:hover { border-bottom: 0.3em solid #123591; }
body#club_list article[role="main"] header >  nav > ul > li:nth-child(3)::after,
body#club_list article[role="main"] header >  nav > ul > li:before{ content: ""; height: 50%; }
body#club_list article[role="main"] header >  nav > ul > li:nth-child(3)::after { position: absolute; right: 0; bottom: 0;border-right: 1px solid #e6e6e6; }
body#club_list article[role="main"] header >  nav > ul > li:before{ position: absolute; left: 0; bottom: 0;border-left: 1px solid #e6e6e6; }

body#club_list article[role="main"] article > div { background: #ddd; }
body#club_list article[role="main"] header > nav > ul::after { content: ""; clear: both; display: block; height: 0; }

article[role="main"] .wrapperbox a p { word-break: break-all; }
article[role="main"] #wrapbox .maininfomation > p { word-wrap: break-word; white-space: normal; }

article[role="main"]  .zoom_link:after { content:" "; display:block; z-index: 2; position: absolute; right: 0; top: 0; width: 19px; height: 19px; background: transparent url(/common/images/icon_zoom.png) no-repeat 0 0; }

/* @end */


/* @group rcontents */

.banner_box > div { position: relative; overflow: hidden; }
.banner_box > div a { text-decoration: none; }

#liveschedule div > table { width: 96%; margin-left: 4%; border-collapse: separate; border-spacing: 1px; }
#liveschedule div > table > caption { position: relative; width: 98%; height: 2.0em; margin-left: -4%; padding: 0 0.5em; line-height: 2.2em; font-weight: bold; text-align: left; font-size: 1.3em; color: #fff; }
#liveschedule div > table > caption > strong a { color: #fff; }
#liveschedule div > table > caption > a { float: right; position: relative; display: inline-block; width: 4.5em; margin-top: 0.5em; font-size: 0.6em; text-decoration: none; color: #0bf6ff; }
#liveschedule div > table > caption > a::before,
#liveschedule div > table > caption > a::after { content: ''; display: block; position: absolute; top: 0%; margin-top: -0.1em; font-size: 2.0em; font-family: 'fontello'; }
#liveschedule div > table > caption > a.prev::before { content: '\00e801'; left: -0.7em; }
#liveschedule div > table > caption > a.next::after { content: '\00e802'; right: 0; }
#liveschedule div > table > caption::after { content: ''; clear: both; display: block; height: 0; }
#liveschedule div > table > thead { line-height: 1.4em; }
#liveschedule div > table > caption > span { padding-left: 0.5em; font-size: 0.6em; }
#liveschedule div > table td,
#liveschedule div > table th { text-align: center; min-width: 2em; min-height: 2.6em; overflow-x: hidden; }
#liveschedule div > table th { font-size: 70% !important; font-weight: bold; color: #fff; }
#liveschedule div > table td { height: 2.6em; vertical-align: middle; font-weight: bold; color: #fff !important; border: 1px solid #fff; }
#liveschedule div > table tr.select_week td { border-color: #03d3f9 !important; }
#liveschedule div > table > tbody span,
#liveschedule div > table > tbody a { display: inline-block; width: 100%; height: 100%; line-height: 2.6em; text-align: center; }
#liveschedule div > table > tbody a { color: #0d2672; background: #0bf6ff; }
#liveschedule div > table > tbody td span,
#liveschedule div > table > tbody td a { color: #00a2ff; }
#liveschedule div > table > tbody td.other_mont { border-color: #fff; }
#liveschedule div > table > tbody td.other_month span,
#liveschedule div > table > tbody td.other_month a { color: #7b8cb6; }
#liveschedule div > table > tbody td.today span { color: #fff; }
#liveschedule div > table + p { clear: both; margin: 0.5em 0 0 4.5%; color: #fff; }
#liveschedule div > table + p:before { content: ""; border-left: 1.2em solid #0bf6ff; padding-right: 0.5em; }
#liveschedule div > table > caption ,
#liveschedule div > ul li { background-color: #0d2672; border-top: 1px solid #0d2672; border-bottom: 1px solid #0d2672; }
#liveschedule div > ul { position: absolute; bottom: 2.2em; left: 0; width: 4%; }
#liveschedule div > ul li { position: relative; height: 2.65em; list-style: none; }
#liveschedule div > ul li > a { position: relative; display: block; width: 100%; height: 100%; text-indent: 100%; white-space: nowrap; overflow: hidden; }
#liveschedule div > ul li > a::before { content: '\00e802'; position: absolute; display: block;  top: 50% !important; width: 50%; height: auto; margin-top: -0.6em; font-size: 1.0em; color: #0bf6ff; font-family: 'fontello'; }

#liveschedule div > ul li.select_week { background-color: #797272; }
#liveschedule div > ul li.select_week a::before { color: #0d2672; }

#liveschedule h1 { position: relative; }
#liveschedule h1 mark { display: none; position: absolute; right: 0.5em; top:0; width: 1.3em; height: 1.3em; background: none; }
#liveschedule h1 + div { display: block; }

body#club_list article[role="main"] header > aside { background-color: #fff4cb; margin: 1em;}

/* @end */


/* @group footer */
[role="complementary"] nav li a { color: #ffffff; }
/*@end*/

/* @group calendar */

#news_box > div { padding: 8px; background-color: #dbdbdb; }
#news_box > div a { display: block; color: #0084ff; }
#news_box > div a::after { content: ''; display: block; height: 0; clear: both; visibility: hidden; }
#news_box > div .copy,
#news_box > div .day { display: block; width: 34%; float: left; }
#news_box > div .copy { width: 58%; }
#news_box > div .day { color: #000; }
#news_box > div::after { content: ""; clear: both; display: block; height: 0; }

#nowmonth a { display: block; position: absolute; top: 0; font-size: 1.6em; font-weight: bold; color: #fff; }
#nowmonth p { font-weight: bold; font-size: 1.6em; text-align: center; line-height: 43px; font-family: 'Helvetica' }
#nowmonth p strong { font-size: 1.4em; padding-right: 0.2em; }
#nowmonth a.prev { top: 25%; left: 30%; padding-left: 1em; }
#nowmonth a.next { top: 25%; right: 30%; }
#nowmonth a.prev::before,
#nowmonth a.next::after { display: block; width: 100%; height: auto; position: absolute; top: -5%; font-size: 1.2em; color: #fff; font-family: 'fontello'; }
#nowmonth a.prev::before { content: '\00e801'; left: 0; }
#nowmonth a.next::after { content: '\00e802'; right: -1.6em; }

/* @end */

/*@group Top*/

body#top article[role="main"] #today_live .wrapperbox a .opentime,
body#top article[role="main"] #line_up .floatbox > a span { font-size: 0.9em; }
body#top article[role="main"] #today_live .wrapperbox a h1,
body#top article[role="main"] #line_up .floatbox > a h1 { padding: 0.5em 0; font-size: 1.2em; line-height: 1.1; }
body#top article[role="main"] #today_live .wrapperbox a p,
body#top article[role="main"] #line_up .floatbox > a p { font-size: 0.95em; color: #0a1e58; }
html.pc body#top article[role="main"] .wrapperbox .floatbox:nth-child(odd) { border-right: none; }

#top #today_live .wrapperbox a { position: relative; display: block; min-height: 98px; margin-top: 1em; padding: 10px; background-color: #ffffff; }
#top #today_live .wrapperbox a > img { position: absolute; top: 10px; left: 10px; }
#top #today_live .wrapperbox a > p,
#top #today_live .wrapperbox a > h1,
#top #today_live .wrapperbox a > h2,
#top #today_live .wrapperbox a > div { margin-left: 130px }
#top #today_live .wrapperbox a > p { font-size: 1em; }
#top #today_live .wrapperbox a .opentime { color: #000; font-weight: bold; }
#top #today_live .wrapperbox a > h1 { font-size: 1.4em; color: #3b94cc; }
#top #today_live .wrapperbox a p.copy { color: #0a1e58;  }
#top p.price { font-size: 1.2em !important; font-weight: bold; color: #123591; }
#top .attention { font-weight: lighter; font-size: 0.8em; color: #a0a0a0; }
#top p.price  { font-size: 1em; }

#top article[role="main"] #line_up .floatbox {  }
#top article[role="main"] #line_up .floatbox img { float: right }
#top article[role="main"] #line_up .floatbox::after { content: ""; clear: both; display: block; height: 0; }

/* @end */


/*@group schedule detail*/

body.schedule #vewctl_box { position: relative; margin-bottom: 0.5em; background-color: #0d2672;  color: #fff; }
body.schedule #vewctl_box > p { padding: 1em 0 0.2em 1.5em; }
body.schedule #vewctl_box > p span { color: #9f9f9f; }
body.schedule #vewctl_box > p strong { font-size: 2em; }
body.schedule #vewctl_box > p strong + span { margin-left: 0.5em;  }
body.schedule #vewctl_box > nav { position: absolute; right: 0; top: 0; height: 100%; }
body.schedule #vewctl_box > nav > a { display: block; position: absolute; bottom: 0.75em; color: #0bf6ff; font-weight: bold; font-size: 1em;  line-height: 1; vertical-align: text-bottom; }
body.schedule #vewctl_box > nav > a.prev { left: 0.1em; }
body.schedule #vewctl_box > nav > a.next { right: 0.1em; }
body.schedule #vewctl_box > nav > a::before,
body.schedule #vewctl_box > nav > a::after { content: ''; position: relative; bottom: -0.25em; margin-top: -0.45em; display: inline-block; width: 1.1em; text-align: center; vertical-align: text-top; font-family: 'fontello'; font-style: normal; font-weight: normal; font-size: 1.8em; }
body.schedule #vewctl_box > nav > a.prev::before { content: '\00e801'; }
body.schedule #vewctl_box > nav > a.next::after { content: '\00e802'; }
body.schedule #vewctl_box > nav ul { background: #0a0033; }
body.schedule #vewctl_box > nav ul li { display: inline-block; min-width: 2em; font-size: 0.8em; }
body.schedule #vewctl_box > nav ul li strong,
body.schedule #vewctl_box > nav ul li a { display: block; height: 100%; padding: 0.2em 1.5em; vertical-align: bottom; font-weight: normal; }
body.schedule #vewctl_box > nav ul li a { color: #fff; }
body.schedule #vewctl_box > nav ul li.current,
body.schedule #vewctl_box > nav ul li:hover { color: #1541bc; background: #0ebbf4; }
body.schedule #vewctl_box > nav ul li:hover a { color: #fff !important; background: #0ebbf4; }
body.schedule #vewctl_box > nav::after { content: ""; clear: both; display: block; height: 0; }


#schedule_detail article[role="main"] #wrapbox { padding: 1em; background-color: #fff; }
#schedule_detail article[role="main"] #wrapbox .maininfomation > p,
#schedule_detail article[role="main"] #wrapbox .maininfomation > h2 { color: #000000; }
#schedule_detail article[role="main"] #wrapbox .maininfomation > h2,
#schedule_detail article[role="main"] #wrapbox .maininfomation > h2 div { word-break: break-all; }
#schedule_detail article[role="main"] #wrapbox .maininfomation > .emergency { color: #a40000; font-size: 1.2em; font-weight: bold;}
#schedule_detail article[role="main"] #wrapbox h2 { margin: 1.5em 0 0 !important; padding-bottom: 0.5em !important; border: none; }
#schedule_detail article[role="main"] #wrapbox .maininfomation > p {  word-wrap: break-word; white-space: normal; }

#schedule_detail article[role="main"] .maincopy { margin-bottom: 2em; color: #1541bc !important; font-size: 1.2em !important;}
#schedule_detail article[role="main"] .maincopy em { font-style: normal; }

#schedule_detail article[role="main"] #wrapbox .catchcopy { margin: 0; padding: 0; font-weight: bold; }

#schedule_detail article[role="main"] #wrapbox .imgbox { float: left; width: 290px; margin-right: 1em; }
#schedule_detail article[role="main"] #wrapbox .imgbox a,
#schedule_detail article[role="main"] #wrapbox .imgbox figure { display: inline-block; width: 100%; height: 100%;}
#schedule_detail article[role="main"] #wrapbox .imgbox figure img,
#schedule_detail article[role="main"] #wrapbox .imgbox a img { max-width: 100%; }
#schedule_detail .maininfomation { float: left;  width: 51%; margin-left: 1em; }
#schedule_detail .ticket { margin-bottom: 1em; }
#schedule_detail .ticket h3 { position: relative; margin-bottom: 0.5em; font-weight: bold; border-top: 1px dotted #b5b5b5; border-bottom: 1px dotted #b5b5b5;  line-height: 2.6; }
#schedule_detail .ticket h3:before { display: none; }
#schedule_detail .ticket ul li { margin-bottom: 0.3em; list-style: none; }
#schedule_detail #clubcitta li img { margin-right: 0.3em; vertical-align: middle; }
#schedule_detail #clubcitta ul li.end { text-decoration:line-through; }
#schedule_detail .ticket h3 span { display: block; position: absolute; top: 0; right: 0; }

#schedule_detail article[role="main"] .scheduletext { margin: 0.5em 0; }
#schedule_detail article[role="main"] .scheduletext em { font-style: normal; }

#schedule_detail #clubcitta ul li a,
#schedule_detail #clubcitta ul li span { line-height: 17px; }
#schedule_detail #generalticket li { position: relative; padding-left: 2em; }
#schedule_detail #generalticket li img { position: absolute; top: 0; left: 0; }
#schedule_detail #generalticket h3 { color: #191919; }

#schedule_detail .scheduleinfo { border: 1px solid transparent; }
#schedule_detail .scheduleinfo h2 { margin: 1em 0 0; padding-bottom: 1em; color: #1541bc; margin-bottom: 0 !important; }
#schedule_detail .scheduleinfo h2 span { color: #9c9c9c; }
#schedule_detail .scheduleinfo dt { border-right: 1px solid #fff; border-bottom: 1px solid #fff; background-color: #f1f4fb; clear: left; float: left; width: 30%; padding: 10px 0.5em ; }
#schedule_detail .scheduleinfo dd { padding: 10px 0.5em 10px 2em; border-bottom: 1px solid #fff; margin-left: 30%; }

#schedule_detail article[role="main"] table { width: 100%; border: 1px #e3e3e3 solid; border-collapse: collapse; border-spacing: 0; }
#schedule_detail article[role="main"] table th,
#schedule_detail article[role="main"] table td { padding: 1em 0.5em; }
#schedule_detail article[role="main"] table th { width: 11em; white-space: nowrap; text-align: right; color: #1541bc; border: 1px #fff solid; background: #c9d6f7; }
#schedule_detail article[role="main"] table td { word-wrap: break-word; border: 1px #fff solid; text-align: left; background-color: #ddd; }

#schedule_detail article[role="main"] .scheduleinfo table td ul li { padding: 0.2em; }
#schedule_detail article[role="main"] .scheduleinfo table td ul li img { padding-right: 0.5em; vertical-align: top; }

#schedule_detail article[role="main"] .ticket { margin: 1em 0; }
#schedule_detail article[role="main"] .ticket ul li a { display: inline-block; width: 90%; min-height: 35px; margin-left: -0.3em;  padding: 0.7em 0 0 3.5em; vertical-align: bottom; color: #0086ff; font-weight: bold; background: url(/common/images/btn_ticketapplication.png) no-repeat left top; display: -webkit-box; display: -ms-box; display: box; }

body#schedule_detail article[role="main"] #wrapbox .maininfomation > h2 { margin-bottom: 0.5em; }

body#schedule_detail .detail_photo { position: relative; width: 290px; min-height: 292px; margin-bottom: 0.5em; padding: 0 !important; }
body#schedule_detail .detail_photo .main { position: absolute; left: 0; top: 0; width: 290px; height: 240px; overflow-y: hidden; background-color: #ccc; }
body#schedule_detail .detail_photo .main li { display: none; position: absolute; top: 0; left: 0; }
body#schedule_detail .detail_photo .main li:first-child,
body#schedule_detail .detail_photo .main img { display: block; }
body#schedule_detail .detail_photo .main li a.photo { text-align: center !important; }
body#schedule_detail .detail_photo .main li p.caption { position: absolute; bottom: 0; left: 0; width: 100%; padding: 0.1em 0.5em; min-height: 1.5em; color: #fff; background: #b8075f; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body#schedule_detail .detail_photo .thumb_container { position: absolute; left: 9px; bottom: 0; width: 270px; height: 50px; overflow: hidden; }
body#schedule_detail .detail_photo .thumbs { position: absolute; top: 0; left: 0; width: 100%; height: 50px; }
body#schedule_detail .detail_photo .thumbs li { position: absolute; top: 0; width: 68px; height: 50px; }
body#schedule_detail .detail_photo .thumbs .thumb { cursor: pointer; }
body#schedule_detail .detail_photo .thumbs .gray2 { background-color:#ccc; left: 69px; }
body#schedule_detail .detail_photo .thumbs .gray3 { background-color:#ccc; left: 138px; }
body#schedule_detail .detail_photo .prev { display: block; position: absolute; bottom:0; left:0; width: 9px; height: 50px; text-indent: -9999px; background: url(/common/images/photo_pagination_l.png) no-repeat 0 0; }
body#schedule_detail .detail_photo .next { display: block; position: absolute; bottom:0; right:0; width: 9px; height: 50px; text-indent: -9999px; background: url(/common/images/photo_pagination_r.png) no-repeat 0 0; }

body.club article[role="main"] iframe { max-width: 100% !important; max-height: 210px; margin-bottom: 0.5em; }
body.schedule#schedule_detail #wrapbox:after { content: ''; clear: both; display: block; height: 0; }

body#schedule_detail article[role="main"] section.goods_list { position: relative; margin: 0 0 0.5em; padding: 1.5em; background:  #f1f4f5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body#schedule_detail article[role="main"] section.goods_list p { display: table; position: relative; width: 98%; margin: 0.5em; padding: 0.5em !important; min-height: 60px; background: #fff; vertical-align: middle; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body#schedule_detail article[role="main"] section.goods_list p:hover { background: #afe0ff; }
body#schedule_detail article[role="main"] section.goods_list p > * { display: table-cell; vertical-align: middle; }
body#schedule_detail article[role="main"] section.goods_list p > span:first-child { width: 75px; left: 0; margin: 0; text-align: center; overflow: hidden; }
body#schedule_detail article[role="main"] section.goods_list p > span:first-child img { max-width: 100%; }
body#schedule_detail article[role="main"] section.goods_list p > span:last-child { width: 11em; left: 0; margin: 0; text-align: center; }
body#schedule_detail article[role="main"] section.goods_list p > span.price { width: 7.5em; text-align: right; }
body#schedule_detail article[role="main"] section.goods_list p strong { line-height: 1.2em; padding-left: 0.5em; }
body#schedule_detail article[role="main"] section.goods_list p:before { content: ''; position: absolute; clear: both; display: block; height: 0; width: 100%; margin-top: -0.75em; margin-left: -0.5em; border-top: 1px solid #bec8cb; }
body#schedule_detail article[role="main"] section.goods_list h3 + a p:before { border-top-color: #f1f4f5 }
body#schedule_detail article[role="main"] section.goods_list p:after { content: ""; clear: both; display: block; height: 0; }


/* @end */


/* @group list*/
#schedule_top article[role="main"] > section > header { margin-top: 2em; }
.livebox { position: relative; clear: both; margin-bottom: 2em; padding: 14px 9px 8px 14px; background-color: #fff; }
.livebox > a { width: 100%; min-height: 93px; margin-bottom: 4px; display: block; border: 1px solid #fff; }
.livebox .date,
.livebox > a figure,
.livebox > a > div { display: block; float: left; margin-right: 5px; }
.livebox > a > div { padding: 5px 8px 0; min-height: 88px; }
.livebox > a >  div>  .emergencyinfo { font-size: 1.2em; color: #a40000; }
.livebox#futurelist > a:nth-child(2n+1)  > div { background-color: #f1f4fb; }
.livebox#endlist > a:nth-child(2n+1)  > div { background-color: #f1f4fb; }
.livebox > a > div h2 { font-size: 1.4em; border: none !important; }
.livebox .location span { color:#fff; background-color: #0d2672; font-size: 0.9em; display: inline-block; padding: 3px 5px; margin-bottom: 5px }
.livebox .location_citta span {background-color: #0d2672;}
.livebox .location_other span {background-color: #720d0d; }
.livebox > a:hover .location span { color:#fff;}
.livebox .eventtitle { font-weight: bold; font-size: 1em; }
.livebox .eventtitle + p { word-wrap: break-word !important; }
.livebox .date { float: left; position: relative; width: 11%; height: 93px; color: #ffffff; font-weight: bold; font-size: 2em;  text-align: center; }
.livebox#futurelist .date { background-color: #0ebbf4; }
.livebox#endlist .date{ background-color: #818181; }
#endlist.livebox .date,
#futurelist.livebox .date > span { text-align: center; font-family: 'Helvetica'; }
#futurelist.livebox .date > span { display: block; width: 100%;  position:absolute; top: 50%; line-height:0.9; margin-top: -1em; }
#endlist.livebox .date img { margin: 0.3em 0 0; }
#endlist.livebox .date span { line-height:1; }
#nowmonth ul { display: none; }
.livebox a div div { display: none; }

.livebox a:hover span { color: #0d2672; }
.livebox .date span.day1,
.livebox .date span.day2 { display: block; }
.livebox .date span.day1 { font-size: 1.2em; line-height: 1.2; }
.livebox .date span.day2 { font-size: 0.6em; }
.livebox > a figure { width: 17%; }
.livebox > a > div { width: 66.2%; }
.livebox .date { text-align: center; }
.livebox .date img { padding-top: 0.5em; }

#schedule_top .open_time span { display: block; }
.livebox .date:after,
.livebox:after,
.livebox > a:after { content: ""; clear: both; display: block; height: 0; }


body#club_list article[role="main"] #schedule_page { list-style: none; }
body#club_list article[role="main"] #schedule_page:after { content: ""; clear: both; display: block; height: 0; }
body#club_list article[role="main"] #schedule_page li { float: left; position: relative; width:33.3%; padding: 0.5em 0; }
body#club_list article[role="main"] #schedule_page li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body#club_list article[role="main"] #schedule_page li.page_back,
body#club_list article[role="main"] #schedule_page li.page_go a { color: #0181fe; }
body#club_list article[role="main"] #schedule_page li.page_back a:before,
body#club_list article[role="main"] #schedule_page li.page_go a:after{ position: absolute; font-size: 2em; font-family: 'fontello'; }
body#club_list article[role="main"] #schedule_page li.page_cr { text-align: center; }
body#club_list article[role="main"] #schedule_page li.page_go { padding-right: 1em; }
body#club_list article[role="main"] #schedule_page li.page_back { padding-left: 1.5em; }
body#club_list article[role="main"] #schedule_page li.page_go { text-align: right; }
body#club_list article[role="main"] #schedule_page li.page_back a:before{ content: '\e801'; top:0.2em; left: 0;}
body#club_list article[role="main"] #schedule_page li.page_go a:after{ content: '\e802'; top:0.2em; right: 0;}
body#club_list article[role="main"] > div > article > h1 { background: #0ebbf4; padding: 0.5em 1em; color: #fff; font-size: 1.2em; font-weight: bold;  }
body#club_list article[role="main"] > div > article > article { border: 3px solid #d2d2d2; margin: 1.5em 0; }
body#club_list article[role="main"] > div > article > article > h1 { padding: 0.5em; color: #555; }
body#club_list article[role="main"] > div > article > article > div { padding: 1em 0.5em; border-top: 1px dotted #0181fe; background: #f0f4f5; }
body#club_list article[role="main"] > div > article > article > div:nth-child(2) { border: none; }
/* @end */

/*@group detail*/
body#club_detail article[role="main"] header { position: relative; padding: 15px;  }
body#club_detail article[role="main"] header > h1 { padding-top: 2em; color: #0181fe; font-size: 150%; font-weight: bold; }
body#club_detail article[role="main"] header > h2 { position: absolute; top: 2em; left: 1em; }
body#club_detail article[role="main"] header ul li { list-style: none; }
body#club_detail article[role="main"] header .ticket_application li { float: left; margin-left: 1em; color: #0181fe; font-size: 120%; font-weight: bold; }
body#club_detail article[role="main"] header .ticket_application li:first-child { margin: 0; }
body#club_detail article[role="main"] header .ticket_application:after { content: ""; clear: both; display: block; height: 0; }

body#club_detail article[role="main"] header > div:first-child {width: 50%; float: right; background: gray; }
body#club_detail article[role="main"] header #ticket_code li a{ position: relative; padding-left: 2.5em; }
body#club_detail article[role="main"] header #ticket_code li a:before { display: block; position: absolute; top:-0.2em; left: 1px; }
body#club_detail article[role="main"] header ul #pcode a:before { content:url(/common/images/icon_p.gif);  }
body#club_detail article[role="main"] header ul #lcode a:before { content:url(/common/images/icon_l.gif);  }
body#club_detail article[role="main"] header ul #cnplayguide a:before { content:url(/common/images/icon_c.gif); }
body#club_detail article[role="main"] header ul #cnplayguide a:before { content:url(/common/images/icon_c.gif); }
body#club_detail article[role="main"] header ul #eplus a:before { content:url(/common/images/icon_e.gif); }
body#club_detail article[role="main"] header ul #eticket a:before { content:url(/common/images/icon_t.gif); }

body#club_detail article[role="main"] header div.figurearea { width: 41%; float: left;}
body#club_detail article[role="main"] header div.figurearea > figure { background: red; }
body#club_detail article[role="main"] header div.figurearea > div { background: yellow; margin-top: 2em; }
body#club_detail article[role="main"] header + article { clear: both; }
body#club_detail article[role="main"] > article > div { background: #f0f4f5;}

body#club_detail #generalticket li { position: relative; }
body#club_detail #generalticket li img { position: absolute; top: 0; left: 0; }

/* @group ticket */
html.pc body#ticket_top article[role="main"] #citta_ticket .wrapperbox .floatbox:nth-child(odd),
html.pc body#ticket_top article[role="main"] #presents_ticket .wrapperbox .floatbox:nth-child(odd) { border-right: none; }
body#ticket_top article[role="main"] > .menu { margin-bottom: 1em; }
body#ticket_top article[role="main"] > .menu li { display: inline-block; width: 49.5%;}
body#ticket_top article[role="main"] > .menu li a { display: block; position: relative;  padding: 0.5em 0 0.5em 2em; }
body#ticket_top article[role="main"] > .menu li a:before { content: url(/common/images/img_menu.png); position: absolute; left: 0;}

body#ticket_top article[role="main"] > section > header { margin-bottom: 0; }
body#ticket_top article[role="main"] > section > header h2 { margin-top: 0; margin-bottom: 0; }
body#ticket_top article[role="main"] > section > .wrapperbox { padding: 0; }
.safari body#ticket_top article[role="main"] > section#citta_ticket > header,
.safari body#ticket_top article[role="main"] > section#presents_ticket > header { border-right: 1px solid transparent !important; }

body#ticket_top article[role="main"] section#online_ticket .wrapperbox { margin-top: 0; min-height: 215px; padding: 1em 1em 1em 2.5em; background: transparent url(/common/images/bg_pt_ticket.png) repeat-y 0 0; }
body#ticket_top article[role="main"] section#online_ticket .wrapperbox > p:first-child { margin-bottom: 10px; padding-top: 54px; color: #6B2D46; font-weight: bold; font-size: 1.3em; letter-spacing: -0.07em; background: transparent url(/common/images/bg_pt_tickettop.png) no-repeat 0 0;}
body#ticket_top article[role="main"] section#online_ticket .wrapperbox .caution_txt { margin-bottom: 10px; }
body#ticket_top article[role="main"] section#online_ticket .wrapperbox .link_btn { margin-top: 20px; }
body#ticket_top article[role="main"] section#online_ticket .wrapperbox .link_btn p { float: left; min-width: 150px; margin-right: 20px; }
body#ticket_top article[role="main"] section#citta_ticket { position: relative; }
body#ticket_top article[role="main"] section#citta_ticket .link_detail { top: 12px; }
body#ticket_top article[role="main"] section#presents_ticket { position: relative; }
body#ticket_top article[role="main"] section#presents_ticket .link_detail { top: 12px; }
body#ticket_top article[role="main"] section#online_ticket .wrapperbox .link_btn:after { content: ""; clear: both; display: block; height: 0; }
body#ticket_top article[role="main"] section .wrapperbox .floatbox p { line-height: 1.2; }
body#ticket_top article[role="main"] section .wrapperbox .floatbox p + p { margin-top: 0.5em; }
body#ticket_top article[role="main"] section .wrapperbox .emergencyinfo { color: #a40000;}

body#hall_top article[role="main"] .wrapbox  .contact { margin: 2em 0; padding: 1.5em 1em; background: #f1f4f5; }
body#hall_top article[role="main"] a.icon_link { margin: 2em auto; }
body#hall_top article[role="main"] a.icon_link > span { padding-left: 2.2em; }
body#hall_top article[role="main"] a.icon_link > span:first-child { font-size: 1.1em; line-height: 1.3; }
body#hall_top article[role="main"] a.icon_link > span:last-child { text-indent: 0.5em; color: #b6b6b6; }
body#hall_detail article[role="main"] h2,
body#ticket_online article[role="main"] h2,
body#institution_top article[role="main"] h2,
body#institution_food_drink article[role="main"] h2 { margin: 40px 0 20px; }
body#institution_top article[role="main"] a.icon_link { margin: 2em auto; }
body#institution_top article[role="main"] a.icon_link > span { padding-left: 2.2em; }
body#institution_top article[role="main"] a.icon_link > span:first-child { font-size: 1.1em; line-height: 1.3; }
body#institution_top article[role="main"] a.icon_link > span:last-child { text-indent: 0.5em; color: #b6b6b6; }
body#hall_detail article[role="main"] h2:first-child,
body#ticket_online article[role="main"] h2:first-child,
body#institution_top article[role="main"] h2:first-child,
body#institution_food_drink article[role="main"] h2:first-child { margin: 0 0 20px 0; }
body#hall_detail article[role="main"] h2 span,
body#ticket_online article[role="main"] h2 span,
body#institution_top article[role="main"] h2 span,
body#institution_food_drink article[role="main"] h2 span { color: #9C9C9C; }
body#hall_detail,#institution_top article[role="main"] p { margin: 10px 0 20px; }
body#hall_detail article[role="main"] .listdata { margin: 0 0 20px; list-style: none; }
body#hall_detail article[role="main"] .listdata li { padding: 6px; border-bottom: 1px dotted #2681FC; }
body#hall_detail article[role="main"] .listdata li::after { content: ""; clear: both; display: block; height: 0; }
body#hall_detail article[role="main"] p.listdata { padding: 6px 5px 0; border-bottom: 1px dotted #2681FC; }
body#hall_detail article[role="main"] h3 { margin-bottom: 0 !important; }
body#hall_detail article[role="main"] .listdata li:last-child { border-bottom: none; }
body#hall_detail article[role="main"] .listdata .list_tit { display: block; width: 25%; float: left; }
body#hall_detail article[role="main"] .listdata .list_dat { display: block; width: 70%; margin-left: 20px; }

body#institution_top article[role="main"] .artist_list { padding: 10px; font-weight: bold; background-color: #F1F4F5; }
body#institution_top article[role="main"] .outlinebox { width: 100%; background-color: #F1F4F5; }
body#institution_top article[role="main"] .outlinebox th { width: 30%; padding-right: 10px !important; text-align: right; color: #2681FC; background-color: #F1F4FB; }
body#institution_top article[role="main"] .outlinebox tr { border: 1px solid #FFF; }
body#institution_top article[role="main"] .outlinebox th,
body#institution_top article[role="main"] .outlinebox td { padding: 5px; }

body#institution_food_drink article[role="main"] .caution { color: #555; }
body#institution_food_drink article[role="main"] .menu_list { padding: 15px; background-color: #F1F4F5; }
body#institution_food_drink article[role="main"] .menu_list .cate_box { float: left; width: 46%; margin-right: 4%; }
body#institution_food_drink article[role="main"] .menu_list:after { content: ""; clear: both; display: block; height: 0; }
body#institution_food_drink article[role="main"] .menu_list .cate_box ul { margin: 10px 0 20px; list-style: none; }
body#institution_food_drink article[role="main"] .menu_list .cate_box h3,
body#institution_food_drink article[role="main"] .menu_list .cate_box li { position: relative; margin-bottom: 5px; }
body#institution_food_drink article[role="main"] .menu_list .cate_box li { margin-left: 5px; }
body#institution_food_drink article[role="main"] .menu_list .cate_box h3 { border-bottom: 1px solid #1541BC; }
body#institution_food_drink article[role="main"] .menu_list .cate_box .price { display: block; position: absolute; top: 0; right: 0;}

body#ticket_online article[role="main"] dl { margin-bottom: 10px; }
body#ticket_online article[role="main"] dl::after,
body#goods_top article[role="main"] dl::after { content: ""; clear: both; display: block; height: 0; }
body#ticket_online article[role="main"] dt,
body#goods_top article[role="main"] dt  { float: left; width: 12%; height: 100%; text-align: center; }
body#ticket_online article[role="main"] dt span,
body#goods_top article[role="main"] dt span { display: block; padding: 10px 0; font-size: 1.2em; color: #FFF; }
body#ticket_online article[role="main"] dd { float: right; width: 88%; }
body#ticket_online article[role="main"] dd p,
body#goods_top article[role="main"] dd p { padding: 15px; color: #FFF; }
body#ticket_online article[role="main"] dd img,
body#goods_top article[role="main"] dd img { display: block; max-width: 100%; margin-top: 10px; }
body#ticket_online article[role="main"] p.caution,
body#goods_top article[role="main"] p.caution { margin-bottom: 10px; color: #A40000; }
body#ticket_online article[role="main"] dd .bluetxt,
body#goods_top article[role="main"] dd .bluetxt { color: #0BF6FF; }
body#ticket_online article[role="main"] dl.lottery { background-color: #49A47B; }
body#ticket_online article[role="main"] dl.precedence { background-color: #D25F9F; }
body#ticket_online article[role="main"] dl.reserve { background-color: #F8A861; }
body#ticket_online article[role="main"] dl.lottery dd { background-color: #008244; }
body#ticket_online article[role="main"] dl.precedence dd { background-color: #BE0064; }
body#ticket_online article[role="main"] dl.reserve dd { background-color: #FC7700; }
body#ticket_online article[role="main"] .attention_list { margin-left: 15px; font-size: 1em; line-height: 1.3em; }
body#ticket_online article[role="main"] .attention_list > li { margin: 0 0 10px; list-style: none; text-indent: -1em; }
body#ticket_online article[role="main"] .attention_list ul { margin: 5px 0 0 15px; }
body#ticket_online article[role="main"] .attention_list li li { list-style: disc; text-indent: 0; }

body#ticket_id_check article[role="main"] .setbox { margin-bottom: 20px; }
body#ticket_id_check article[role="main"] .setbox p { margin: 3px 0 0 12px; }
body#ticket_id_check article[role="main"] .idlist { border: 1px solid #A10000; margin-top: 10px; padding: 10px; }
body#ticket_id_check article[role="main"] .idlist li { margin-left: 20px; color: #A10000; font-weight: bold; list-style: disc !important; }
body#ticket_id_check article[role="main"] .caution_box { margin-bottom: 20px; padding: 10px; color: #FFF; background-color: #A10000; }
body#ticket_id_check article[role="main"] .caution_box h3 { color: #FFF; border: none !important; }
body#ticket_id_check article[role="main"] .caution_box p { margin-left: 10px; font-size: 0.9em; }
body#ticket_id_check article[role="main"] .r_txt { text-align: right; }
body#ticket_id_check article[role="main"] .daicho_box { margin-top: 20px; padding: 20px; background-color: #EEE; }
body#ticket_id_check article[role="main"] .daicho_box h2 { margin-bottom: 5px; padding-top: 0; color: #003366; font-size: 1.2em; }
body#ticket_id_check article[role="main"] .daicho_box h2 span { display: block; padding-left: 0; color: #555; font-size: 0.8em; font-weight: normal; font-family: sans-serif !important; }
body#ticket_id_check article[role="main"] .daicho_box div { margin-bottom: 10px; padding: 10px; background-color: #FFF; }
body#ticket_id_check article[role="main"] .daicho_box h3 { margin-bottom: 5px; border-top: none !important; border-left: none !important; border-bottom: none !important; border-right: none !important; border-top: none !important; line-height: 1em; color: #333; }
body#ticket_id_check article[role="main"] .daicho_box .cau_txt { margin-bottom: 10px; font-size: 0.9em; }


body#goods_top article[role="main"] p:first-child { margin-bottom: 20px !important; }
body#goods_top article[role="main"] dl { margin-bottom: 30px; background-color: #58A67D; }
body#goods_top article[role="main"] dd { float: right; width: 88%; background-color: #168448; }
body#goods_top article[role="main"] ol { height: 40px; margin: 20px 0 0 20px; background: transparent url(/common/images/buy_flow.png) no-repeat 0 0; }
body#goods_top article[role="main"] dl:after { content: ""; clear: both; display: block; height: 0; }

body#goods_top article[role="main"] .wrapbox > article { margin-bottom: 0.5em; padding: 1.5em; background-color: #f1f4f5; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body#goods_top article[role="main"] .wrapbox > article > h3 { margin-bottom: 1em; }
body#goods_top article[role="main"] .wrapbox > article > h3 + img { position: absolute; display: block; }
body#goods_top article[role="main"] .wrapbox > article > h3 + img:last-child { position: relative; }
body#goods_top article[role="main"] .wrapbox > article > section { position: relative; margin: 0 0 1em 120px; padding: 1em 1em 1.5em; background-color: #fff; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body#goods_top article[role="main"] .wrapbox > article > section h1 { margin-bottom: 0.8em; }
body#goods_top article[role="main"] .wrapbox > article > section figure { float: left; width: 224px; margin: 0 1em 0 0; }
body#goods_top article[role="main"] .wrapbox > article > section figure img { max-width: 100%; }
body#goods_top article[role="main"] .wrapbox > article > section p { margin-left: 235px; }
body#goods_top article[role="main"] .wrapbox > article > section p.price { margin-top: 0.5em; }
body#goods_top article[role="main"] .wrapbox > article > section p:last-of-type { margin-bottom: 2em; }
body#goods_top article[role="main"] .wrapbox > article > section a.buy { display: block; position: absolute; right: 1em; bottom: 1em; width: 120px; height: 34px; text-indent: 100%; white-space: nowrap; overflow: hidden; background: transparent url(/common/images/btn_buy.png) no-repeat 0 0; }
body#goods_top article[role="main"] .wrapbox > article > section:after { content: ""; clear: both; display: block; height: 0; }

body.goods .item_photo { position: relative; width: 223px; min-height: 231px; margin-bottom: 0; padding: 0 !important; }
body.goods .item_photo .main { position: absolute; left: 0; top: 0; width: 223px; min-height: 231px; margin: 0; padding: 0; background-color: #fff; }
body.goods .item_photo .main.multiimages { min-height: 231px; background-color: #ccc; }
body.goods .item_photo .main li { display: none; position: absolute; top: 0; left: 0; }
body.goods .item_photo .main li:first-child,
body.goods .item_photo .main img { display: block; }
body.goods .item_photo .main li a.photo { display: inline-block; width: 100%; height: 100%; text-align: center !important; }
body.goods .item_photo .main li p.caption { position: absolute; top: 185px; left: 0; width: 100%; margin: -1.5em 0 0 !important; padding: 0.1em 0.5em; min-height: 1.5em; color: #fff; background: rgba(87,25,50,0.6); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body.goods .item_photo .thumb_container { position: absolute; left: 9px; bottom: 0 !important; width: 204px; height: 45px; overflow: hidden; }
body.goods .item_photo .thumbs { position: absolute; top: 0; left: 0; width: 100%; height: 45px; }
body.goods .item_photo .thumbs li { position: absolute; top: 0; width: 56px; height: 45px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body.goods .item_photo .thumbs li img { vertical-align: bottom; }
body.goods .item_photo .thumbs .thumb { cursor: pointer; }
body.goods .item_photo .prev { display: block; position: absolute; bottom:0; left: 0; width: 9px; height: 46px; text-indent: -9999px; background: url(/common/images/photo_pagination_l.png) no-repeat 0 0; }
body.goods .item_photo .next { display: block; position: absolute; bottom:0; right: 1px; width: 9px; height: 46px; text-indent: -9999px; background: url(/common/images/photo_pagination_r.png) no-repeat 0 0; }

body.goods .item_photo:after { content: ""; clear: both; display: block; height: 0; }
.msie body.goods .item_photo .main li p.caption { background: #6b2d46; }

/* @group end */


/* @group News */

body#news_detail article[role="main"] .wrapbox { display: flex; }
body#news_detail article[role="main"] .wrapbox > div.textbox { width: 100%;}
body#news_detail article[role="main"] .wrapbox > div.imgbox + div.textbox { padding-left: 10px; }
body#news_detail article[role="main"] .wrapbox > div.imgbox { width: 260px; padding-bottom: 10px; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body#news_detail article[role="main"] .wrapbox div.update { margin-top: 20px; text-align: right; }

/* @group end */

#schedule-search { margin-top: 25px; background-color: #14276e; padding: 15px 15px; }
#schedule-search .schedule-search-title { font-size: 16px; color: #fff; }
#schedule-search .schedule-search-select-area {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	margin-top: 10px;
}
#schedule-search .schedule-search-select-row { width: 46.72897196261682%; position: relative; }
#schedule-search .schedule-search-select-row::after { content: ''; display: block; position: absolute; top: 50%; right: 10px; transform: translateY(-50%) rotate(-45deg); border: 1px solid transparent; width: 3px; height: 3px; border-left-color: #000; border-bottom-color: #000; }
#schedule-search .schedule-search-select-row + .schedule-search-select-row { margin-left: 6.542056074766354%; }
#schedule-search .schedule-search-select-row select { width: 100%; height: 30px; }
#schedule-search .schedule-search-select-row select::-ms-expand { display: none; }
#schedule-search button[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: none;
	display: block;
	width: 100%;
	margin-top: 10px;
	line-height: 30px;
	font-weight: bold;
	font-size: 12px;
}
#schedule-search button[type="submit"] { background: #75f2fc; color: #00a2ff; cursor: pointer; outline: none; }
#schedule-search button[type="submit"]:disabled { background: #818181; color: #fff; cursor: not-allowed; }
#schedule-search select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	padding: 0 10px;
}


/* CSS3 Media Query */
/* Mobile Common */
@media screen and ( max-width: 767px ){
	html:not(.pc) body#top article[role="main"] { padding-bottom: 0.1em; }
	html:not(.pc) body#top article[role="main"] section#producedevent { padding-bottom: 0; }

	html:not(.pc) body#ticket_online article[role="main"] dt,
	html:not(.pc) body#goods_top article[role="main"] dt { float: none; width: 100%; }
	html:not(.pc) body#ticket_online article[role="main"] dd,
	html:not(.pc) body#goods_top article[role="main"] dd { float: none; width: 100%; }
	html:not(.pc) body#goods_top article[role="main"] dd { padding-top: 5px; }
	html:not(.pc) body#institution_food_drink article[role="main"] .menu_list .cate_box { float: none; width: 100%; }
	html:not(.pc) body#goods_top article[role="main"] dd ol.c_indent { width: 94%; height: 100%; margin: 15px; background: none; text-indent: 0 !important; font-size: 1em; font-weight: bold; color: #FFF; }
	html:not(.pc) body#goods_top article[role="main"] dd li { margin-bottom: 10px; }
	html:not(.pc) #liveschedule h1 mark { display: block; position: absolute; right: 0; top: 0.2em; width: 12em; height: 1.3em; text-align: right; font-size: 70%; line-height: 1.3; color: #fff; background: none; font-style: normal; }
	html:not(.pc) #liveschedule h1 mark::after { content: '\00e804'; display: inline-block; padding-left: 0.1em; font-weight: normal; color: #0bf6ff; font-family: 'fontello'; font-size: 130%; vertical-align: text-top; line-height: 1.0; }
	html:not(.pc) #liveschedule.open h1 mark::after { content: '\00e807'; }
	html:not(.pc) #liveschedule > header + div { position: relative; min-width: 100%; }
	html:not(.pc) #liveschedule > header + div table caption { min-width: 102%; }
	html:not(.pc) #liveschedule > header + div > a { float: right; }
	html:not(.pc) #liveschedule > header + div::after { content: ""; clear: both; display: block; height: 0; }

	html:not(.pc) body#ticket_top article[role="main"] section#online_ticket .wrapperbox { width: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
	html:not(.pc) body#ticket_top article[role="main"] section#online_ticket .wrapperbox,
	html:not(.pc) body#ticket_top article[role="main"] section#online_ticket .wrapperbox > p:first-child { -webkit-background-size: 100% auto; -moz-background-size: 100% auto; -o-background-size: 100% auto; background-size: 100% auto; }
	html:not(.pc) body#news_detail iframe { width: 90%; }

	html:not(.pc) body.form.ticket div.wrapper > article[role="main"] { float: none; max-width: 750px !important; }

	html:not(.pc) body#goods_top article[role="main"] dl.flowbox dd ol { margin-right: 1em; }
	html:not(.pc) body#goods_top article[role="main"] dl.flowbox dd ol li { list-style: decimal outside !important; margin-left: 1.5em; }

	html:not(.pc) body div.wrapper .rcontents .banner_box#news_box > div { width: 100% !Important; }

	html:not(.pc) body.hall article[role="main"],
	html:not(.pc) body.news article[role="main"],
	html:not(.pc) body#schedule_detail article[role="main"],
	html:not(.pc) body.institution article[role="main"],
	html:not(.pc) body[id^=ticket_] article[role="main"] { padding-bottom: 2.5em; }

	html:not(.pc) body#schedule_top article[role="main"] > section > a[href="#top"] { bottom: -0.5em !important; }
	html:not(.pc) body#schedule_top article[role="main"] > section { padding-bottom: 0.5em !important; }
	html:not(.pc) body#schedule_top article[role="main"] > section:last-of-type { margin-bottom: 0 !important; }
	.mobile body#schedule_top article[role="main"] > a[href="#top"] { display: none !important; }
}

/* Smartphone Common */
@media only screen and ( max-width: 599px ) {
	html:not(.pc) body.club header[role="banner"] #gnav li { min-width: 31.3%; }
	html:not(.pc) .banner_box > div a { width: auto; }
	html:not(.pc) .banner_box > div > table { width: 96%; }
	html:not(.pc) .banner_box > div > table > caption { position: relative; width: 100%; height: 2.0em; margin-left: -4%; }
	html:not(.pc) article[role="main"] .wrapperbox .floatbox { width: 100%; margin-bottom: 0.5em; }
	html:not(.pc) body#club_list article[role="main"] header > nav > ul li { width: 33.33%; height: 3em; line-height: 3em; }
	html:not(.pc) body#ticket_online article[role="main"] dt,
	html:not(.pc) body#goods_top article[role="main"] dt { float: none; width: 100%; }
	html:not(.pc) body#ticket_online article[role="main"] dd,
	html:not(.pc) body#goods_top article[role="main"] dd { float: none; width: 100%; }
	html:not(.pc) body#goods_top article[role="main"] dd { padding-top: 5px; }
	html:not(.pc) body#institution_food_drink article[role="main"] .menu_list .cate_box { float: none; width: 100%; }
	html:not(.pc) body#goods_top article[role="main"] dd ol.c_indent { width: 94%; height: 100%; margin: 15px; background: none; text-indent: 0 !important; font-size: 1em; font-weight: bold; color: #FFF; }
	html:not(.pc) body#goods_top article[role="main"] dd li { margin-bottom: 10px; }

	html:not(.pc) .livebox > a > div { width: 61.2%; }
	html:not(.pc) body.schedule #vewctl_box { min-height: 7em; }
	html:not(.pc) body.schedule #vewctl_box > p { padding-top: 2em; text-align: center; }
	html:not(.pc) body.schedule #vewctl_box > nav { width: 100%; }
	html:not(.pc) body.schedule #vewctl_box > nav > a.prev { left: 0.5em; }
	html:not(.pc) body.schedule #vewctl_box > nav > ul { right: 0; }
	html:not(.pc) #schedule_detail article[role="main"] #wrapbox .maininfomation,
	html:not(.pc) #schedule_detail article[role="main"] #wrapbox .imgbox { float: none; width: 100%; margin-right: 0; }
	html:not(.pc) #schedule_detail article[role="main"] #wrapbox .imgbox { text-align: center; }
	html:not(.pc) #schedule_detail article[role="main"] #wrapbox .imgbox img { max-width: 100%; }
	html:not(.pc) #schedule_detail article[role="main"] #wrapbox .detail_photo { margin: 0 auto 1em; }

	html:not(.pc) body#ticket_top article[role="main"] section#presents_ticket { margin-bottom: -1.5em; }
	html:not(.pc) body#ticket_top article[role="main"] > .menu li { display: inline-block; width: 100%;}
	html:not(.pc) body#ticket_id_check article[role="main"] .daicho_box p,
	html:not(.pc) #institution_tour #cmn_stackbox > div [data-stacktype=image],
	html:not(.pc) #institution_tour #cmn_stackbox > div [data-stacktype=image] img { width: 100%; max-width: 100%; }

	html:not(.pc) #hall_top article[role="main"] a.icon_link { max-width: 90%; }
	html:not(.pc) #hall_top article[role="main"] a.icon_link span + span { display: none; }
	html:not(.pc) body#news_detail iframe { width: 90%; }
}

/* Smartphone Portrait Only */
@media only screen and ( max-width: 599px ) and ( orientation: portrait ) {
	html:not(.pc) #liveschedule div > ul li a:before { top: 0.25em; left: -0.8em; }
	html:not(.pc) #liveschedule header h1 mark { font-size: 60% !important; }
	html:not(.pc) #liveschedule header h1 mark { top: 0.3em; font-size: 70% !important; }
	html:not(.pc) body#ticket_online article[role="main"] dt,
	html:not(.pc) body#goods_top article[role="main"] dt { float: none; width: 100%; }
	html:not(.pc) body#ticket_online article[role="main"] dd,
	html:not(.pc) body#goods_top article[role="main"] dd { float: none; width: 100%; }
	html:not(.pc) body#goods_top article[role="main"] dd { padding-top: 5px; }
	html:not(.pc) body#institution_food_drink article[role="main"] .menu_list .cate_box { float: none; width: 100%; }
	html:not(.pc) body#news_detail iframe { width:90% }

	html:not(.pc) body#schedule_detail article[role="main"] #wrapbox { padding: 1em 0; }
	html:not(.pc) body#schedule_detail article[role="main"] #wrapbox .maininfomation,
	html:not(.pc) body#schedule_detail article[role="main"] #wrapbox .scheduleinfo { margin: 0 0.5em; }
	html:not(.pc) body#schedule_detail article[role="main"] #wrapbox .imgbox iframe { width: 96%; margin: 0.5em; }
	html:not(.pc) body#schedule_detail article[role="main"] table { table-layout: fixed; }
	html:not(.pc) body#schedule_detail article[role="main"] table th,
	html:not(.pc) body#schedule_detail article[role="main"] table td { min-width: 100% !important; }

	html:not(.pc) body#goods_top article[role="main"] .wrapbox > article > h3 + img { display: none; }
	html:not(.pc) body#goods_top article[role="main"] .wrapbox > article > section,
	html:not(.pc) body#goods_top article[role="main"] .wrapbox > article > section p { margin-left: 0; }
	html:not(.pc) body#goods_top article[role="main"] .wrapbox > article > section figure { float: none; margin: 0 auto 1em; }

	html:not(.pc) body#news_detail article[role="main"] .wrapbox > div.imgbox { position: relative; float: left; }
	html:not(.pc) body#news_detail article[role="main"] .wrapbox > div.imgbox + div.textbox { padding-left: 0; }

	.android #liveschedule div > ul li ,
	.ios #liveschedule div > ul li { height: 2.67em; }
}

/* Smartphone Portrait Smaller */
@media only screen and ( max-width: 480px ) and ( orientation: portrait ) {
	html:not(.pc) #liveschedule header h1 span { padding-left: 0.5em; font-size: 65% !important; }
	html:not(.pc) #liveschedule header h1 mark { top: 0.6em; font-size: 60% !important; }
	html:not(.pc) #liveschedule header h1 mark::after { font-size: 1.3em !important; vertical-align: text-bottom; }
}

@media only screen and ( max-width: 320px ) and ( orientation: portrait ) {
	html:not(.pc).android body#top.club.index .wrapper #producedevent + a[href="#top"] { bottom: -3.25em !important; }
}

/* Smartphone Landcape Only */
@media only screen and ( max-width: 599px ) and ( orientation: landscape ) {
	html:not(.pc) body.club header[role="banner"] #gnav li { min-width: 20% !important; }
	html:not(.pc) nav#topcittanav { margin: 0; padding: 0; }
	html:not(.pc) nav#topcittanav > ul li { height: 12em; margin: 0; padding-top: 0; padding-bottom: 0; border: none; }
	html:not(.pc) #liveschedule div > ul li { height: 2.67em; }
	html:not(.pc) body#club_list article[role="main"] header > nav > ul li { width: 15em; height: 2em;}
	html:not(.pc) body#news_detail iframe { width:90% }
}

@media only screen and ( max-width: 569px ) and ( orientation: landscape ) {
	html:not(.pc).android body#top.club.index .wrapper #producedevent + a[href="#top"] { bottom: -3em !important; }
}

/* Android Smartphone Landscape, Tablet7 Portraite  */
@media screen and ( min-width: 600px ) and ( max-width: 767px ){
	html:not(.pc) #liveschedule div > ul li a:before { top: 0.25em; left: -0.7em; }
	html:not(.pc) div.wrapper > #news_box > div,
	html:not(.pc) div.wrapper > #news_box > div > a { width: 100%; }
	html:not(.pc) body#club_list article[role="main"] header > nav > ul li { width: 15em; height: 2em;}
	html:not(.pc) body#news_detail iframe { width:90% }
	html:not(.pc) body#schedule_detail article[role="main"] .maininfomation { width: 45%; margin-left: 0.5em; }
	html:not(.pc) body:not(.sp) .rcontents > section.banner_box { padding-bottom: 3em; }
	html:not(.pc) body:not(.sp) .rcontents > section.banner_box > a[href="#top"] { bottom: 1.5em; }
	html.mobile:not(.pc) body#ticket_top .wrapper .wrapperbox .floatbox > a { height: auto !important; }
	html.mobile:not(.pc) body#ticket_top .wrapper .wrapperbox .floatbox { min-height: 180px; }

}

/* Tablet10 Portraite */
@media screen and ( min-width: 768px ) and ( max-width: 1023px ){
	html:not(.pc) body#top article[role="main"] > article::after { content: ""; clear: both; display: block; height: 0; }
	html:not(.pc) #liveschedule div > ul li a:before { top: 0.25em; left: -0.6em; }
	html:not(.pc) body#club_list article[role="main"] header > nav > ul li { width: 15em; height: 2em;}
	html:not(.pc) body#ticket_online article[role="main"] dt,
	html:not(.pc) body#goods_top article[role="main"] dt { float: none; width: 100%; }
	html:not(.pc) body#ticket_online article[role="main"] dd,
	html:not(.pc) body#goods_top article[role="main"] dd { float: none; width: 100%; }
	html:not(.pc) body#goods_top article[role="main"] dd { padding-top: 5px; }
	html:not(.pc) body#institution_food_drink article[role="main"] .menu_list .cate_box { float: none; width: 100%; }
	html:not(.pc) body#goods_top article[role="main"] dd ol { width: 92%; height: 100%; margin: 15px; background: none; text-indent: 0 !important; font-size: 1em; font-weight: bold; color: #FFF; list-style-type: decimal !important; }
	html:not(.pc) body#goods_top article[role="main"] dd li { margin-bottom: 10px; }
	html:not(.pc) #liveschedule > header + div,
	html:not(.pc) #keyvisual .thumb_container { display: block; }

	html:not(.pc) .livebox > a > div { width: 65.2%; }
	html:not(.pc) body#news_detail iframe { width:90% }

	html:not(.pc) body.form.ticket header[role="banner"] > div { border-color: #fff !important; }
	html:not(.pc) body.form.ticket div.wrapper > article[role="main"] { float: none; width: 750px !important; }
	html:not(.pc) body#schedule_detail article[role="main"] .maininfomation { width: 40%; margin-left: 0; }

	html:not(.pc) body#goods_top article[role="main"] dl.flowbox dd ol { width: 95%; }
	html:not(.pc) body#goods_top article[role="main"] dl.flowbox dd ol li { list-style: decimal outside !important; margin-left: 1.5em; }

	.tablet.android.chrome body.ticket article[role="main"] > a[href="#top"] { bottom: -2.5em; }
	.tablet.ipad body#ticket_online article[role="main"] { padding-bottom: 1.5em; }
}

/* PC, Tablet7-10 Landscape, and more */
@media screen and ( min-width: 1024px ) {
	html:not(.pc) nav#topcittanav > ul { width: 982px; }
	html:not(.pc) nav#topcittanav > ul li:last-child { border: none; padding-right: 0.6em; }
	html:not(.pc) nav#topcittanav > ul li:first-child{ padding-left: 0.6em; }
	html:not(.pc) body#top article[role="main"] > article::after { content: ""; clear: both; display: block; height: 0; }
	html:not(.pc) #liveschedule div > ul li a:before { top: 0.25em; left: -0.6em; }
	html:not(.pc) body#club_list article[role="main"] header > nav > ul li { width: 15em; height: 2em;}
	html:not(.pc) #liveschedule > header + div,
	html:not(.pc) #keyvisual .thumb_container { display: block; }
	html:not(.pc) body.club.form.ticket div.wrapper > article[role="main"] { float: none; width: 950px !important; }
}

/* PC Only Start */
.pc:not(.msie8) nav#topcittanav > ul { width: 982px; }
.pc:not(.msie8) nav#topcittanav > ul li:last-child { border: none; padding-right: 0.6em; }
.pc:not(.msie8) nav#topcittanav > ul li:first-child{ padding-left: 0.6em; }
.pc:not(.msie8) body#top article[role="main"] > article::after { content: ""; clear: both; display: block; height: 0; }
.pc:not(.msie8) #liveschedule div > ul li a:before { top: 0.25em; left: -0.6em; }
.pc:not(.msie8) body#club_list article[role="main"] header > nav > ul li { width: 15em; height: 2em;}
.pc:not(.msie8) #liveschedule > header + div,
.pc:not(.msie8) #keyvisual .thumb_container { display: block; }
.pc:not(.msie8) body.club.form.ticket div.wrapper > article[role="main"] { float: none; width: 950px !important; }
/* PC Only End */