#musicalTop a:visited {
    color: none;
}
#musicalTop .navArea ul, #musicalTop #h201 .mapArea, #musicalSec .cont {
 *zoom: 1;
}
#musicalTop .navArea ul:after, #musicalTop #h201 .mapArea:after, #musicalSec .cont:after {
	content: " ";
	clear: both;
	display: block;
}
#musicalTop {
	color: #000;
	font-size: 14px;
	line-height: 180%;
}
#musicalTop #headArea {
	/*  background: url(../img/top/mainBg.jpg) no-repeat 50% 0 #F6F5F3;*/
  /* add */
	/*margin-top: 50px;*/
}
#musicalTop #headArea .cont {
	height: 580px;
	margin: 0 auto;
	position: relative;
	width: 100%;
	text-align: center;
}
.cont-inside1 {
	display: block;
	width: 1140px;
	height: 580px;
	margin-top: -580px;
	z-index: 99;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.cont-inside2 {
	display: block;
	width: 1140px;
	height: 580px;
	margin-top: -580px;
	z-index: 99;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#musicalTop #headArea h1 {
	position: absolute;
	/*  top: 27px;
  left: 82px;*/
	top: 0px;
	left: 0px;
	z-index: 99;
}
#musicalTop #headArea .anchor {
	background: url(../img/top/anchorBg.png) no-repeat 0 0;
	position: absolute;
	top: 267px;
	left: 799px;
}
#musicalTop #headArea .anchor a:hover {
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
}
#musicalTop #headArea .check dt {
	position: absolute;
	top: 348px;
	left: 0px;
}
#musicalTop #headArea .check dd {
	position: absolute;
	top: 497px;
	left: 130px;
}
#musicalTop #headArea .check dd:hover {
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
}
#musicalTop .navArea {
	background: url(../img/top/navBg.gif) repeat-x;
	height: 97px;
}
#musicalTop .navArea hr {
	clear: both;
	height: 1px;
	background-color: #62a9a3;
	border: none;
	color: #62a9a3;
	margin-bottom: 12px;
}
#musicalTop .navArea ul {
	margin: 0 auto !important;
	padding: 15px 0 4px 0 !important;
	width: 1140px;
}
/*#musicalTop .navArea ul li {
  float: left !important;
  list-style: none !important;
  border-left: solid 6px #62a9a3;
  height:16px;
  font-size:14px !important;
  font-weight:bold !important;
  color:#41210f !important;
  margin:0 0 11px 0 !important;
  padding:0 0 6px 8px !important;
}
*/
#musicalTop .navArea ul li {
	float: left !important;
	list-style: none !important;
	border-left: solid 6px #62a9a3;
	height: 24px!important;
	font-size: 14px !important;
	font-weight: bold !important;
	color: #41210f !important;
	margin: 0 0 11px 0 !important;
	padding: 0 0 6px 8px !important;
}
#musicalTop .navArea ul li a {
	color: #41210f !important;
	text-decoration: none !important;
}
#musicalTop .navArea ul li:hover {
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
}
.navArea_li_a {
	width: 214px !important;
}
.navArea_li_a span {
	font-size: 11px !important;
}
.navArea_li_b {
	width: 214px !important;
}
#musicalTop #h201 {
	background: url(../img/top/rankBg.jpg) repeat-y 50% 0 #F6F5F3;
}
#musicalTop #h201 .cont {
	margin: 0 auto;
	position: relative;
	width: 1140px;
}
#musicalTop #h201 h2 {
	position: relative;
	display: block;
	width: 100%;
	background-color: #fbaf26;
	text-align: center;
	border-top: 2px solid #310f00;
}
#musicalTop #h201 dl {
	margin: 0;
	position: relative;
}
#musicalTop #h201 dl a:hover {
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
}
#musicalTop #h201 dl.rank01 dd {
	position: absolute;
	top: 447px;
	right: 106px;
}
#musicalTop #h201 dl.rank02 .dd01 {
	position: absolute;
	top: 590px;
	left: 335px;
}
#musicalTop #h201 dl.rank02 .dd02 {
	position: absolute;
	top: 525px;
	left: 964px;
}
#musicalTop #h201 dl.rank03 .dd01 {
	position: absolute;
	top: 500px;
	left: 65px;
}
#musicalTop #h201 dl.rank03 .dd02 {
	position: absolute;
	top: 500px;
	left: 380px;
}
#musicalTop #h201 dl.rank03 .dd03 {
	position: absolute;
	top: 1030px;
	left: 65px;
}
#musicalTop #h201 dl.rank03 .dd04 {
	position: absolute;
	top: 1030px;
	left: 380px;
}
#musicalTop #h201 .mapArea {
	padding: 0 0 20px;
}
#musicalTop #h201 .mapArea dl {
	float: left;
}

