/* 	header
============================== */
#mainimg_bgset { width: 100%; max-width: 1060px; margin: 0 auto; position: relative; z-index: 100;}
#mainimg_bg { width: 100%; height: 0; padding-top: 10%; padding-top: -webkit-calc(140 / 1400 * 100%); padding-top: calc(140 / 1400 * 100%); position: relative; }
#mainimg { width: 100%; height: 0; padding-top: 10%; padding-top: -webkit-calc(140 / 1400 * 100%); padding-top: calc(140 / 1400 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;}

/* 	nav
============================== */
#nav { width: 100%; max-width: 500px; margin: 0 auto; position: relative; z-index: 0; margin-top: 10px;}
#nav .navdiv { width: 100%; height: 0; padding-top: 52.173913043478261%; padding-top: -webkit-calc(420 / 805 * 100%); padding-top: calc(420 / 805 * 100%); display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#nav li { width: 21.043478260869565%; width: -webkit-calc(242 / 1150 * 100%); width: calc(242 / 1150 * 100%); position: absolute;}
#nav #mn_about { top: 3.833333333333333%; top: -webkit-calc(23 / 600 * 100%); top: calc(23 / 600 * 100%); left: 2.608695652173913%; left: -webkit-calc(30 / 1150 * 100%); left: calc(30 / 1150 * 100%);}
#nav #mn_news { top: 3.833333333333333%; top: -webkit-calc(23 / 600 * 100%); top: calc(23 / 600 * 100%); left: 27.478260869565217%; left: -webkit-calc(316 / 1150 * 100%); left: calc(316 / 1150 * 100%);}
#nav #mn_caststaff { top: 3.833333333333333%; top: -webkit-calc(23 / 600 * 100%); top: calc(23 / 600 * 100%); left: 53.130434782608696%; left: -webkit-calc(611 / 1150 * 100%); left: calc(611 / 1150 * 100%);}
#nav #mn_story { top: 3.833333333333333%; top: -webkit-calc(23 / 600 * 100%); top: calc(23 / 600 * 100%); left: 77.478260869565217%; left: -webkit-calc(891 / 1150 * 100%); left: calc(891 / 1150 * 100%);}
#nav #mn_message { top: 42.166666666666667%; top: -webkit-calc(253 / 600 * 100%); top: calc(253 / 600 * 100%); left: 15.304347826086957%; left: -webkit-calc(176 / 1150 * 100%); left: calc(176 / 1150 * 100%);}
#nav #mn_chart { top: 42.166666666666667%; top: -webkit-calc(253 / 600 * 100%); top: calc(253 / 600 * 100%); left: 40.173913043478261%; left: -webkit-calc(462 / 1150 * 100%); left: calc(462 / 1150 * 100%);}
#nav #mn_paravi { top: 42.166666666666667%; top: -webkit-calc(253 / 600 * 100%); top: calc(253 / 600 * 100%); left: 65.826086956521739%; left: -webkit-calc(757 / 1150 * 100%); left: calc(757 / 1150 * 100%);}
#nav li .mn { width: 100%; height: 0; padding-top: 100%; display: block; border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
#nav li .mn a { width: 100%; height: 0; padding-top: 100%; display: block; position: absolute; top: 0; left: 0; border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
#nav li .mn a:hover { background: rgba(255, 247, 0, .15);}
#nav .mntsp { width: 95.588235294117647%; width: -webkit-calc(260 / 272 * 100%); width: calc(260 / 272 * 100%); display: block;}
#nav .mnt { width: 100%; height: 0; padding-top: 57.692307692307692%; padding-top: -webkit-calc(150 / 260 * 100%); padding-top: calc(150 / 260 * 100%); display: block; position: absolute; top: 20%; left: 1%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
/*for_W768-*/
@media all and (min-width: 768px) {
#nav { max-width: 1000px;}
#nav .navdiv { width: 100%; height: 0; padding-top: 19.047619047619048%; padding-top: -webkit-calc(400 / 2100 * 100%); padding-top: calc(400 / 2100 * 100%); display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#nav li { width: 11.523809523809524%; width: -webkit-calc(242 / 2100 * 100%); width: calc(242 / 2100 * 100%); position: absolute;}
#nav #mn_about { top: 27.454545454545455%; top: -webkit-calc(63 / 400 * 100%); top: calc(63 / 400 * 100%); left: 3.333333333333333%; left: -webkit-calc(70 / 2100 * 100%); left: calc(70 / 2100 * 100%);}
#nav #mn_news { top: 27.454545454545455%; top: -webkit-calc(63 / 400 * 100%); top: calc(63 / 400 * 100%); left: 16.952380952380952%; left: -webkit-calc(356 / 2100 * 100%); left: calc(356 / 2100 * 100%);}
#nav #mn_caststaff { top: 27.454545454545455%; top: -webkit-calc(63 / 400 * 100%); top: calc(63 / 400 * 100%); left: 31%; left: -webkit-calc(651 / 2100 * 100%); left: calc(651 / 2100 * 100%);}
#nav #mn_story { top: 27.454545454545455%; top: -webkit-calc(63 / 400 * 100%); top: calc(63 / 400 * 100%); left: 44.333333333333333%; left: -webkit-calc(931 / 2100 * 100%); left: calc(931 / 2100 * 100%);}
#nav #mn_message { top: 27.454545454545455%; top: -webkit-calc(63 / 400 * 100%); top: calc(63 / 400 * 100%); left: 57.428571428571429%; left: -webkit-calc(1206 / 2100 * 100%); left: calc(1206 / 2100 * 100%);}
#nav #mn_chart { top: 27.454545454545455%; top: -webkit-calc(63 / 400 * 100%); top: calc(63 / 400 * 100%); left: 71.047619047619048%; left: -webkit-calc(1492 / 2100 * 100%); left: calc(1492 / 2100 * 100%);}
#nav #mn_paravi { top: 27.454545454545455%; top: -webkit-calc(63 / 400 * 100%); top: calc(63 / 400 * 100%); left: 85.095238095238095%; left: -webkit-calc(1787 / 2100 * 100%); left: calc(1787 / 2100 * 100%);}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#nav { margin-top: -10px;}
}

