@charset "UTF-8";

/*-------------------------------
共通設定
--------------------------------*/
#plusminus-event .container {
color: #333;
font-family: 'Helvetica Neue',Helvetica,sans-serif;
text-align: justify;
word-break: break-all;
background: #e1edf9 url(/special/plusminus-event/img/bg.jpg) center 0 repeat;
}
#plusminus-event.pc .mainHeader {
background: linear-gradient(137deg, #3d8dc6 11%, #e3cbcf 81%);
}
#plusminus-event.pc section img {
max-width: 100%;
}
#plusminus-event.sp div.container article.contents .topicPath {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}
.topicPath span { color: #333; }
#plusminus-event.pc h1.mainCatch_2 {
color: #dcdfe3;
padding: 20px 10px;
background: #292525;
}
#plusminus-event.sp h1.mainCatch_2 {
color: #dcdfe3;
padding: 20px 10px;
background:#292525;
}
#plusminus-event section h2 {
padding: 30px 0;
}
#plusminus-event.sp section h2 {
font-size: 150%;
font-weight: bold;
text-align: center;
padding-bottom: 30px;
}
#plusminus-event.sp section .staticFrame p.txt {
font-size: 120%;
line-height: 1.6;
padding-top:1.5em;
text-align: justify;
word-break: break-all;
}
#plusminus-event.pc section.sectionType6 div.unit div.txt h3 {
font-size:150%;
font-weight:bold;
}
#plusminus-event #midokoro .staticFrame div.unit div.txt h3.actor_name {
font-size:190%;
color: #dbc474;
font-weight:bold;
}

section div.navi_4 ul li {
border: solid 2px #496478;
background: #20527e;
}
section ul.gnav {
background-color: #20527e;
margin-top: 0;
}
section div.navi_4 ul li a {
color: #ecefee;
}
.sp .spnavi_2 .spgnav li a {
background: #20527e;
color: #ecefee;
}
.pc section.sectionType6 div.unit div.img {
width: 28%;
}
.sp section.sectionType6 div.unit div.img{
width: 80%;
}
.sp section.sectionType6 div.unit div.txt {
width: 100%;
}
section div.navi_4 {
background: #20527e;
}
#plusminus-event.pc section#cast h3 {
font-size: 170%;
padding-bottom: 10px;
}
section.searchTag {
width: 100%;
background: #fff;
padding-bottom: 30px;
margin-bottom: 0;
}
section.searchTag h1 {
padding-top: 3%;
}
.pc section.sectionType4#midokoro div.unit div.img,.pc section.sectionType4#midokoro2 div.unit div.img {
padding-top: 50px;
}
section.sectionType4 div.unit {
margin-bottom: 30px;
}
#plusminus-event.pc #cast{
width:100%;
background: #fff;
}
#plusminus-event.sp #cast{
background: #fff;
}
.pc section.sectionType6#cast div.unit, section.sectionType6#midokoro div.unit {
padding: 20px 0;
margin-bottom: 50px;
}
.pc section.sectionType6#cast2 div.unit{
border: 1px solid #dadada;
padding: 3%;
}
.sp section#cast h3 {
font-size: 150%;
padding-top: 10px;
}
.sp section.sectionType6#cast2 div.unit{
padding-top: 10px;
border: 1px solid #f0efef;
color: #000;
}
.pc section.sectionType6#cast2 div.unit div.txt .actor_name  {
font-size: 130%;
font-weight: normal;
}
#plusminus-event.pc section.sectionType6#cast2 div.unit div.txt{
width: 98%;
}
.sp section.sectionType6#cast2 div.unit div.txt {
width: 100%;
padding: 3%;
}
.sp section.sectionType6 div.unit div.txt {
width: 100%;
}
.pc section#cast2 h3 {
margin-left: 0;
}
.sp section.sectionType6#cast2 div.unit div.txt h3 {
line-height: 1.7;
}
.pc section.sectionType6#cast div.unit div.txt {
color: #474040;
padding-left: 25px;
}
.pc section#schedule .staticFrame p.txt {
padding: 0 0 2%;
}