/* ↓ランク部分変更20190625*/
#musicalTop #h201 .mapArea .h_other{
	display: block;
	margin-top: 55px;
	float: left;
}
#musicalTop #h201 .other_lineup{
	float: left;
	width: 600px;
	clear: left;
	margin-top: 30px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#musicalTop #h201 .other_lineup dt{
	width: 275px;
	min-height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: url(../img/top/h_ribbon.png) no-repeat center center / 100%;
	color: #f1799d;
	font-size: 18px;
	padding: 0 15px;
}
#musicalTop #h201 .other_lineup dd{
	width: 275px;
	text-align: center;
	padding: 15px 0 50px;
	font-size: 15px;
	line-height: 1.8;
}
#musicalTop #h201 .other_lineup dd img{
	padding: 10px 0 5px;
	display: inline-block;
}


#musicalTop #h201 .mapArea .map {
	float: right;
	margin-top: -50px;
}

#musicalTop.bg_none #h202 {
	background: none;
}
#musicalTop #h202 .cont {
	margin: 0 auto;
	padding: 0 0 50px;
	width: 1140px;
}
#musicalTop #h202 .lead_and_line {
	border-top: 5px solid #310f00;
  background: #fbaf26;
  margin-bottom: 30px;
}
#musicalTop #h202 .lead_and_line .cont{
  padding-bottom: 20px;
}
#musicalTop #h202 h2 {
	margin: 0 auto 10px;
}
#musicalTop #h202 .h202_lead{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
#musicalTop #h202 .h202_lead p{
  line-height: 1.4;
}
/*-------- line 20250520add --------*/
.line_wrap{border: 10px solid #00b900; background: #f8ff9e; text-align: left; margin: 30px 0; display: none;}
.line_wrap img {border: 0; height: auto; max-width: 100%; vertical-align: bottom;}
.line_txt_wrap{line-height: 1.6;}
.line_txt_wrap .link_btn{clear: both;}
.line_wrap .small_info{font-size: 11px; padding-top: 10px;}
.line_tit{font-family: "Noto Sans JP", sans-serif; color: #00b900; font-weight: 900; font-size: 29px; padding: 0 0 20px; width: 100%; line-height: 1.4;}
.howto_id{border-bottom: 2px dashed #00b900; padding-bottom: 40px; margin-bottom: 20px;}
.howto_id_flow h4{font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 1.6rem; line-height: 1.4; padding-bottom: 10px;}
.howto_id_flow li p{font-size: 12px; padding-bottom: 10px; line-height: 1.4;}
.line_link_btn{margin: 0 auto;
    background: #00b900;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 15px;
    line-height: 1.4;
    margin: 0;
  flex-grow: 1;
}
.line_link_btn::after {
    content: "";
    display: inline-block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg);
    margin: 0 0 0 10px;
    flex-shrink: 0;
}
.line_link_btn:visited{
  color: #fff;
}
.line_open_btn:hover{cursor: pointer;}
.line_open_btn.line_link_btn::after {
  transform: rotate(45deg);
}
.line_open_btn.line_link_btn.open::after {
  transform: rotate(-135deg);
}
#musicalSec #detailArea .off50_h{margin-bottom: 0;}
#musicalSec #detailArea .off50_h img{margin: 0; padding: 0;}
#musicalSec #detailArea .line_open_btn{margin-top: 10px;}
#musicalSec #detailArea .line_sec{padding: 15px;background: #f6f5f3;margin-bottom: 15px;}
#musicalSec #detailArea .line_lead{font-size: 13px;}

@media screen and (min-width:768px) {
  #musicalSec #detailArea .line_open_btn{font-size: 18px;}
  #musicalTop #h202 .h202_lead p{padding-right: 20px;}
  .line_wrap{padding: 35px 50px;}
  #musicalSec #detailArea .line_wrap{padding: 20px 30px; margin-top: 15px;margin-bottom: 0; border-width: 5px;}
  .line_add{flex: 0 0 74%;}
  .line_add .line_tit{font-size: 45px;}
  #musicalSec #detailArea .line_tit{font-size: 22px;}
  .line_add .line_tit .small{font-size: 21px; display: block;}
  .line_add .line_tit .small2{font-size: 29px; display: block;}
  .line_qr{flex: 0 0 23%;}
  .howto_id_flow{display: flex; justify-content: space-between;}
  .howto_id_flow h4{color: #00b900;}
  #musicalSec #detailArea h4{font-size: 14px;}
  #musicalSec #detailArea .line_txt{font-size: 13px;}
  .howto_id_flow li{flex: 0 0 22%;}
}
@media screen and (max-width: 767px) {
  #musicalTop #h202 {background: url(../img/top/h202bg.gif) #fff center top / auto 250px repeat-x;}
  #musicalTop #h202 .h202_lead{display: block; padding: 0 15px; }
  #musicalTop #h202 .h202_lead p{margin-bottom: 10px;}
  .line_wrap{padding: 20px;border: 5px solid #00b900; margin: 15px;}
  #musicalSec #detailArea .line_wrap{margin: 10px 0 0;}
  .line_wrap + .line_wrap{margin-top: 20px; padding-bottom: 0;}
  .howto_id_flow{white-space: nowrap; overflow-x: scroll; overflow-y: hidden;}
  .howto_id_flow li{width: 70%; margin-right: 20px; white-space: normal; display: inline-block; white-space: normal; vertical-align: top;}
  .howto_id_flow h4{font-size: 1.4rem;}
  .line_txt{font-size: 1.3rem;}
  .line_tit{font-size: 5.0vw; padding: 0px 0 10px;}
  .line_tit .small{font-size: 3.5vw; display: block;}
  .line_tit .small2{font-size: 4.75vw; display: block;}
  .line_qr{display: none;}
  .link_btn{padding: 5px 15px; margin: 10px auto;}
}
#musicalTop #h202 .fig {
	margin: 0 auto 20px;
}
#musicalTop #h202 table {
	margin: 0 auto 10px;
	width: 100%;
}
#musicalTop #h202 table + table {
	margin-top:-10px;
}
#musicalTop #h202 .top_schedule_caution{
	padding: 0 10px 30px;
	font-size: 13px;
	text-align: right;
}
#musicalTop #h202 table th {
	border: 1px solid #422110;
	color: #422110;
	padding: 8px 10px;
	vertical-align: top;
	text-align: left;
}
#musicalTop #h202 table th.title {
	width: 130px;
}
#musicalTop #h202 table th.seat {
	width: 210px;
}
#musicalTop #h202 table th.day {
  width: 240px;
}