/* 	contents
============================== */
.con { box-sizing: border-box; width: 100%; max-width: 600px; margin: 0 auto; text-align: center; padding-top: 2em; position: relative; z-index: 100; font-size: 90%;}
.con h2 { display: none;}
.con .titleset { width: 155px; background: rgba(197, 19, 7, 1); margin: -3.8em auto 0 auto;}
.con .title { width: 150px; margin: 0 auto;}
.con .title_v { width: 150px; -webkit-transform: scale(1, -1); transform: scale(1, -1); filter: FlipV; -ms-filter: "FlipV"; -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); mask-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 1)); margin: 0 auto;}
.con .title_img { width: 100%; height: 0; padding-top: 15.862068965517241%; padding-top: -webkit-calc(92 / 580 * 100%); padding-top: calc(92 / 580 * 100%); display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.con .title_v .title_img { -webkit-filter: saturate(10%) brightness(180%) opacity(30%); filter: saturate(10%) brightness(180%) opacity(30%);}
.con .nkm0 { box-sizing: border-box; width: 96%; margin-left: 2%;}
.con .nkm { box-sizing: border-box; width: 96%; border-top: 2px solid rgba(252, 135, 112, 1); margin-left: 2%; z-index: 100;}
.con .nkm .ue { width: 100%; height: 26px; position: relative;}
.con .nkm .ue::before { content: url(../img/ind/topics_mark.png); width: 18px; height: 26px; display: inline-block; position: absolute; top: -14px; left: 0; z-index: 100;}
.con .nkm .ue::after { content: url(../img/ind/topics_mark.png); width: 18px; height: 26px; display: inline-block; transform: rotate(-180deg); position: absolute; top: -14px; right: 0; z-index: 100;}
/*contents_space*/
.con_sp { z-index: 100; box-sizing: border-box; width: 96%; margin: 0 auto 2em auto; padding: 1em; background: rgba(226, 36, 3, 1) url(../img/bg_con2.jpg) bottom left no-repeat; border-radius: 30px 0 30px 0; -o-border-radius: 30px 0 30px 0; -ms-border-radius: 30px 0 30px 0; -webkit-border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0;}
.con_sp .bg_blue { box-sizing: border-box; width: 94%; margin-left: 5.9%; padding: 1em; background: rgba(9, 67, 169, 1) url(../img/bg_con.jpg) top right no-repeat; -webkit-background-size: 80%; background-size: 80%; padding-bottom: 50px; position: relative; z-index: 0; border-radius: 30px 0 0 0; -o-border-radius: 30px 0 0 0; -ms-border-radius: 30px 0 0 0; -webkit-border-radius: 30px 0 0 0; -moz-border-radius: 30px 0 0 0;}
.con_sp .bg_blue .shade { width: 0; height: 0; border-style: solid; border-width: 50px 0 0 5vw; border-color: transparent transparent transparent rgba(0, 34, 135, .8); position: absolute; bottom: 0; right: 0; z-index: 10;}
.con_sp .bg_white { z-index: 100; box-sizing: border-box; width: 94%; padding: 1em; background: rgba(255, 255, 255, 1); border-radius: 0 0 30px 0; -o-border-radius: 0 0 30px 0; -ms-border-radius: 0 0 30px 0; -webkit-border-radius: 0 0 30px 0; -moz-border-radius: 0 0 30px 0; margin-top: -50px; color: rgba(9, 67, 169, 1); font-size: 110%; position: relative; z-index: 100;}
.con_sp .bg_white0 { z-index: 100; box-sizing: border-box; width: 100%; padding: 1em; background: rgba(255, 255, 255, 1); border-radius: 30px 0 30px 0; -o-border-radius: 30px 0 30px 0; -ms-border-radius: 30px 0 30px 0; -webkit-border-radius: 30px 0 30px 0; -moz-border-radius: 30px 0 30px 0; color: rgba(9, 67, 169, 1);}
.con_sp .bg_white00 { background-image: url(../img/bg_white.jpg); background-position: bottom right; background-repeat: no-repeat; -webkit-background-size: auto; background-size: auto; margin-bottom: 1em;}
.con_sp .bg_white1 { margin-bottom: 2em;}
.con_sp .cast_tabl { margin: .5em auto; line-height: 180%; font-size: 110%;}
.con_sp .staff_tabl { margin: .5em auto; line-height: 180%; font-size: 110%;}
.con_sp .cast_tabl th { padding: .2em 0; text-align: right; vertical-align: bottom; white-space: nowrap;}
.con_sp .cast_tabl td { padding: .2em 0; text-align: left; vertical-align: bottom; letter-spacing: .1em; font-size: 110%; text-shadow: 2px 2px 4px rgba(44, 51, 146, .2); -moz-text-shadow: 2px 2px 4px rgba(44, 51, 146, .2); -webkit-text-shadow: 2px 2px 4px rgba(44, 51, 146, .2);}
.con_sp .staff_tabl th { padding: .2em 0; text-align: right; vertical-align: top; white-space: nowrap;}
.con_sp .staff_tabl td { padding: .2em 0; text-align: left; vertical-align: top; letter-spacing: .1em; font-size: 110%; text-shadow: 2px 2px 4px rgba(44, 51, 146, .2); -moz-text-shadow: 2px 2px 4px rgba(44, 51, 146, .2); -webkit-text-shadow: 2px 2px 4px rgba(44, 51, 146, .2);}
.con_sp .staff_tabl td:last-child { padding-right: 3em;}
.con_sp p { width: 96%; margin: 0 auto; line-height: 180%; padding: .5em 0; text-align: left; text-align: justify; text-justify: inter-ideograph; position: relative; z-index: 1000;}
.con_sp .catcht { font-size: 102%; font-weight: bold; line-height: 160%; text-align: center; padding: 1em 0;}
.con_sp dl { width: 96%; margin: 0 auto; line-height: 180%; padding: .5em 0; text-align: left; text-align: justify; text-justify: inter-ideograph;}
.con_sp .cnt_dt { font-size: 110%; font-weight: bold; text-shadow: 2px 2px 4px rgba(44, 51, 146, .2); -moz-text-shadow: 2px 2px 4px rgba(44, 51, 146, .2); -webkit-text-shadow: 2px 2px 4px rgba(44, 51, 146, .2); letter-spacing: .1em; padding-bottom: .5em; border-bottom: 1px solid rgba(44, 51, 146, .3); margin-bottom: 1em;}
/*for_W640-*/
@media all and (min-width: 640px) {
.con_sp .bg_blue .shade { border-width: 50px 0 0 4.5vw;}
}
/*for_W768-*/
@media all and (min-width: 768px) {
.con { max-width: 1000px; line-height: 160%;}
.con .titleset { width: 280px; margin: -5em auto 0 auto;}
.con .title, .con .title_v { width: 280px;}
.con_sp { width: 94%; padding: 2em;}
.con_sp .bg_blue { padding: 2em; padding-bottom: 100px;}
.con_sp .bg_blue .shade { border-width: 80px 0 0 4.8vw;}
.con_sp .bg_white { padding: 2em; margin-top: -80px; font-size: 100%;}
.con_sp .bg_white0 { width: 90%; padding: 2em; margin: 0 auto 1em auto;}
.con_sp .staff_tabl th, .con_sp .staff_tabl td { padding: .75em 0;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
.con_sp { margin: 0 auto;}
.con { line-height: 180%;}
.con .titleset { margin: -4.7em auto 0 auto;}
.con_sp .bg_blue .shade { border-width: 80px 0 0 48px;}
#btm0 { padding-top: 200px; margin-top: -200px; -webkit-background-size: 100%; background-size: 100%; -webkit-background-position: center bottom; background-position: center bottom; position: relative; z-index: 10;}
.con_sp .cast_tabl, .con_sp .staff_tabl { margin: .75em auto; font-size: 120%;}
.con_sp .cast_tabl th, .con_sp .cast_tabl td, .con_sp .staff_tabl th, .con_sp .staff_tabl td { padding: .75em; letter-spacing: .2em;}
.con_sp .cast_tabl td, .con_sp .staff_tabl td { letter-spacing: .3em; font-size: 120%;}
.con_sp .cast_tabl td:nth-child(2), .con_sp .staff_tabl td:nth-child(2) { padding: .75em .2em;}
.con_sp .cast_tabl th rt { letter-spacing: .1em;}
}

/* 	sp_link
============================== */
#sp_lnk { width: 90%; max-width: 600px; margin: 0 auto 2em auto; position: relative; z-index: 10000;}
#sp_lnk ul { width: 100%;}
#sp_lnk ul:before, #sp_lnk ul:after { content: ""; display: table;}
#sp_lnk ul:after { clear: both;}
#sp_lnk ul::after { content: ""; display: block; clear: both;}
/*#sp_lnk li { width: 46%; height: 0; padding-top: 16%; margin: 0 auto; float: none; position: relative;} pre*/
#sp_lnk li { width: 46%; height: 0; padding-top: 16%; margin: 0 2% 0 1.6%; float: left; position: relative;}
#sp_lnk li .sp { width: 96%; height: 0; padding-top: 32%; position: absolute; bottom: 0; right: 0;}
#sp_lnk li .sp2 { width: 96%; height: 0; padding-top: 32%; position: absolute; top: 0; left: 0; background: #ccc;}
#sp_lnk #li_interview .sp { background-color: rgba(112, 0, 7, 1);}
#sp_lnk #li_present .sp { background-color: rgba(112, 0, 7, 1);}
#sp_lnk #li_gallery .sp { background-color: rgba(0, 49, 104, 1);}
#sp_lnk #li_interview .sp2 { background-color: rgba(172, 40, 47, 1);}
#sp_lnk #li_present .sp2 { background-color: rgba(172, 40, 47, 1);}
#sp_lnk #li_gallery .sp2 { background-color: rgba(2, 83, 174, 1);}
#sp_lnk li a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block;}
#sp_lnk #li_interview a:hover { background: rgba(112, 0, 7, .2);}
#sp_lnk #li_present a:hover { background: rgba(112, 0, 7, .2);}
#sp_lnk #li_gallery a:hover { background: rgba(0, 49, 104, .2);}
#sp_lnk #li_interview .title { width: 60%; max-width: 300px; position: absolute; top: 30%; left: 25%;}
#sp_lnk #li_interview .title_img { width: 100%; height: 0; padding-top: 13.846153846153846%; padding-top: -webkit-calc(36 / 260 * 100%); padding-top: calc(36 / 260 * 100%); display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#sp_lnk #li_present .title { width: 70%; max-width: 300px; position: absolute; top: 30%; left: 15%;}
#sp_lnk #li_present .title_img { width: 100%; height: 0; padding-top: 13.846153846153846%; padding-top: -webkit-calc(36 / 260 * 100%); padding-top: calc(36 / 260 * 100%); display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#sp_lnk #li_gallery .title { width: 90%; max-width: 380px; position: absolute; top: 30%; left: 5%;}
#sp_lnk #li_gallery .title_img { width: 100%; height: 0; padding-top: 17.433414043583535%; padding-top: -webkit-calc(72 / 413 * 100%); padding-top: calc(72 / 413 * 100%); display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.splkt { width: 100%; text-align: center; font-size: 70%; position: absolute; bottom: 10%; left: 0; color: rgba(255, 255, 255, .75); display: block;}
/*for_W640-*/
@media all and (min-width: 640px) {
#sp_lnk #li_interview .title { width: 40%; left: 30%;}
#sp_lnk #li_present .title { width: 50%; left: 25%;}
#sp_lnk #li_gallery .title { width: 70%; left: 15%;}
.splkt { font-size: 80%; bottom: 20%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#sp_lnk { margin: 1em auto 2.5em auto;}
}

#con_interview #li_interview, #con_present #li_present, #con_gallery #li_gallery { opacity: .5;}
#con_interview #li_interview a, #con_present #li_present a, #con_gallery #li_gallery a { cursor: default; pointer-events: none;}


/* 	share
============================== */
#share_sp { width: 60%; max-width: 200px; margin: 1.5em auto 1em auto; color: rgba(9, 67, 169, 1); font-size: 90%;}

/* 	official_sns
============================== */
#sns { width: 90%; margin: 2em auto;}
#sns dt { display: block; width: 50%; max-width: 220px; margin: 0 auto;}
#sns dt .title { width: 100%; height: 0; padding-top: 11.450381679389313%; padding-top: -webkit-calc(45 / 393 * 100%); padding-top: calc(45 / 393 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block;}
#icon_sp { width: 80%; max-width: 240px; height: 56px; margin: 1.5em auto 2em auto; position: relative;}
/*for_W1000-*/
@media all and (min-width: 1000px) {
#sns { max-width: 560px; margin: 0 0 0 360px; padding-top: 100px;}
#sns:before, #sns:after { content: ""; display: table;}
#sns:after { clear: both;}
#sns::after { content: ""; display: block; clear: both;}
#sns dt { width: 50%; padding-top: 15px; float: left;}
#sns dd { width: 50%; float: right;}
#icon_sp { width: 100%; max-width: 240px; height: 56px; margin: 0;}
}

/* 	button
============================== */
.btn_sp { width: 80%; max-width: 200px; margin: 2em auto;}
.btn { width: 100%; height: 50px;}
.btn a { width: 100%; height: 50px; border-radius: 10px 0 10px 0; -o-border-radius: 10px 0 10px 0; -ms-border-radius: 10px 0 10px 0; -webkit-border-radius: 10px 0 10px 0; -moz-border-radius: 10px 0 10px 0; background: rgba(138, 7, 5, 1); display: block; position: relative; z-index: 100;}
.btn a .btntxt { display: block; text-align: center; font-weight: bold; color: rgba(255, 255, 255, 1); text-shadow: 4px 4px 4px rgba(83, 2, 0, .8); -moz-text-shadow: 4px 4px 4px rgba(83, 2, 0, .8); -webkit-text-shadow: 4px 4px 4px rgba(83, 2, 0, .8); position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); letter-spacing: .1em; white-space: nowrap;}
.btn a .btntxt::before { content: '→ ';}
.btn a .btntxt_b { display: block; text-align: center; font-weight: bold; color: rgba(255, 255, 255, 1); text-shadow: 4px 4px 4px rgba(83, 2, 0, .8); -moz-text-shadow: 4px 4px 4px rgba(83, 2, 0, .8); -webkit-text-shadow: 4px 4px 4px rgba(83, 2, 0, .8); position: absolute; top: 50%; left: 50%; transform: translateY(-50%) translateX(-50%); -webkit- transform: translateY(-50%) translateX(-50%); letter-spacing: .1em; white-space: nowrap;}
.btn a .btntxt_b::before { content: '← ';}
.btn a:hover { opacity: .9;}
.btn a:hover .btntxt, .btn a:hover .btntxt_b { color: rgba(255, 247, 0, 1);}
/*for_W768-*/
@media all and (min-width: 768px) {
.btn_sp { max-width: 260px;}
.btn, .btn a { height: 60px;}
.btn a .btntxt { font-size: 110%;}
}

/* 	archives
============================== */
#a1t #l1t, #a2t #l2t, #a3t #l3t, #a4t #l4t, #a5t #l5t, #a6t #l6t, #a7t #l7t, #a8t #l8t, #a9t #l9t, #a10t #l10t { opacity: .5;}
#a1t #l1t a, #a2t #l2t a, #a3t #l3t a, #a4t #l4t a, #a5t #l5t a, #a6t #l6t a, #a7t #l7t a, #a8t #l8t a, #a9t #l9t a, #a10t #l10t a { cursor: default; pointer-events: none;}