@charset "UTF-8";

/*-------------------------------
共通設定
--------------------------------*/
#kiseki .container {
color: #333;
font-family: "Noto Sans Japanese",arial,sans-serif;
text-align: justify;
word-break: break-all;
background: #e1f6fa url(/special/kiseki/img/bg.jpg) center 0 repeat;
}
#kiseki.pc .mainHeader {
background: linear-gradient(99deg, #f7fbfe 11%, #d5dee0 81%);
}
#kiseki.pc section img {
max-width: 100%;
}
#kiseki.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; }
#kiseki.pc h1.mainCatch_2 {
color: #dcdfe3;
padding: 20px 10px;
background: #292525;
}
#kiseki.sp h1.mainCatch_2 {
color: #dcdfe3;
padding: 20px 10px;
background:#292525;
}
#kiseki section h2 {
padding: 30px 0;
}
#kiseki.sp section h2 {
font-size: 160%;
font-weight: bold;
text-align: center;
padding-bottom: 30px;
}
#kiseki.sp section .staticFrame p.txt {
font-size: 120%;
line-height: 1.6;
padding-top:1.5em;
text-align: justify;
word-break: break-all;
}
#kiseki.pc section.sectionType6 div.unit div.txt h3 {
font-size:150%;
font-weight:bold;
}
#kiseki #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 #ffffff;
background: #ffffff;
}
section ul.gnav {
background-color: #ffffff;
margin-top: 0;
}
section div.navi_4 ul li a {
color: #ab9774;
font-family: 'Taviraj', serif;
}
.sp .spnavi_2 .spgnav li a {
background: #50bbdb;
color: #fff;
font-family: 'Taviraj', serif;
}
.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: #50bbdb;
}
#kiseki #cast p:nth-of-type(1){
font-size: 160%;
color: #ec0a84;
font-weight: bold;
padding-bottom: 20px;
}
#kiseki.pc section#cast h3 {
font-size: 170%;
padding: 10px 0;
}
section.searchTag {
width: 100%;
background: #fff;
padding-bottom: 30px;
margin-bottom: 0;
}
section.searchTag h1 {
padding-top: 3%;
}
#kiseki section#midokoro h3{
color: #e10078;
padding: 30px 0;
width: 95%;
font-size: 190%;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-shadow: 1px 1px 10px #fff, -1px -1px 10px #fff, 1px 1px 10px #fff, -1px -1px 10px #fff, 1px 1px 10px #fff, -1px -1px 10px #fff;
letter-spacing: -0.3px;
font-weight: bold;
}
.pc section.sectionType4#midokoro div.unit div.img,.pc section.sectionType4#midokoro2 div.unit div.img {
padding-top: 20px;
}
section.sectionType4 div.unit {
margin-bottom: 30px;
}
#kiseki.pc #trailer,#kiseki.pc #intro,#kiseki.pc #freemovie,#kiseki.pc #story, #kiseki.pc #story,#kiseki.pc #soukan,#kiseki.pc #cast,
#kiseki.pc #cast2,#kiseki.pc #related,#kiseki.pc #schedule{
width:970px;
padding-top:20px;
padding-bottom:30px;
margin-top:100px;
padding: 25px 0;
background: #fff;
text-align: center;
}
#kiseki.pc #cast{
width:100%;
background: #fff;
}
#kiseki.sp #trailer,#kiseki.sp #intro,#kiseki.sp #freemovie,#kiseki.sp #soukan, #kiseki.sp #story,#kiseki.sp #soukan,#kiseki.sp #cast,
#kiseki.sp #cast2,#kiseki.sp #related,#kiseki.sp #schedule,#kiseki.sp #midokoro{
width:94%;
padding-top:5px;
padding-bottom:30px;
margin-top:70px;
box-shadow: 0px 4px 8px rgba(0,0,0,0.25);
background: rgb(255 255 255 / 78%);
}
#kiseki.sp #cast{
background: #fff;
}
.sp section.sectionType6#cast div.unit {
padding: 20px 0;
margin-bottom: 50px;
}
.pc section.sectionType6#cast2 div.unit{
padding-top: 10px;
border: 1px solid #dadada;
background: #fff
color: #000;
padding-left: 20px;
padding: 3%;
}
.sp section#cast h3 {
font-size: 160%;
}
.sp section.sectionType6#cast2 div.unit{
padding-top: 10px;
border: 1px solid #f0eeee;
color: #000;
}
.pc section.sectionType6#cast2 div.unit div.txt .actor_name  {
font-size: 130%;
font-weight: normal;
}
#kiseki.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;
}
#kiseki.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;
}
#kiseki.sp #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;
display: inline-block;
}
.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;
}
.pc section h1.ttlTyp_6 {
width: 970px;
margin: 3% auto 2%;
border-bottom: 1px solid #33a2b5;
color: #33a2b5;
margin-bottom: 30px;
font-family: 'Taviraj', serif;
}
.sp section h1.ttlTyp_6 {
border-bottom: 1px solid #33a2b5;
color: #33a2b5;
font-size: 200%;
padding-top: 30px;
font-family: 'Taviraj', serif;
}
section.sectionType12#story2 h1.ttlTyp_6 {
border: none;
}
#kiseki #cast p:nth-of-type(3) {
background: #d7f2ed;
margin-bottom: 10px;
padding:10px;
}
#kiseki.pc section.sectionType4 div.unit {
padding: 20px 0;
margin-bottom: 50px;
background: #fff ;
}
#kiseki.sp section.sectionType4#midokoro div.unit {
padding-top: 0;
margin-bottom: 100px;
background: #fff;
}
#kiseki.sp section#midokoro h3 {
font-size: 170%;
}
#kiseki #cast p:nth-of-type(3) {
background: #f5edd7;
margin-bottom: 10px;
padding:10px;
}
#kiseki #cast p:nth-of-type(1) {
font-size: 150%;
color: #ec0a84;
font-weight: bold;
padding-bottom: 20px;
padding-top: 30px;
}
#kiseki.sp #cast p:nth-of-type(1) {
border-bottom: 2px solid #85aebf;
border-style: dotted;
}
#kiseki.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;
}
#kiseki.sp #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;
display: inline-block;
}
#kiseki #cast .staticFrame div.unit div.txt h3.actor_name {
font-size: 130%;
background: linear-gradient(transparent 65%, #f8f50a 0%);
display: inline;
line-height: 2.4;
}
.pc section.sectionType6#cast div.unit{
padding: 20px 0;
margin-bottom: 50px;
}
.pc .contents section#story2 {
background: #c2e2f6;
padding-bottom: 50px;
}
.sp section#story2 h1.ttlTyp_6 {
padding-top: 10px;
}
.sp .contents section#story2 {
background: #c2e2f6;
margin: 50px 0;
padding: 0 0 60px 0;
}
#kiseki.sp #castsub {
width: 94%;
background:#fff;
padding-bottom: 30px;
box-shadow: 0px 4px 8px rgb(0 0 0 / 25%);
}
#kiseki #castsub [class^="ttlTyp"] {
margin-top: 0;
padding-top: 10px;
background: none;
}
.sp section.sectionType7 div.imgContainer div.unit {
width: 98%;
background: #fff;
padding-bottom: 20px;
border-bottom: 2px solid #85aebf;
border-style: dotted;
}
section#castsub h1.ttlTyp_6 {
border-bottom: none;
}
#kiseki #castsub .staticFrame div.unit div.txt h3.actor_name {
font-size: 130%;
background: linear-gradient(transparent 65%, #f5e3d8 0%);
display: inline;
line-height: 2.4;
}
.sp section#castsub h3 {
font-size: 140%;
}
#kiseki.pc #castsub {
width: 100%;
background: #fff;
margin-top: -20px;
}