#musicalTop #h202 table th.price, #musicalTop #h202 table th.off {
	width: 95px;
}
#musicalTop #h202 table th.price {
	font-size: 12px;
}
#musicalTop #h202.top_price table th.price {
	width: 8%;
}
#musicalTop #h202 table th.time {
	width: 112px;
}
#musicalTop #h202 table th.theater {
	width: 146px;
}
#musicalTop #h202 table th.sus {
	width: 200px;
}
#musicalTop #h202 table th.off {
	padding: 8px 0;
	line-height: 22px;
	text-align: center;
	color: #ff0000;
	background: url(../img/top/bg_off.jpg) no-repeat center bottom #41210f;
	background-size: 98% 98%;
}
/*#musicalTop #h202 table .month {
  width: 40px;
  display: table-cell;
  font-weight: bold;
}
#musicalTop #h202 table .days {
  display: table-cell;
}*/
/*#musicalTop #h202 table tr:nth-of-type(odd){
  background: #f7f5f3;
}
#musicalTop #h202 table tr:nth-of-type(even){
  background: #fff;
}*/
/*#musicalTop #h202 table.dis_pc tr:nth-of-type(even) td:first-of-type:not(.schedule) {
  background: #f7f5f3;
}*/
#musicalTop #h202 table td.schedule{
  padding: 0;
}
#musicalTop #h202 table .schedule div{
  display: flex;
  flex-wrap: wrap;
}
#musicalTop #h202 table .schedule .month{
  font-weight: bold;
  flex: 0 0 14%;
  padding: 5px 0 5px 10px;
}
#musicalTop #h202 table .schedule .days{
  flex: 1 0 80%;
  padding: 5px 10px 3px 10px;
  display: block;
}
#musicalTop #h202 table .schedule .month:nth-child(n+3),#musicalTop #h202 table .schedule .days:nth-child(n+4){
  border-top: 1px solid #e1dad7;
}
#musicalTop #h202 table td.nomal_p {
	font-weight: bold;
}
#musicalTop #h202 table td.off {
	font-weight: bold;
	background: #fee296;
}

