.mx-img{
max-width:100% !important;
height:auto;
}

/*
-----------------------------------------------
flex
----------------------------------------------- */
.flex01{
display:flex;
flex-wrap:wrap;
}

.flex02{
display:flex;
flex-wrap:nowrap;
}

.flex03{
display:flex;
flex-wrap:wrap-reverse;
}

.c-between{
justify-content:space-between;
}

.c-around{
justify-content:space-around;
}

.c-start{
justify-content:flex-start;
}

.c-center{
justify-content:center;
}

.c-end{
justify-content:flex-end;
}

.al-end{
align-items:flex-end;
}

.al-center{
align-items:center;
}

.al-start{
align-items:flex-start;
}

/*--------------------- 公演情報の追加設定 ------------------------*/
.origin_box01 {
margin-bottom:50px;
}

.origin_box01 .chui{
font-size:90%;
}

.origin_box01 .bdr_box01{
border-top:dashed 1px #999;
padding-top:12px;
}


.add_cast{
font-size:110%;
text-align:center;
margin-left:10px;
margin-right:10px;
}

.spcl_cast_h{
text-align:center;
margin:50px auto;

}

.spcl_cast_h h4{
text-align:center;
font-weight:600;
font-size:120%;
border-top:solid 1px;
border-bottom:solid 1px;
padding:15px 40px;
display:inline-block;
line-height:1.4;
}

.performance_wide_blue02>div{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
align-items: flex-start;
}


.performance_wide_blue02 .img_nakamura {
  width: 25%;
  margin-bottom: 2%;
  text-align: right;
  font-size:80%;
}

.performance_wide_blue02 .img_nakamura img {
  margin-bottom: 5px;
  max-width:100% !important;
  width:auto !important;
  height:auto !important;
}

.performance_wide_blue02 .data_nakamura {
  width: 70%;
}

.performance_wide_blue02 .data_nakamura h4 {
  font-size: 120%;
  font-weight: 600;
  margin-bottom: 15px;
  letter-spacing: 0.1rem;
}

.performance_wide_blue .data_nakamura h4 span {
  font-size: 80%;
  display: inline-block;
  margin-left: 15px;
  font-weight: 500;
}

#performance_event {
  width: 90%;
  max-width: 1280px;
  margin: 0 auto 3%;
  border-top: 1px solid #333;
  padding: 3% 0 0;
}

#performance_event>div {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
}

#performance_event>div h4{
font-size:110%;
font-weight:bold;
}

#performance_event>div h3{
font-size:100%;
font-weight:500;
display:inline-block;
border:solid 1px;
padding:0.15em 0.5em;
margin-bottom:10px;
}


@media screen and (max-width: 767px)  { 
.add_cast{
font-size:100% !important;
}

.performance_wide_blue02 .img_nakamura {
  width: 100%;
  font-size:80%;
  padding-left:15%;
  padding-right:15%;
}

.performance_wide_blue02 .data_nakamura {
  width: 100%;
}

.performance_wide_blue02 .data_nakamura h4 {
  font-size: 110%;
  margin-bottom: 15px;
  letter-spacing: 0;
}

}


.performance_add_box{
/* max-width:900px; */
max-width:780px;
border:solid 1px #ccc;
padding:18px 24px;
margin-left:auto;
margin-right:auto;
margin-bottom:60px;
}




.performance_add_box h3{
color:#003c88;
/* font-size:110%; */
font-size:130%;
font-weight:700;
border-bottom:solid 1px #999;
padding-bottom:8px;
margin-bottom:12px;
}

@media screen and (max-width: 960px)  { 

.performance_add_box{
margin-left:5%;
margin-right:5%;
margin-bottom:60px;
}

}

/*
-----------------------------------------------
フリー枠
----------------------------------------------- */
.free_box01{
margin:15px 0;
padding:15px;
background:#eee;
font-weight:500;
}

.free_h01{
font-size:120% !important;
font-weight:700;
margin-bottom:0;
}


/*
-----------------------------------------------
公演フリー枠
----------------------------------------------- */

.performance_free_box{
  max-width: 1280px;
  margin: 0 auto 3%;
  border-top: 1px solid #9998;
  padding: 2.5% 5% 0;
  }

.performance_free_box .pconly{display:block;}

.performance_free_box .p_small{font-size:90%;}

.performance_free_box .pt01{padding-top:25px;}
.performance_free_box .mb01{margin-bottom:20px;}

.performance_free_box h3{
font-size:115%;
font-weight:700;
border-bottom:dotted 1px #999 !important;
padding-bottom:5px;
margin-bottom:16px;
padding-top:15px;
}

.ptn01 .free_img{
width:20%;
}

.ptn01 .free_txt{
width:77%;
}

.performance_free_box .free_img .p_small{margin-top:-8px;}

@media screen and (max-width: 960px)  { 
.performance_free_box .pconly{display:none;}
}

@media screen and (max-width: 767px)  { 
.ptn01 .free_img{
width:60%;
margin-left:auto;
margin-right:auto;
margin-bottom:15px;
}

.ptn01 .free_txt{
width:100%;
}
}


/*
-----------------------------------------------
3公演ボタン
----------------------------------------------- */
.btn_tk{
display:inline-block;
height:40px;
line-height:40px;
border-radius:8px;
color:#fff !important;
text-decoration:none;
background:#3463b4;
padding:0 1em;
font-size:14px;
}

.btn_tk:hover{
opacity:0.7;
}


/*
-----------------------------------------------
ドラゴンクエスト
----------------------------------------------- */
.dq_h01{
font-weight:bold;
border-bottom:solid 1px;
margin-bottom:20px;
font-size:115%;
}

.dq_wrap{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

.dq_img01{
width:240px;
}


.dq_txt01{
width: calc(100% - 280px);
}


.dq_story {
  width: 100%;
  max-width: 840px;
  margin:0 auto;
  }



.dq_guest h4{
text-align:center;
font-weight:500;
font-size:140%;
}

.dq_guest h5{
font-weight:700;
font-size:130%;
border-bottom:solid 1px;
margin-bottom:20px;
}

.dq_guest_wrap{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

.dq_guest_wrap .guest_img{
width:18%;
}

.dq_guest_wrap .guest_txt{
width:79%;
}

.dq_dl{
padding-top:8px;
}


.dq_dl dl{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}

.dq_dl dt{
width:5em;
}

.dq_dl dd{
width: calc(100% - 5em);
}


@media screen and (max-width: 600px) { 

.dq_img01,
.dq_guest_wrap .guest_img{
width:100%;
padding-left:30%;
padding-right:30%;
margin-bottom:15px;
}

.dq_txt01,
.dq_guest_wrap .guest_txt{
width: 100%;
}

}