@charset "UTF-8";
#topBox,#topBox #topLookForBox{display:block;margin:0;padding:0}
#topBox #topNewsBox{width:58%;display:inline-block;float:left;margin:0 0 10px;clear:none}
#topBox #topTicketBox{width:40%;display:inline-block;float:right;margin:0 0 10px;clear:none}
#topBox #topBannerBox{display:block;margin:0;padding:0}
#topLookForBox .titleArea,#topNewsBox .titleArea,#topTicketBox .titleArea{display:block;background:url(../img/title_icon_top_bk.png) repeat-x;background-size:60px 100%;position:relative}
#topLookForBox .titleArea h3,#topNewsBox .titleArea h3,#topTicketBox .titleArea h3{margin:0;padding:0 0 0 65px;font-size:150%;letter-spacing:.1em;font-weight:400;color:#fff;display:inline-block;height:60px;line-height:2.9;background-size:60px 100%}
#topLookForBox .dataArea{display:block;padding:10px 0 0;text-align:center}
#topNewsBox .dataArea,#topTicketBox .dataArea{display:block;margin:-7px 0 0;padding:10px 0;text-align:center;border:1px solid #dbdbdb}
#topNewsBox .famima,#topNewsBox .todaybuy,#topTicketBox .famima,#topTicketBox .todaybuy{display:block;margin:7px 0 10px;padding:10px 0;text-align:center;border:1px solid #dbdbdb}
#topBannerBox .dataArea{display:block;padding:0;text-align:center}
#topBannerBox .dataArea div:nth-child(2){border-top:0!important}
#theater dl.accordion>dd.clearfix>ul:last-child{margin-top:10px}
dl.accordion{padding:0 10px 10px}
dl.accordion dt{display:block;padding:10px 10px 10px 35px;font-weight:700;font-size:140%;line-height:1.2;letter-spacing:.2em;border-bottom:1px solid #e4e4e4;text-shadow:0 -2px 0 #fff,2px 0 0 #fff,0 2px 0 #fff,-2px 0 0 #fff;filter:dropshadow(color=#000000, offX=0, offY=-2) dropshadow(color=#000000, offX=2, offY=0) dropshadow(color=#000000, offX=0, offY=2) dropshadow(color=#000000, offX=-2, offY=0)}
dl.accordion dd{padding:10px 0 0;border-top:1px solid #fff;display:block}
dl.accordion dd:after{content:"";clear:both;height:0;display:block;visibility:hidden}
dl.accordion dd ul{background:#fff;border:1px solid #e7e7e7}
dl.accordion dd ul:after{content:"";clear:both;height:0;display:block;visibility:hidden}
dl.accordion dd li{list-style:none;padding:10px 10px 0;display:block}
dl.accordion dd li a{color:#fff;font-size:120%;display:block}
dl.accordion dd li a span{display:block;padding:10px 0}
dl.accordion dd li:after{content:"";clear:both;height:0;display:block;visibility:hidden}
dl.accordion dd li:last-child{padding-bottom:10px}
dl.accordion dd li.oneColumn a{display:block;float:none}
dl.accordion dd li.spaceColumn{margin:20px;background:url(../img/top_theater_bk.png)}
dl.accordion dd li.twoeColumn a{display:inline-block;width:48%;margin:0 4% 0 0}
dl.accordion dd li.twoeColumn a:last-child{width:48%;margin:0}
dl.accordion dd li.threeColumn a{display:inline-block;width:31%}
dl.accordion dd li.threeColumn a:first-child{margin:0;float:left}
dl.accordion dd li.threeColumn a:nth-child(2){margin:0 1%}
dl.accordion dd li.threeColumn a:last-child{margin:0;float:right}
#topLookForBox #preceding{width:40%;display:inline-block;float:left;margin:0 0 10px}
#topLookForBox #preceding dl.accordion{background:url(../img/top_preceding_bk.png);border:1px solid #e8d5dc}
#topLookForBox #preceding dl.accordion dt{text-align:left;color:#ff5a00;background:url(../img/sub_title_icon_preceding.png) 0 center no-repeat;background-size:30px 33px}
#topLookForBox #preceding dl.accordion dd ul li a{background:-webkit-gradient(linear,left top,left bottom,color-stop(1,#fea93b),color-stop(.5,#fea93b),color-stop(.5,#fe950c),color-stop(0,#fe950c));background:-webkit-linear-gradient(top,#fe950c 0,#fe950c 50%,#fea93b 50%,#fea93b 100%);background:-moz-linear-gradient(top,#fe950c 0,#fe950c 50%,#fea93b 50%,#fea93b 100%);background:-ms-linear-gradient(top,#fe950c 0,#fe950c 50%,#fea93b 50%,#fea93b 100%);background:linear-gradient(to bottom,#fe950c 0,#fe950c 50%,#fea93b 50%,#fea93b 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fe950c', endColorstr='#fea93b');-moz-box-shadow:1px 6px 1px transparent,inset 1px 1px 1px #fff;-webkit-box-shadow:1px 6px 1px transparent,inset 1px 1px 1px #fff;box-shadow:1px 6px 1px transparent,inset 1px 1px 1px #fff;text-shadow:1px 1px 1px rgba(181,109,0,.1),0 0 0 rgba(255,255,255,0)}
#topLookForBox #preceding dl.accordion dd ul li a span{border:1px solid #e8e8e8}
#topLookForBox #preceding dl.accordion dd ul li a:hover span{background:#c3afbc;filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4}
#topLookForBox #theater{width:59%;display:inline-block;float:right;margin:0 0 10px}
#topLookForBox #theater dl.accordion{background:url(../img/top_theater_bk.png);border:1px solid #e8d5dc}
#topLookForBox #theater dl.accordion dt{text-align:left;color:#ff42a1;background:url(../img/sub_title_icon_theater.png) 0 center no-repeat;background-size:30px 33px}
#topLookForBox #theater dl.accordion dd .theaterRegion{display:block;float:left;width:48%;margin:0 2% 10px 0}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(even){width:48%;margin:0 0 0 1%}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3){width:48%;margin:3% 0 0 1%}
#topLookForBox #theater dl.accordion dd .wideRegion{display:block;float:left;width:99%;margin:0 2% 10px 0}
#topLookForBox #theater dl.accordion dd .optionalRegion{display:block;float:left;width:48%;margin:0 0 10px 3%}
#topLookForBox #theater dl.accordion dd .optionalRegion:nth-child(odd){width:48%;margin:0}
#topLookForBox #theater dl.accordion dd ul li p.theaterKantou{background:url(../img/sub_title_theater_kantou.png) 50% center no-repeat;background-size:95% auto;text-indent:100%;padding:0 0 8%;white-space:nowrap;overflow:hidden}
#topLookForBox #theater dl.accordion dd ul li p.theaterKansai{background:url(../img/sub_title_theater_kansai.png) 50% center no-repeat;background-size:95% auto;text-indent:100%;padding:0 0 8%;white-space:nowrap;overflow:hidden}
#topLookForBox #theater dl.accordion dd ul li a{color:#B69797;padding:5px 6px}
#topLookForBox #theater dl.accordion dd ul li a span{border:2px solid #ffd0e8;box-shadow:1px 1px 1px rgba(224,215,221,.8);padding:5px;background:#fff}
#topLookForBox #theater dl.accordion dd ul li a span img{width:100%;height:auto;margin:0 -2px -5px}
#topLookForBox #theater dl.accordion dd ul li a:hover span{border:2px solid #ffb0d8;box-shadow:none;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7;background:#eee5eb}
#topLookForBox #theater dl.accordion dd ul li a span img,x:-moz-any-link{margin:0 -2px -6px}
#topLookForBox #performancedate{width:40%;display:inline-block;float:left;margin:0 0 10px}
#topLookForBox #performancedate dl.accordion{background:url(../img/top_performancedate_bk.png);border:1px solid #e8d5dc}
#topLookForBox #performancedate dl.accordion dt{text-align:left;color:#ff5a00;background:url(../img/sub_title_icon_performancedate.png) 0 center no-repeat;background-size:30px 33px}
#topLookForBox #performancedate dl.accordion dd ul li a{background:-webkit-gradient(linear,left top,left bottom,color-stop(1,#fea93b),color-stop(.5,#fea93b),color-stop(.5,#fe950c),color-stop(0,#fe950c));background:-webkit-linear-gradient(top,#fe950c 0,#fe950c 50%,#fea93b 50%,#fea93b 100%);background:-moz-linear-gradient(top,#fe950c 0,#fe950c 50%,#fea93b 50%,#fea93b 100%);background:-ms-linear-gradient(top,#fe950c 0,#fe950c 50%,#fea93b 50%,#fea93b 100%);background:linear-gradient(to bottom,#fe950c 0,#fe950c 50%,#fea93b 50%,#fea93b 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#fe950c', endColorstr='#fea93b');-moz-box-shadow:1px 6px 1px transparent,inset 1px 1px 1px #fff;-webkit-box-shadow:1px 6px 1px transparent,inset 1px 1px 1px #fff;box-shadow:1px 6px 1px transparent,inset 1px 1px 1px #fff;text-shadow:1px 1px 1px rgba(181,109,0,.1),0 0 0 rgba(255,255,255,0)}
#topLookForBox #performancedate dl.accordion dd ul li a span{border:1px solid #e8e8e8}
#topLookForBox #performancedate dl.accordion dd ul li a:hover span{background:#c3afbc;filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4}
#topLookForBox #generalsalesdate{width:40%;display:inline-block;float:left;margin:0 0 10px}
#topLookForBox #generalsalesdate dl.accordion{background:url(../img/top_generalsalesdate_bk.png);border:1px solid #e8d5dc}
#topLookForBox #generalsalesdate dl.accordion dt{text-align:left;color:#1976c3;background:url(../img/sub_title_icon_generalsalesdate.png) 0 center no-repeat;background-size:30px 33px}
#topLookForBox #generalsalesdate dl.accordion dd ul li a{background:-webkit-gradient(linear,left top,left bottom,color-stop(1,#79c2ff),color-stop(.5,#79c2ff),color-stop(.5,#4fafff),color-stop(0,#4fafff));background:-webkit-linear-gradient(top,#4fafff 0,#4fafff 50%,#79c2ff 50%,#79c2ff 100%);background:-moz-linear-gradient(top,#4fafff 0,#4fafff 50%,#79c2ff 50%,#79c2ff 100%);background:-ms-linear-gradient(top,#4fafff 0,#4fafff 50%,#79c2ff 50%,#79c2ff 100%);background:linear-gradient(to bottom,#4fafff 0,#4fafff 50%,#79c2ff 50%,#79c2ff 100%);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#4fafff', endColorstr='#79c2ff');-moz-box-shadow:1px 6px 1px transparent,inset 1px 1px 1px #fff;-webkit-box-shadow:1px 6px 1px transparent,inset 1px 1px 1px #fff;box-shadow:1px 6px 1px transparent,inset 1px 1px 1px #fff;text-shadow:1px 1px 1px rgba(181,109,0,.1),0 0 0 rgba(255,255,255,0)}
#topLookForBox #generalsalesdate dl.accordion dd ul li a span{border:1px solid #e8e8e8}
#topLookForBox #generalsalesdate dl.accordion dd ul li a:hover span{background:#667ea0;filter:alpha(opacity=40);-moz-opacity:.4;-khtml-opacity:.4;opacity:.4}
#topLookForBox #prefecturesearch{width:40%;display:inline-block;float:left;margin:0 0 10px}
#topLookForBox #prefecturesearch dl.accordion{background:url(../img/top_prefecturesearch_bk.png);border:1px solid #e8d5dc}
#topLookForBox #prefecturesearch dl.accordion dt{text-align:left;color:#1976c3;background:url(../img/sub_title_icon_prefecturesearch.png) 0 center no-repeat;background-size:30px 33px}
#topLookForBox #prefecturesearch dl.accordion dd ul li ul{background:url(../img/ecaljp002_002.png) center no-repeat;background-size:105%;border:none}
#topLookForBox #prefecturesearch dl.accordion dd ul li ul li{text-align:left;border-top:#e7e7e7 1px solid;padding:4px}
#topLookForBox #prefecturesearch dl.accordion dd ul li ul li:first-of-type{border:none}
#topLookForBox #prefecturesearch dl.accordion dd ul li a{color:#0068b7;font-size:90%;text-decoration:underline;display:inline-block;border-left:#b9de9a 1.5px solid;padding-left:4px}
#topLookForBox #prefecturesearch dl.accordion dd ul li .topColumn{border-left:none;padding-left:0}
#topLookForBox #entertainervenue{width:40%;display:inline-block;float:left;margin:0 0 10px}
#topLookForBox #entertainervenue dl.accordion{background:url(../img/top_entertainervenue_bk.png);border:1px solid #e8d5dc}
#topLookForBox #entertainervenue dl.accordion dt{text-align:left;color:#177fa5;background:url(../img/sub_title_icon_entertainervenue.png) 0 center no-repeat;background-size:30px 33px}
#topLookForBox #entertainervenue dl.accordion dd ul li input[type*=text]{border:1px solid #dae4eb;height:32px;width:97%;padding:0 0 0 2%;font-size:120%}
#topLookForBox #entertainervenue dl.accordion dd ul li input[type*=submit]{width:35%;padding:8px 0}
#topLookForBox #tutorial{display:inline-block;float:right;margin:0 0 10px}
#topLookForBox #tutorial a img{width:100%}
#topLookForBox #tutorial a:hover{filter:alpha(opacity=60);-moz-opacity:.6;-khtml-opacity:.6;opacity:.6}
@media screen and (max-width:690px){#topLookForBox #tutorial{display:none}}
#topLookForBox #topPopword{display:inline-block;float:left;margin:0 0 10px;width:100%;text-align:left}
@media screen and (max-width:690px){#topLookForBox #topPopword{font-size:90%;margin:0 0 5px}
#topLookForBox #topPopword .fa-2x{font-size:100%}}
#topLookForBox #topPopword .popwordTitle{display:inline-block;font-size:140%;padding:0 10px 10px 5px;vertical-align:2px}
@media screen and (min-width:830px) and (max-width:980px){#topLookForBox #topPopword .popwordTitle{font-size:130%}}
@media screen and (min-width:770px) and (max-width:829px){#topLookForBox #topPopword .popwordTitle{font-size:130%}}
@media screen and (min-width:691px) and (max-width:769px){#topLookForBox #topPopword .popwordTitle{font-size:130%}}
@media screen and (min-width:320px) and (max-width:690px){#topLookForBox #topPopword .popwordTitle{font-size:90%;padding:0 5px 5px;vertical-align:baseline}}
#topLookForBox #topPopword ul{display:inline-block}
#topLookForBox #topPopword ul li{vertical-align:4px;display:inline-block;margin-right:10px}
@media screen and (max-width:690px){#topLookForBox #topPopword ul li{vertical-align:baseline;font-size:90%;margin-right:5px}}
#topLookForBox #topPopword ul li a{text-decoration:underline}
#topBannerBox #banner{display:block;margin:0;padding:0}
#topBannerBox #banner a{display:block}
#topBannerBox #banner a img{width:100%;vertical-align:bottom;max-width:918px}
#topBannerBox #banner a:hover{background:#aaa;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7}
#topBannerBox #banner_s{display:block;margin:0;padding:0}
#topBannerBox #banner_s .banner_right{float:right}
#topBannerBox #banner_s .banner_left{float:left}
#topBannerBox #banner_s a img{width:100%;vertical-align:bottom;max-width:918px}
#topBannerBox #banner_s a:hover{background:#aaa;filter:alpha(opacity=70);-moz-opacity:.7;-khtml-opacity:.7;opacity:.7}
#topBannerBox #textLink{display:block;margin:0 0 15px;padding:5px;background-color:#F9F9F9;text-align:left;border:1px solid #E2DFD6}
#topBannerBox #textLink ul{display:block;background:#fff}
#topBannerBox #textLink li:last-child a{padding:0 5px 5px}
#topBannerBox #textLink a{display:inline-block;text-decoration:underline;color:#666;width:98%;padding:5px 5px 0}
#topBannerBox #textLink a:hover{text-decoration:none}
#topBannerBox #topBigText a{display:inline-block;padding:10px 0;text-decoration:underline;font-weight:700;color:#ff0080;font-size:120%}
#topBannerBox #topBigText a:hover{text-decoration:none}
@media screen and (min-width:691px) and (max-width:769px){#topBannerBox #topBigText a{font-size:100%}}
@media screen and (min-width:320px) and (max-width:690px){#topBannerBox #topBigText a{font-size:90%}}
#topNewsBox #news{display:block;margin:0;padding:0}
#topNewsBox #news ul{overflow:auto;height:651px;line-height:1.5em;padding:0}
@media screen and (min-width:821px) and (max-width:980px){#topNewsBox #news ul{height:645px}}
@media screen and (min-width:691px) and (max-width:820px){#topNewsBox #news ul{height:511px}}
#topNewsBox #news ul li{text-align:left;border-bottom:#dbdbdb solid 1px}
#topNewsBox #news ul li:last-child{border-bottom:none}
#topNewsBox #news ul li:last-child a{padding:8px 10px 0}
#topNewsBox #news ul li p{font-size:95%;line-height:1.6}
#topNewsBox #news ul li p.title{font-size:100%;font-weight:700;padding:0;letter-spacing:.1em}
@media screen and (min-width:691px) and (max-width:900px){#topNewsBox #news ul li p.title{font-size:90%}}
#topNewsBox #news ul li p time{color:#f35c61;padding:0 5px 0 0}
@media screen and (min-width:691px) and (max-width:900px){#topNewsBox #news ul li p time{display:block;padding:0}}
#topNewsBox #news ul li a{color:#666;display:block;padding:9px 10px}
#topNewsBox #news ul li a:hover{background:#eee;color:#999}
#topNewsBox #news .btnBox a{width:28%;padding:10px 0}
#topTicketBox{position:relative;height:720px}
@media screen and (min-width:821px) and (max-width:980px){#topTicketBox{height:695px}}
@media screen and (min-width:691px) and (max-width:820px){#topTicketBox{height:585px}}
@media screen and (max-width:690px){#topTicketBox{height:auto}}
#topTicketBox .ticketArea{display:block;margin:0;padding:0}
@media screen and (max-width:690px){#topTicketBox .ticketArea:last-child{position:relative;right:0;bottom:0;margin-bottom:20px}}
#topTicketBox .ticketArea:last-child{position:relative;right:0;bottom:0}
#topTicketBox .ticketArea>.famima li:first-child,#topTicketBox .ticketArea>.todaybuy li:first-child{margin-top:0}
#topTicketBox .ticketArea ul{padding:0 10px}
#topTicketBox .ticketArea ul li{width:100%;margin:0 auto}
#topTicketBox .ticketArea ul li:after{content:"";clear:both;height:0;display:block;visibility:hidden}
#topTicketBox .ticketArea ul li:first-child{margin-top:2%}
#topTicketBox .ticketArea ul li:nth-child(2){margin:4% 0}
#topTicketBox .ticketArea ul li:last-child{margin-bottom:0}
#topTicketBox .ticketArea ul li img{display:inline-block;width:100%;max-width:346px;vertical-align:bottom}
@media screen and (min-width:970px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:556px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5px 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:315px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:168px}}
@media screen and (min-width:940px) and (max-width:969px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:551px}
#topLookForBox #theater dl.accordion dd ul li a{padding:2% 6px 3%}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:305px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:168px}}
@media screen and (min-width:880px) and (max-width:939px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:551px}
#topLookForBox #theater dl.accordion dd ul li a{padding:3% 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:305px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:168px}}
@media screen and (min-width:820px) and (max-width:879px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:532px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5% 6px 3%}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:320px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:160px}}
@media screen and (min-width:800px) and (max-width:819px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:553px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5% 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:300px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:165px}}
@media screen and (min-width:750px) and (max-width:799px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:535px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5% 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:305px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:165px}}
@media screen and (min-width:720px) and (max-width:749px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:530px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5% 6px 6%}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:300px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:165px}}
@media screen and (min-width:706px) and (max-width:719px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:497px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5% 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:305px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:167px}}
@media screen and (min-width:691px) and (max-width:705px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:539px}
#topLookForBox #theater dl.accordion dd ul li a{padding:7% 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:300px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:162px}}
@media screen and (min-width:320px) and (max-width:690px){#topLookForBox .titleArea,#topNewsBox .titleArea,#topTicketBox .titleArea{display:block;background:#ff42a1;padding:3px 5px;letter-spacing:0}}
@media screen and (min-width:830px) and (max-width:980px){#topLookForBox .titleArea h3,#topNewsBox .titleArea h3,#topTicketBox .titleArea h3{margin:0;padding:0 0 0 55px;font-size:130%;letter-spacing:0;font-weight:400;background-size:50px auto;background-position:0 center;height:auto}}
@media screen and (min-width:770px) and (max-width:829px){#topLookForBox .titleArea h3,#topNewsBox .titleArea h3,#topTicketBox .titleArea h3{margin:0;padding:0 0 0 55px;font-size:130%;letter-spacing:0;font-weight:400;background-size:42px auto;background-position:0 center;height:42px;line-height:2.3}}
@media screen and (min-width:691px) and (max-width:769px){#topLookForBox .titleArea h3,#topNewsBox .titleArea h3,#topTicketBox .titleArea h3{margin:0;padding:0 0 0 40px;font-size:130%;letter-spacing:0;font-weight:400;background-size:30px auto;background-position:0 center;height:46px;line-height:2.5}}
@media screen and (min-width:320px) and (max-width:690px){#topLookForBox .titleArea h3,#topNewsBox .titleArea h3,#topTicketBox .titleArea h3{margin:0;padding:0 0 0 25px;font-size:90%;letter-spacing:.1em;font-weight:400;color:#fff;display:inline-block;height:21px;line-height:1.6;background-size:21px auto}}
@media screen and (min-width:320px) and (max-width:690px){#topBannerBox #textLink a{font-size:85%;padding:3px;line-height:1.3}
#topLookForBox .dataArea,#topNewsBox .dataArea{display:block;text-align:center;margin:0;padding:7px;border:1px solid #dbdbdb}
#topTicketBox .dataArea{display:block;text-align:center;margin:0 0 7px;padding:7px;border:1px solid #dbdbdb}
dl.accordion{padding:0 3px 3px}
dl.accordion dd{margin:0 5px 5px;padding:0;border-top:none}
dl.accordion dd ul li{padding:5px 1% 0}
dl.accordion dd ul li:last-child{padding-bottom:5px}
dl.accordion dd ul li a{font-size:95%}
dl.accordion dd ul li.twoeColumn a{display:inline-block;width:50%;margin:0 2% 0 0}
dl.accordion dd ul li.twoeColumn a:last-child{width:48%;margin:0}
dl.accordion dd ul li.threeColumn a{display:inline-block;width:32%}
dl.accordion dt{padding:8px 30px 8px 5px;font-size:100%;line-height:1.2;cursor:pointer;border-bottom:none;text-shadow:0 -1px 0 #fff,1px 0 0 #fff,0 1px 0 #fff,-1px 0 0 #fff;filter:dropshadow(color=#000000, offX=0, offY=-1) dropshadow(color=#000000, offX=1, offY=0) dropshadow(color=#000000, offX=0, offY=1) dropshadow(color=#000000, offX=-1, offY=0)}
dl.accordion dt::before{content:'';position:relative;float:right;width:16px;height:16px;top:5px;right:-20px;background:url(../img/arrow_down.png) no-repeat}
dl.accordion dt.open::before{content:'';position:relative;float:right;width:16px;height:16px;top:-2px;right:-17px;background:url(../img/arrow_down.png) no-repeat;-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);-ms-transform:rotate(180deg)}
#topLookForBox #entertainervenue,#topLookForBox #generalsalesdate,#topLookForBox #performancedate,#topLookForBox #preceding,#topLookForBox #prefecturesearch,#topLookForBox #theater{width:100%;float:none;clear:both;margin:0 0 5px}
#topLookForBox #entertainervenue dl.accordion dt,#topLookForBox #generalsalesdate dl.accordion dt,#topLookForBox #performancedate dl.accordion dt,#topLookForBox #preceding dl.accordion dt,#topLookForBox #prefecturesearch dl.accordion dt,#topLookForBox #theater dl.accordion dt{background:0 0}
#topLookForBox #theater dl.accordion dd ul{padding:5px}
#topLookForBox #theater dl.accordion dd ul li p.theaterKantou{padding:1% 0 3%;background-size:70% auto;background-position:50% center}
#topLookForBox #theater dl.accordion dd ul li p.theaterKansai{padding:0 0 3%;background-size:70% auto;background-position:50% center}
#topLookForBox #theater dl.accordion dd ul li.oneColumn{padding:0;width:100%}
#topLookForBox #theater dl.accordion dd ul li a span img{margin:0 -2px -7px}
#topLookForBox #theater dl.accordion dd ul li a span img.cjpo{margin:0 -2px -5px}
#topLookForBox #entertainervenue dl .accordion dd ul li.topForm{padding:10px}
#topLookForBox #entertainervenue dl .accordion dd ul li.oneColumn,#topLookForBox #entertainervenue dl .accordion dd ul li.oneColumn:last-child{padding:0;width:100%}
#topLookForBox #entertainervenue dl .accordion dd ul li input[type*=text]{border:1px solid #dae4eb;height:32px;width:97%;padding:0 0 0 2%;font-size:120%}
#topLookForBox #entertainervenue dl .accordion dd ul li input[type*=submit]{width:25%;padding:5px 0}
#topLookForBox #theater dl.accordion dd ul li a span img,x:-moz-any-link{margin:0 -2px -8px}
#topBox #topNewsBox,#topBox #topTicketBox{width:100%;float:none;clear:both;margin:0;padding:7px 0 0}
#topNewsBox #news{padding:0}
#topNewsBox #news ul{height:324px}
#topNewsBox #news ul li{padding:4px 0}
#topNewsBox #news ul li p{font-size:85%;line-height:1.3}
#topNewsBox #news ul li p.title{font-size:85%;padding:0 0 5px;letter-spacing:.1em}
#topNewsBox #news ul li p time{padding:0 0 2px;display:block}
#topNewsBox #news .btnBox a{width:28%;padding:10px 0;font-size:80%}
#topTicketBox .ticketArea{display:block;margin:0;padding:0}
#topTicketBox .ticketArea ul{display:block;margin:0 auto}
#topTicketBox .ticketArea ul:after{content:"";clear:both;height:0;display:block;visibility:hidden}
#topTicketBox .ticketArea ul li{display:block;margin:0 auto 1%!important}
#topTicketBox .ticketArea ul li a img{width:100%;height:auto;vertical-align:bottom}}
@media screen and (min-width:680px) and (max-width:690px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:677px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5px 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:360px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:210px}}
@media screen and (min-width:660px) and (max-width:679px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:658px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5px 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:355px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:210px}}
@media screen and (min-width:630px) and (max-width:659px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:640px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5px 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:350px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:195px}}
@media screen and (min-width:600px) and (max-width:629px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:613px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5px 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:335px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:195px}}
@media screen and (min-width:570px) and (max-width:599px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:592px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5px 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:320px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:192px}}
@media screen and (min-width:530px) and (max-width:569px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:570px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5px 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:310px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:192px}}
@media screen and (min-width:500px) and (max-width:529px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:529px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5px 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:300px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:185px}}
@media screen and (min-width:480px) and (max-width:499px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:507px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5px 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:280px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:155px}}
@media screen and (min-width:460px) and (max-width:479px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:489px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5px 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:270px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:145px}}
@media screen and (min-width:430px) and (max-width:459px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:471px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5px 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:260px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:135px}}
@media screen and (min-width:376px) and (max-width:429px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:455px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5px 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:245px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:132px}}
@media screen and (min-width:360px) and (max-width:375px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:400px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5px 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:245px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:132px}}
@media screen and (min-width:340px) and (max-width:359px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:397px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5px 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:230px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:105px}}
@media screen and (min-width:320px) and (max-width:339px){#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumn{height:374px}
#topLookForBox #theater dl.accordion dd ul li a{padding:5px 6px}
#topLookForBox #theater dl.accordion dd .theaterRegion ul li.oneColumnDouble{height:220px}
#topLookForBox #theater dl.accordion dd .theaterRegion:nth-child(3) ul li.oneColumnDouble{height:100px}}
.ie8 dl.accordion dd ul li{padding:10px}
.ie8 dl.accordion dd ul li.twoeColumn a.left{width:48%!important;float:left;margin:0!important}
.ie8 dl.accordion dd ul li.twoeColumn a.right{width:48%!important;float:right;margin:0 1% 0 0!important}
.ie8 dl.accordion dd ul li.threeColumn a.left{margin:0 1% 0 0!important}
.ie8 dl.accordion dd ul li.threeColumn a.right{margin:0 0 0 3%!important}
@media screen and (-ms-high-contrast:active),(-ms-high-contrast:none){#topLookForBox #theater dl.accordion dd ul li p.theaterKansai,#topLookForBox #theater dl.accordion dd ul li p.theaterKantou{text-indent:-200%!important}}
.ie8 #topLookForBox #theater dl.accordion dd ul li p.theaterKansai,.ie8 #topLookForBox #theater dl.accordion dd ul li p.theaterKantou,.ie9 #topLookForBox #theater dl.accordion dd ul li p.theaterKansai,.ie9 #topLookForBox #theater dl.accordion dd ul li p.theaterKantou{text-indent:-200%!important}
.ie8 #topTicketBox .ticketArea ul li{padding:0;width:100%;margin:2% auto}