#musicalTop #h202 table td {
	border: 1px solid #422110;
	color: #422110;
	padding: 5px 10px;
	vertical-align: top;
	text-align: left;
	line-height: 170%;
  /*word-break: break-all;*/
}
#musicalTop #h202 table td:nth-child(4) {
	font-weight: bold;
}
#musicalTop #h202 table td.v_mid {
	vertical-align: middle;
}
.att {
	padding-top: 10px;
	line-height: 15px;
	font-size: 12px;
	color: #ec1c24;
}
#musicalTop #h202 table td.link {
	/*text-align: center;*/
	vertical-align: middle;
}
#musicalTop #h202 table td.link a:hover {
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
}
#musicalTop #h202 table td.time {
	text-indent: -0.5em;
}
#musicalTop #h202 table thead th {
	background: #422110;
	color: #fff;
}
#musicalTop #h202 table tbody {
/* background: #ECE9E4; */
}
#musicalTop #h202 table tbody th.note, #musicalTop #h202 table tbody .item {
	background: #ede9e5;
}
#musicalTop #h202 table tbody th.note img {
	display: block;
}
#musicalTop #h202 table tbody td.note {
	background: #DDD4CD;
	font-weight: bold;
}
/*#musicalTop #h202 table tbody:nth-of-type(2n) {
	background: #f7f5f3;
}
#musicalTop #h202 table tbody:nth-of-type(2n) th.note, #musicalTop #h202 table tbody:nth-of-type(2n) td.note {
	background: #E5E0DC;
}*/
#musicalTop #h202 table tbody:nth-of-type(2n) {
	background: #f7f5f3;
}
#musicalTop #h202 table tbody:nth-of-type(2n) th.note, #musicalTop #h202 table tbody:nth-of-type(2n) td.note {
	background: #E5E0DC;
}
#musicalTop #h202 .inq {
	margin: 0 auto 40px;
}
#musicalTop #h202 .link {
	position: relative;
}
#musicalTop #h202 .link dd {
	position: absolute;
	top: 55px;
	left: 55px;
}
#musicalTop #h202 .link dd:hover {
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
}
#musicalSec {
	background: #F6F5F3;
	color: #000;
	font-size: 14px;
	line-height: 180%;
}
#musicalSec .cont {
	background: url(../img/sec/sideBg2.gif) repeat-y #fff;
	margin: 0 auto;
	width: 1140px;
}
#musicalSec #sideArea {
	float: left;
	width: 250px;
}
#musicalSec #sideArea h2 {
	margin: 0 0 15px;
}
#musicalSec #sideArea .pageTop {
	padding: 0 0 0 105px;
}
#musicalSec #sideArea .pageTop a:hover {
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
}
#musicalSec #sideArea .pageTop.fix {
	position: fixed;
	top: 20px;
}
#musicalSec #sideArea dl {
	margin: 0 0 20px;
	padding: 0 15px;
}
#musicalSec #sideArea dl dt {
	color: #88cac7;
	font-size: 95%;
	margin: 0 0 10px;
	padding: 0 5px;
}
#musicalSec #sideArea dl dd {
	font-size: 95%;
	line-height: 140%;
	margin: 0 0 10px;
	padding: 5px;
	position: relative;
}
#musicalSec #sideArea dl dd a {
	color: #310f00;
	display: block;
	padding: 1px 0;
}
#musicalSec #sideArea dl dd.c {
	background: url(../img/sec/sideBg.gif) no-repeat 100% 50% #C3E3E2;
}
#musicalSec #sideArea dl dd:after {
	background: #E6E6E6;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	bottom: -5px;
	left: 5px;
	width: 210px;
}
#musicalSec #detailArea {
	float: right;
	margin: 0 50px 0 0;
	padding: 27px 0 50px;
	width: 790px;
}
#musicalSec #detailArea h1 {
	margin: 0 0 25px;
}
#musicalSec #detailArea .mainPict {
	margin: 0 auto 20px;
}
#musicalSec #detailArea .dataArea {
	margin: 0 0 25px;
}
#musicalSec #detailArea .dataArea dl {
	border-bottom: 1px solid #E6E6E6;
	display: table;
	margin: 0 0 5px;
	padding: 0 0 5px;
	width: 100%;
}
#musicalSec #detailArea .dataArea dl dt {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	width: 105px;
}
#musicalSec #detailArea .dataArea dl dd {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
}
#musicalSec #detailArea .dataArea dl dd.theater {
/*	width: 370px;*/
	width:auto;
}
#musicalSec #detailArea .dataArea dl dd a {
	margin: 0 0 0 15px;
}
#musicalSec #detailArea .dataArea dl dd a:hover {
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
}
#musicalSec #detailArea h2 {
	margin: 0 0 20px;
}
#musicalSec #detailArea .story {
	margin: 0 0 30px;
}
#musicalSec #detailArea .story .storyPict {
	margin: 0 auto 20px;
}
#musicalSec #detailArea .story h3 {
	color: #60b8b1;
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 10px;
}
#musicalSec #detailArea .mp4ie {
	margin: 0 0 30px;
}
#musicalSec #detailArea .data {
	margin: 0 auto 40px;
}
#musicalSec #detailArea .data table.priceData {
	margin: 0 auto 30px;
	width: 100%;
}
#musicalSec #detailArea .data table.priceData th {
	background: #F6F5F3;
	border: 1px solid #422110;
	color: #422110;
	padding: 8px 10px;
	vertical-align: top;
	text-align: left;
}
#musicalSec #detailArea .data table.priceData th.title {
	width: 110px;
}
#musicalSec #detailArea .data table.priceData th.seat {
	width: 135px;
}
#musicalSec #detailArea .data table.priceData th.day {
	width: 280px;
}
#musicalSec #detailArea .data table.priceData th.price {
	width: 67px;
}
#musicalSec #detailArea .data table.priceData th.time {
	width: 92px;
}
#musicalSec #detailArea .data table.priceData th.note {
	background: #E5E0DC;
}
#musicalSec #detailArea .data table.priceData td {
	background: #F6F5F3;
	border: 1px solid #422110;
	color: #422110;
	padding: 10px;
	vertical-align: top;
	text-align: left;
}
#musicalSec #detailArea .data table.priceData td.link {
	text-align: center;
	vertical-align: middle;
}
#musicalSec #detailArea .data table.priceData td.link a:hover {
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
}
#musicalSec #detailArea .data table.priceData td.note {
	background: #E5E0DC;
	font-weight: bold;
}
#musicalSec #detailArea .data table.priceData thead th {
	background: #422110;
	color: #fff;
}
#musicalSec #detailArea .data table.timeData {
	margin: 0 auto 35px;
	width: 100%;
}
#musicalSec #detailArea .data table.timeData th {
	background: #88CAC8;
	border: 1px solid #42210E;
	color: #fff;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
	width: 75px;
}
#musicalSec #detailArea .data table.timeData td {
	border: 1px solid #42210E;
	color: #42210E;
	text-align: center;
	padding: 5px;
	vertical-align: middle;
}
#musicalSec #detailArea .data p.dateNote {
	margin: -10px 0 30px;
}
#musicalSec #detailArea .data p.dateNote strong {
	color: #60B8B1;
}
#musicalSec #detailArea .data p.dateNote2 {
	font-weight: bold;
	margin: 0 0 10px;
	color: #60B8B1;
}
#musicalSec #detailArea .data p.dateNote2 span{
	font-weight: normal;
  color: #000;
  float: right;
  font-size: 13px;
}
#musicalSec #detailArea .data .irregular{
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-bottom: 30px;
}
#musicalSec #detailArea .data .irregular dt{
  flex: 0 1 8%;
  color: #422110;
}
#musicalSec #detailArea .data .irregular dd{
  flex: 1 0 90%;
  line-height: 1.6;
  padding-bottom: 10px;
}
#musicalSec #detailArea .data .irregular dd b{
  color: #60B8B1;
}
#musicalSec #detailArea .data .irregular dd b::before{
  content: " → ";
  color: #aaa;
}
#musicalSec #detailArea .data .fig {
	margin: 0 auto 10px;
}
#musicalSec #detailArea .tour {
	margin: 0 0 10px;
}
#musicalSec #detailArea .tour dl {
	text-align: center;
	margin: 0 auto 35px;
}
#musicalSec #detailArea .tour dl dd a:hover {
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
}
/* ftbnr for pc */
.ftbnr {
	margin-top: -30px;
	text-align: center;
	margin-bottom: 30px;
}
.ftbnr {
	display: block;
	margin-left: auto;
	margin-right: auto;
} /* 配置中央 */
.ftbnr img {
	margin-top: 20px;
}
.ftbnr a:hover {
	opacity: 0.8;
	text-decoration: none;
}
.kasou {
	margin-top: 20px;
}
.kasou img {
	width: 790px;
	height: auto;
}
/* obi */
.obi {
	height: 50px;
	background: #ed6c9a;
	text-align: center;
	font-weight: bold;
	font-size: 19px;
	color: #fff;
	line-height: 50px;
	/*margin: 0 0 -50px 0;*/
	padding: 0;
}
#musicalSec #detailArea .rightdata {
	float: right;
	margin-right: 15px;
}
/* 最新ミュージカルエリア PC */
.newbox {
	width: 100%;
	display: block;
	background-color: #f6f5f3;
}
.newbox a:hover {
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	filter: alpha(opacity=80);
}
.newbox h2 {
	position: relative;
    display: block;
	width: 100%;
	background-color: #ed6c9a;
	text-align: center;
	margin:1px;
}
.newbox h2 img {
width:660px;
}
.new_set {
	width: 1140px;
	height: 420px;
	margin: 0px auto;
	padding: 30px 0;
}
.new_left {
	display: block;
	width: 522px;
	float: left;
}
.new_right {
	width: 595px;
	float: right;
	display: block;
}
.new_right h3 {
	width: 100%;
	margin-bottom: 20px;
}
.new_right h3 img {
	width: 100%;
}
.new_right .new_txt {
	width: 400px;
	float: right;
}
.enmoku_set .enmoku_icon {
	width: 100%;
	margin-bottom: 20px;
}
.enmoku_set .enmoku_link {
	width: 100%;
}
.enmoku_set {
	width: 195px;
	float: left;
	display: block;
}