.sp section.sectionType6 div.unit:nth-child(odd) {
background: none;
}
section.sectionType6 div.unit div.txt p.txt {
text-align: justify;
word-break: break-all;
}
#plusminus-event #cast p:nth-of-type(3) {
background: #f5edd7;
margin-bottom: 10px;
padding:10px;
}
#plusminus-event #cast p:nth-of-type(1) {
font-size: 150%;
color: #ec0a84;
font-weight: bold;
padding-bottom: 20px;
padding-top: 30px;
}
#plusminus-event.pc #cast p:nth-of-type(1) {
}
#plusminus-event.sp #cast p:nth-of-type(1) {
border-bottom: 2px solid #85aebf;
border-style: dotted;
}
#plusminus-event.pc section.sectionType4#story div.unit div.txt p:nth-of-type(1) {
padding-top: 30px;
}
#plusminus-event.sp section.sectionType4#story div.unit .txt {
padding: 10px 1vw;
}
.sp section.sectionType6#cast div.unit {
padding-top: 50px;
padding-bottom: 30px;
margin-bottom: 20px;
color: #474040;
}
.pc section h1.ttlTyp_6 {
width: 970px;
margin: 3% auto 2%;
border-bottom: 1px solid #4387b7;
color: #4387b7;
margin-bottom: 30px;
}
.sp section h1.ttlTyp_6 {
border-bottom: 1px solid #4387b7;
color: #4387b7;
font-size: 200%;
padding-top: 30px;
}
#plusminus-event #cast .staticFrame div.unit div.txt h3.actor_name {
font-size: 130%;
}
.sp section.sectionType7 div.imgContainer div.unit {
width: 98%;
background: #fff;
padding-bottom: 20px;
border-bottom: 2px solid #85aebf;
border-style: dotted;
}
.pc section.sectionType7 div.imgContainer div.unit {
background: #fff;
padding-top: 20px;
}
section.sectionType7 div.imgContainer div.unit div.txt p.txt {
text-align: center;
font-size: 120%;
}
.pc section.sectionType6#mainjpg div.unit{
border: 1px dotted #b7b1b1;
padding: 15px;
}
.sp section.sectionType6#mainjpg div.unit{
margin-bottom: 80px;
}
#plusminus-event.sp section.sectionType6#mainjpg div.unit div.txt h3 {
font-weight: bold;
font-size: 130%;
background: linear-gradient(transparent 75%, #f2e14c  0%);
line-height: 2;
margin-bottom: 15px;
display: inline;
}
.sp section.sectionType6#mainjpg div.unit div.txt {
text-align: center;
}
.pc section.sectionType6#mainjpg div.unit div.txt {
 padding-top: 15px;
}
.contents section.copyright {
color: #6f6c6c;
}
#plusminus-event.pc #soukan .zoom {
display: block;
height: 20px;
overflow: hidden;
padding: 0 0 0 19px;
background-image: url(/special/common/img/icon_preview.png);
background-repeat: no-repeat;
text-decoration: none;
line-height: 20px;
text-align: left;
}
#plusminus-event.sp #soukan .zoom {
height: 20px;
overflow: hidden;
padding: 0 0 0 19px;
background-image: url(/special/common/img/icon_preview.png);
background-repeat: no-repeat;
text-decoration: none;
line-height: 20px;
display: inline-block;
}
.pc #intro,.pc #cast,.pc #mainjpg,.pc #schedule,.pc #ticket{
width: 970px;
background: #fff;
padding-bottom:20px;
padding-top: 20px;
margin-top: 80px;
box-shadow: 0px 4px 8px rgba(0,0,0,0.25);
}
.sp #intro,.sp #cast,.sp #mainjpg,.sp #schedule,.sp #ticket{
width: 94%;
background-color:#fff;
padding-bottom:20px;
margin-top: 40px;
padding-top: 5px;
box-shadow: 0px 4px 8px rgba(0,0,0,0.25);
}
#plusminus-event.pc section.sectionType7 div.imgContainer div.unit {
max-width: 98%;
width: calc((100% / 4) - (20px));
padding-top: 10px;
}
#plusminus-event.sp section.sectionType7 div.imgContainer div.unit {
width: calc((100% / 2) - (10px));
}
#plusminus-event.pc h1.ttlTyp_5 {
width: 100%;
border:none;
color: #1a1a1a;
background: none;
font-size: 45px;
font-family: "fantasy","Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic";
}
.sp h1.ttlTyp_5 {
width: 98%;
border:none;
color: #1a1a1a;
background: none;
margin-top:30px;
font-family: "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic";
font-size: 28px;
letter-spacing: 0.1em;
}

#plusminus-event #ticket p:nth-of-type(1),#plusminus-event #ticket p:nth-of-type(3)  {
font-size: 150%;
    font-weight: bold;
    color: #e17a1f;
    padding-top: 20px;
}