/* ------------------------------------------------------------------------------sp style */

@media screen and (max-width: 1024px) {
.dis_pc {
	display: none;
}
.dis_sp {
	display: block;
}
/* obi */
.obi {
	height: auto;
	background: #ed6c9a;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
	color: #fff;
	line-height: 1.4em;
	margin: 0 0 0 0;
	padding: 5px;
	display: block;
}
#musicalTop #headArea {
	/*    background: url(../img/sp/top/mainBg.jpg) no-repeat 50% 0 #F6F5F3;*/
	margin-top: 0px;
	background-size: 100%;
}
#musicalTop #headArea .cont {
	height: auto;
	margin: 0 auto;
	position: relative;
	width: 100%;
	text-align: center;
}
#musicalTop #headArea .cont img {
	height: auto;
	margin: 0 auto;
	position: relative;
	width: 100%;
}
.cont-inside1 {
	display: block;
	width: 100%;
	height: auto;
	margin-top: -120%;
	z-index: 99;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
.cont-inside2 {
	display: block;
	width: 100%;
	height: auto;
	margin-top: 0;
	z-index: 99;
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
#musicalTop #headArea h1 {
	position: relative;
	top: unset;
	left: unset;
	height: 100%;
	width: 100%;
	margin-bottom: 80%;
}
#musicalTop #headArea h1 img {
	width: 100%;
}
#musicalTop #headArea .check dt {
	position: relative;
	top: unset;
	left: unset;
}
#musicalTop #headArea .check dt img {
	width: 100%;
}
#musicalTop #headArea .anchor {
	background: none;
	position: relative;
	top: unset;
	left: unset;
	display: block;
	width: 100%;
	height: auto;
	margin-top: -7%;
	width: 100%;
	text-align: right;/* margin-right: 5%; */
}
#musicalTop #headArea .anchor img {
	width: 40%;
	position: absolute;
	bottom: 100%;
	right: 10px;
  padding-bottom: 15px;
}
#musicalTop #headArea .check dd {
	position: relative;
	top: unset;
	left: unset;
}
#musicalTop #headArea .check dd img {
	width: 100%;
	padding: 20px;
}
#musicalTop #h201 .cont {
	margin: 0 auto;
	position: relative;
	width: 100%;
}
#musicalTop #h201 h2 {
	position: relative;
	top: unset;
	left: unset;
}
#musicalTop #h201 h2 img {
	width: 100%;
}
#musicalTop #h201 dl img {
	width: 100%;
}
#musicalTop #h201 dl.rank01 dd, #musicalTop #h201 dl.rank02 .dd01, #musicalTop #h201 dl.rank02 .dd02 {
	position: relative;
	top: -40px;
	left: unset;
	right: unset;
	width: 100%;
	padding: 0;
	max-width: 200px;
	margin: 0 auto;
}
#musicalTop #h201 dl.rank03 .dd01, #musicalTop #h201 dl.rank03 .dd02, #musicalTop #h201 dl.rank03 .dd03, #musicalTop #h201 dl.rank03 .dd04 {
	position: relative;
	top: unset;
	left: unset;
	right: unset;
	width: 100%;
	/* padding: 20px 80px; */
	padding: 0px;
	margin: 30px auto;
	max-width: 200px;
}
	#musicalTop #h201 .mapArea{
		width: 90%;
		margin: 0 auto;
	}
	#musicalTop #h201 .mapArea .h_other{
		float: none;
	}
	#musicalTop #h201 .other_lineup{
		float: none;
		width: 100%;
	}
	#musicalTop #h201 .other_lineup li{
		flex-basis: 48%;
	}
	#musicalTop #h201 .other_lineup dt{
		width: 100%;
		font-size: 24px;
		padding: 15px 20px;
		background-size: 100% 100%;
	}
	#musicalTop #h201 .other_lineup dd{
		width: 100%;
		font-size: 18px;
	}
#musicalTop #h201 .mapArea .map {
	float: none;
	width: 100%;
	margin-top: 0;
}
#musicalTop #h201 .mapArea .map img {
	width: 100%;
	/*padding: 0 20px;*/
}
#musicalTop #h202 .cont {
	margin: 0 auto;
	padding: 0 0 50px;
	width: 100%;
}
#musicalTop #h202 h2 img {
	width: 100%;
}
#musicalTop #h202 .fig img {
	width: 100%;
}
/* 料金表 start */
#musicalTop #h202 table {
	margin: 0 auto 10px;
	width: 90%;
}
#musicalTop #h202 table th {
	background: #42210E;
	border: 1px solid #42210E;
	color: #F0789C;
	font-size: 120%;
	padding: 2% 3%;
	vertical-align: middle;
}
#musicalTop.sub #h202 table th {
	color: #fff;
}
#musicalTop #h202 table th dl {
	margin: 0;
}
#musicalTop #h202 table th dl dt {
	float: left;
	padding: 1% 0 0;
}
#musicalTop #h202 table th dl dd {
	float: right;
	text-align: right;
	width: 35%;
	max-width: 200px;
}
#musicalTop #h202 table th dl dd img {
	width: 100%;
}
#musicalTop #h202 table td {
	background: #F6F5F3;
	border: 1px solid #42210E;
	padding: 2px 2%;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
}
#musicalTop #h202 table td.item {
	width: 90px;
	padding: 5px 2%;
	line-height: 18px;
    /*font-weight: bold;
    font-size: 13px;
    background: #42210e;
    color: #fff;
    border-top: #fff 1px solid;*/
}
#musicalTop #h202 table td.off {
	text-align: center;
	color: #ff0000;
	font-size: 11px;
	background: #ffff00;
}
#musicalTop #h202 table td.off_p {
	text-align: center;
	font-weight: bold;
	background: #fee296;
}
#musicalTop #h202 table td.note, #musicalTop #h202 table td.nomal_p {
	width: 20%;
	text-align: center;
	background: #E5E0DC;
}
#musicalTop #h202 table td.nomal_p {
	font-weight: bold;
}
#musicalTop #h202 table td.note2 {
	width: 57%;
}
#musicalTop #h202 table .schedule .month{
  flex: 1 0 16%;
}
#musicalTop #h202 table .schedule .days{
  line-height: 1.5;
}
/* 料金表 end */




#musicalTop #h202 .inq img {
	width: 100%;
}
#musicalTop #h202 .link dt img {
	width: 100%;
}
#musicalTop #h202 .link dd {
	position: relative;
	top: unset;
	left: unset;
	width: 100%;
}
#musicalTop #h202 .link dd img {
	width: 100%;
	padding: 0 20px;
}
#musicalTop #h201 .mapArea {
	padding: 0 0 25px;
}
.ftbnr2 {
	margin-top: 30px;
}
.ftbnr2 img {
	margin-top: 10px;
	width: 100%;
	height: auto;
	padding: 0 40px;
}
.navArea {
	background: none;
	margin-top: 20px;
}
.navArea dl {
	margin: 0;
}
.navArea img {
	width: 100%;
}
/* 下層 レイアウト */

#musicalSec .cont {
	background: #fff;
	margin: 0 auto;
	width: 100%;
}
#musicalSec #detailArea {
	float: none;
	margin: 0px;
	padding: 0px;
	width: 100%;
}
#musicalSec #detailArea h1 img {
	width: 100%;
}
#musicalSec #detailArea h2 img {
	width: 100%;
	padding: 0 20px;
}
#musicalSec #detailArea .mainPict img {
	width: 100%;
	padding: 0 20px;
}
#musicalSec #detailArea .box-left {
	width: 30%;
	display: inline-block;
	vertical-align: top;
}
#musicalSec #detailArea .box-left img {
	width: 100%;
}
#musicalSec #detailArea .box-right {
	width: 68%;
	display: inline-block;
	padding-left: 15px;
}
#musicalSec #detailArea .dataArea {
	margin: 0 0 25px;
	padding: 0 20px;
}
#musicalSec #detailArea .dataArea dl {
	border-bottom: 1px solid #E6E6E6;
	display: block;
	margin: 0 0 5px;
	padding: 0 0 5px;
	width: 100%;
}
#musicalSec #detailArea .dataArea dl dt {
	display: block;
	text-align: left;
	vertical-align: middle;
	width: 105px;
}
#musicalSec #detailArea .dataArea dl dd {
	display: block;
	text-align: left;
	vertical-align: middle;
}
#musicalSec #detailArea .rightdata {
	float: none;
	margin-right: 15px;
	margin-top: 10px;
	border-top: 1px solid #E6E6E6;
	padding-top: 6px;
}
#musicalSec #detailArea .story .storyPict img {
	width: 100%;
	padding: 0 20px;
}
#musicalSec #detailArea .story h3 {
	padding: 0 20px;
	margin-bottom: 5px;
	line-height: 1.2em;
}
#musicalSec #detailArea .story p {
	padding: 0 20px;
}
video {
	width: 100%;
	padding: 0 20px;
	height: auto;
	margin-bottom: 20px;
}
#musicalSec #detailArea .dataArea dl dd a {
	margin: 0px;
	margin-left: 5px;
}
#musicalSec #detailArea .data p.dateNote {
	padding: 0 20px;
}
#musicalSec .data table.timeData {
	margin: 0 auto 5%;
	width: 97%;
}
#musicalSec .data table.timeData th {
	background: #88CAC8;
	border: 1px solid #42210E;
	color: #fff;
	text-align: center;
	padding: 2%;
	vertical-align: middle;
}
#musicalSec .data table.timeData td {
	border: 1px solid #42210E;
	color: #42210E;
	text-align: center;
	padding: 2%;
	vertical-align: middle;
}
#musicalSec #detailArea .data table.timeData {
	margin: 0 auto 35px;
	width: 90%;
}
#musicalSec #detailArea .data p.dateNote2 {
	padding: 0 20px;
}
#musicalSec .data table.timeData {
	margin: 0 auto 5%;
	width: 97%;
}
#musicalSec .data table.timeData th {
	background: #88CAC8;
	border: 1px solid #42210E;
	color: #fff;
	text-align: center;
	padding: 2%;
	vertical-align: middle;
}
#musicalSec .data table.timeData td {
	border: 1px solid #42210E;
	color: #42210E;
	text-align: center;
	padding: 2%;
	vertical-align: middle;
}
#musicalSec #detailArea .data .fig img {
	width: 100%;
}
#musicalSec #detailArea .data .seatMap img {
	width: 100%;
}
.lr20_sp {
	padding: 0 20px;
}
#musicalSec #detailArea .data {
	margin: 0 auto 20px;
}
#musicalSec #detailArea .data .irregular{
  margin: 0 auto 20px;
	width: 90%;
}
#musicalSec #detailArea .data .irregular dt{
  flex: 0 1 20%;
}
#musicalSec #detailArea .data .irregular dd{
  flex: 1 0 80%;
}
#musicalSec #detailArea .tour dt img {
	width: 100%;
}
#musicalSec #detailArea .tour dd img {
	width: 100%;
	padding: 0 20px;
}
#musicalSec #detailArea .tour .inq img {
	width: 100%;
	padding: 0 20px;
}
#musicalSec #detailArea h2 {
	margin: 0 0 15px 0;
}
#musicalSec #detailArea .tour dl {
	text-align: center;
	margin: 20px auto 20px;
}
#musicalSec .sec_tourlist_tit {
	margin: 0 0 0px 0 !important;
}
#musicalTop .navArea {
	background: url(../img/top/navBg.gif) repeat-x;
	height: auto;
}
#musicalTop #h201 .mapArea dl {
	float: none;
}
#musicalSec #detailArea h1 {
	margin: 0px 0 15px;
}
/* ▼最新ミュージカルエリア SP */
.newbox h2 {
	border-top: 2px solid #310f00;
}
.newbox h2 img {
	width: 100%;
	padding: 0 20px;
}
.new_left {
	width: 100%;
	float: none;
	padding: 0 20px;
}
.new_left img {
	width: 100%;
	height: auto;
}
.new_set {
	width: 100%;
	height: auto;
	margin: 0px auto;
	padding: 30px 0;
}
.new_right {
	width: 100%;
	float: none;
	display: block;
	height: auto;
	padding: 0 20px;
}
.new_right h3 img {
	width: 100%;
	height: auto;
}
.new_right .new_txt {
	width: 100%;
	float: none;
	display: block;
	height: auto;
	margin-bottom: 15px;
}
.enmoku_set {
	width: 100%;
	float: none;
	display: block;
	height: auto;
	margin: 0 auto;
	text-align: center;
}
/* ▲最新ミュージカルエリア SP */

#musicalTop #h201 h2 img {
	width: 100%;
	padding: 0 20px;
}
.new_right h3 {
	width: 100%;
	margin-bottom: 5px;
	margin-top: 15px;
}
}

.yonekura_bnr{
	display: block;
	width: 100%;
	margin-bottom: 25px;
}
.yonekura_bnr:hover{
	opacity: 0.7;
}
.yonekura_bnr img{
	width:100%;
}
@media screen and (max-width: 767px) {
	.yonekura_bnr{margin-bottom:15px;}
}


@media screen and (max-width: 640px) {
	#musicalTop #h201 .mapArea .h_other{
		width: 200px;
		margin-top: 20px;
	}
	#musicalTop #h201 .other_lineup{
		flex-direction: column;
	}
	#musicalTop #h201 .other_lineup li{
		flex-basis: 100%;
	}
	#musicalTop #h201 .other_lineup dt{
		font-size: 18px;
    padding: 0 20px;
	}
	#musicalTop #h201 .other_lineup dd{
		font-size: 15px;
		overflow: hidden;
		padding: 10px 0 25px;
	}
	#musicalTop #h201 .other_lineup dd p{
		width: 47%;
		float: right;
		text-align: left;
		font-size: 15px;
		padding-top: 10px;
	}
	#musicalTop #h201 .other_lineup dd p br{
		display: none;
	}
	#musicalTop #h201 .other_lineup dd .other_lineup_img{
		width: 49%;
		float: left;
	}
	#musicalTop #h201 .other_lineup dd a img{
		width: 150px;
	}
}

/* --------------------------------- */
/* 2020.02.04 add */
/* contact box */
/* --------------------------------- */
.inq_box p {color:#3c1f0d;font-size:18px;font-weight:bold;line-height:1.8;}
.inq_box p span:not(.tw_freeorder_time) {color:#038a6a;}
.inq_box .contact_time {font-size:16px;color:#000;padding-left:55px;text-align:left;}
.inq_box .contact_tel a {color:#038a6a;position:relative;color:#038a6a;font-weight:bold;font-size:68px;line-height:1;font-family:'arial',sans-serif;margin:0 auto;letter-spacing:-0.02em;padding-left:50px;display:inline-block;}
.inq_box .contact_tel a::before{aspect-ratio: 1 / 1;background: url(../img/common/icon_tel_green.svg) center center / auto 100% no-repeat;content: "";position:absolute;top:50%;left:0;display:inline-block;width:45px;transform: translateY(-50%);}
@media (min-width:769px),print{
	.inq_box {border:4px solid #71b9b5;border-radius:10px;background:#fff;padding:20px 25px;width:100%;align-items:center;justify-content:space-between;}
	.inq_box:not(.dis_sp) {display:flex;}
	.inq_box .txt {width:56%;}
	.inq_box .txt + div {min-width:460px;}
	.inq_box .contact_tel a {pointer-events:none;}
}
@media screen and (max-width:768px) {
	#musicalTop #h202 .inq {margin-bottom:20px;}
	.inq_box {width:90%;margin:0 auto;}
	.inq_box .txt {border:3px solid #71b9b5;border-radius:10px;background:#fff;padding:10px 15px;margin-bottom:15px;}
	.inq_box .txt + div {text-align:center;}
	.inq_box p {font-size:15px;}
	.inq_box .contact_tel a {text-decoration:none;font-size:50px;padding-left:30px;}
	.inq_box .contact_tel a::before{width:25px;}
	.inq_box .contact_time {font-size:15px;padding-left:0;text-align:center;}
}
@media screen and (max-width:640px) {
	.inq_box .contact_tel a {padding-left:9vw;}
	.inq_box .contact_tel a::before {width:8.5vw;}
	.inq_box .contact_time {font-size:4vw;}
}
@media screen and (max-width:360px) {
	.inq_box .contact_tel a {font-size:34px;}
}

/* sub pages */
.tour .btn_area {text-align:center;width:90%;margin:0 auto 35px;}
@media (min-width:769px),print{
	.tour .inq_box {padding:20px;}
	.tour .inq_box .txt {width:50%;}
	.tour .inq_box .txt + div {min-width:360px;}
	.tour .inq_box p {font-size:16px;line-height:1.6;}
	.tour .inq_box .contact_time {font-size:14px;padding-left:40px;}
	.tour .inq_box .contact_tel a {font-size:50px;padding-left:40px;}
	.tour .inq_box .contact_tel a::before{width:36px;}
}
@media screen and (max-width: 768px) {
	.tour .btn_area img {width:100%;height:auto;}
	.tour .inq_box .contact_time {padding-left:0;}
}
