/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.cover { width: 100%; height: 100%; background: url(/um/img/cover.png) repeat; display: block; position: absolute; top: 0; left: 0;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
/* RESETS NL4.0.0base */
html, body, main, div, p, span, applet, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, section, summary, time, mark, audio, ruby { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline;}
ol, ul { list-style: none; }
a img, form, fieldset { border: none;}
input, button, select { vertical-align: middle;}
textarea { vertical-align: top; overflow: auto;}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block;}
audio, canvas, progress { display: inline-block;}
progress { vertical-align: baseline;}
audio:not([controls]) { display: none; height: 0;}
[hidden], template, .nt { display: none;}
a { background-color: transparent;}
a:active, a:hover { outline-width: 0;}
a:link, a:hover { text-decoration: none;}
abbr { cursor: help; border-bottom: 1px dotted #bbb;}
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted;}
b, strong { font-weight: inherit;}
b, strong { font-weight: bolder;} /*Chrome, Edge, and Safari*/
dfn { font-style: italic;}
h1, h2, h3, h4, h5 { font-weight: lighter;}
mark { background: rgba(255, 255, 0, 1.0); color: rgba(0, 0, 0, 1.0);}
small { font-size: 80%;}
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup { top: -0.5em;}
sub { bottom: -0.25em;}
img { border-style: none; vertical-align : middle;}
svg:not(:root) { overflow: hidden;}
code, kbd, pre, samp { font-family: monospace, monospace; font-size: 1em;}
figure { margin: 1em 40px;}
hr { box-sizing: content-box; height: 0; overflow: visible;}
button, input, select, textarea { font: inherit;}
optgroup { font-weight: bold;}
button, input, select { overflow: visible;} /*Edge, IE*/
button, input, select, textarea { margin: 0;} /*Firefox and Safari*/
button, select { text-transform: none;} /*Edge, Firefox, and IE*/
button, [type="button"], [type="reset"], [type="submit"] { cursor: pointer;}
[disabled] { cursor: default;}
button, html [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button;} /*Android 4, iOS*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0;} /*Firefox*/
button:-moz-focusring, input:-moz-focusring { outline: 1px dotted ButtonText;}
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal;} /*Edge and IE ...etc*/
textarea { overflow: auto;} /*IE*/
[type="checkbox"], [type="radio"] { box-sizing: border-box; padding: 0;} /*IE10-*/
[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto;} /*Chrome*/
[type="search"] { -webkit-appearance: textfield;} /*Chrome and Safari*/
[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration { -webkit-appearance: none;} /*Chrome and Safari on OS X*/
pre { overflow: auto;}
table { border-collapse: collapse; border-spacing: 0;}
caption, th, td { text-align: left; font-weight: normal; vertical-align: middle;}
q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none;}
q:after, blockquote:after { clear: both;}
/*ORG*/
.hidden { position: absolute; left: -9999px; text-indent: -9999px; overflow: hidden;}
.ellip { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.nw { white-space: nowrap;}
.ofa { overflow: auto;}
/*display*/
.nt, .nsbr, .nssbr, .s_wsmp, .s_rsmp, .s_tablet, .s_pc, .s_wsmpi, .s_rsmpi, .s_tableti, .s_pci { display: none;}
.dblk, .sbr, .ssbr, .s_smp { display: block;}
.dbil, .s_smpi { display: inline;}
.inline { display: -webkit-inline; display: inline;}
.inlineb { display: -webkit-inline-block; display: inline-block;}
.inlinef { display: -webkit-inline-flex; display: inline-flex;}
.dispno { display: none;}
/*float*/
.fl { float: left;}
.fr { float: right;}
.center { margin: auto;}
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
/*align*/
.lt { text-align: left;}
.rt { text-align: right;}
.ct { text-align: center;}
/*list*/
ul, li, dl, dt, dd { margin: 0px; padding: 0px; list-style: none;}
/*text*/
.bt { font-weight: bold;}
.ut { font-weight: lighter;}
br,.ls0 { letter-spacing: 0;}
.ls1 { letter-spacing: 0.1em;}
.ls2 { letter-spacing: 0.2em;}
.ls5 { letter-spacing: 0.5em;}
/*_size*/
.f300 { font-size: 300%;}
.f240 { font-size: 240%;}
.f220 { font-size: 220%;}
.f200 { font-size: 200%;}
.f180 { font-size: 180%;}
.f160 { font-size: 160%;}
.f140 { font-size: 140%;}
.f130 { font-size: 130%;}
.f125 { font-size: 125%;}
.f120, .big { font-size: 120%;}
.f110 { font-size: 110%;}
.f105 { font-size: 105%;}
.f100 { font-size: 100%;}
.f90 { font-size: 90%;}
.f85 { line-height: normal; font-size: 85% !important;}
.f75 { line-height: normal; font-size: 75% !important;}
.f65 { line-height: normal; font-size: 65% !important;}
/*_height*/
.lh100 { line-height: 100%;}
.lh110 { line-height: 110%;}
.lh120 { line-height: 120%;}
.lh130 { line-height: 130%;}
.lh140 { line-height: 140%;}
.lh150 { line-height: 150%;}
.lh160 { line-height: 160%;}
.lh170 { line-height: 170%;}
.lh180 { line-height: 180%;}
.lh200 { line-height: 200%;}
.lh230 { line-height: 230%;}
/*space*/
.pd5 { padding: 5px;}
.pd10 { padding: 10px;}
.pdb10 { padding-bottom: 10px;}
.pdt0 { padding-top: 0;}
.pdt10 { padding-top: 10px;}
.pdt20 { padding-top: 20px;}
.pdtb10 { padding: 10px 0;}
.pdtb1030 { padding: 10px 0 30px 0;}
.pdsy10 { padding: 0 10px;}
.mg5 { margin: 5px;}
.mg10 { margin: 10px;}
.mgb5 { margin-bottom: 5px;}
.bsbb { box-sizing: border-box;}
/*border*/
.nobd { border: 0;}
/*etc*/
@media print { .noprint { display: none;} }
/*loader*/
.spinner { width: 50px; height: 50px; margin: 0 auto; animation: loading 2s linear infinite; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; display: none;}
.b1, .b2 { position: absolute; top: 0; width: 25px; height: 25px; border-radius: 100%; background-color: rgba(1, 116, 255, .75); animation: bounce 2s ease-in-out infinite;}
.b2 { top: auto; bottom: 0; animation-delay: -1.0s;}
@-moz-keyframes loading { 100% {-moz-transform: rotate(360deg);}}
@-webkit-keyframes loading { 100% {-webkit-transform: rotate(360deg);}}
@keyframes loading { 100% {transform: rotate(360deg);}}
@-moz-keyframes bounce { 0%, 100% {-moz-transform: scale(0.0);} 50% {-moz-transform: scale(1.0);}}
@-webkit-keyframes bounce { 0%, 100% {-webkit-transform: scale(0.0);} 50% {-webkit-transform: scale(1.0);}}
@keyframes bounce { 0%, 100% {transform: scale(0.0);} 50% {transform: scale(1.0);}}

/*COMMON*/
body { background-color: rgba(0, 0, 0, 1.0);}
div#con-body { text-align: center; z-index: 0; font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; width: 100%; margin: 0 auto; font-size: 80%; position: relative; background: rgba(0, 0, 0, 1.0) url(../img/bg.jpg) center top repeat; color: rgba(255, 255, 255, 1.0);}
#container { width: 100%;}
#wrap { box-sizing: border-box; width: 100%; margin: 0 auto; line-height: 160%; padding-bottom: 25px; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAxNzRmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMTc0ZmYiIHN0b3Atb3BhY2l0eT0iMC41Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(1,116,255,0) 80%, rgba(1,116,255,0.5) 100%); background: -webkit-linear-gradient(top, rgba(1,116,255,0) 80%,rgba(1,116,255,0.5) 100%); background: linear-gradient(to bottom, rgba(1,116,255,0) 80%,rgba(1,116,255,0.5) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000174ff', endColorstr='#800174ff',GradientType=0 );}
.contents { width: 94%; margin: 0 auto;}
ruby { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
/*color*/
a:link { color: rgba(0, 197, 174, .9);}
a:visited { color: rgba(0, 197, 174, .9);}
a:active { color: rgba(208, 77, 7, 1.0);}
a:hover { color: rgba(50, 247, 224, 1.0);}
/*footer*/
#footer { width: 100%; background: rgba(0, 0, 0, 1.0); position: relative; padding-top: 15px;}
#footer:before { content: ''; width: 100%; height: 20px; background: url(../img/btm.png) repeat-x top center; position: absolute; top: -20px; left: 0;}
.cr, .cr0 { width: 98%; margin: 0 auto 10px auto; font-size: 90%; color: rgba(0, 197, 174, 1.0);}
/*_tbsfree*/
#tbsfreesp { width: 94%; max-width: 480px; margin: 0 auto 10px auto;}
#tbsfree { width: 100%; height: 0; padding-top: 25%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/tbsfree.png?0); position: relative;}
#tbsfree a { width: 100%; height: 0; padding-top: 25%; display: block; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0);}
#tbsfree a:hover { background: rgba(0, 0, 0, .2);}
/*_tbsdata*/
#tbsdatasp { width: 94%; max-width: 480px; margin: 0 auto 10px auto;}
#tbsdata { width: 100%; height: 0; padding-top: 52.083333333333333%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/tbsdata.jpg); position: relative;}
#tbsdata a { width: 100%; height: 0; padding-top: 52.083333333333333%; display: block; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0);}
#tbsdata a:hover { background: rgba(0, 0, 0, .2);}
/*_snsbtn*/
.twtfb { width: 300px; height: 26px; overflow: hidden; margin: 0 auto 10px auto; padding-top: 10px; position: relative;}
.twtfb:before, .twtfb:after { content: ""; display: table;}
.twtfb:after { clear: both;}
.twtbtn { width: 49%; height: 26px; float: left; text-align: right; margin-right: 2%;}
.fbbtn { width: 48.8%; height: 26px; float: left; text-align: left; overflow: hidden;}
.ifss { height: 21px; overflow: hidden; border: 0; background-color: transparent;}
/*_pagetop*/
@-webkit-keyframes spin { 0% {-webkit-transform: rotate(0deg);} 100% {-webkit-transform: rotate(360deg);}}
@-moz-keyframes spin { 0% {-moz-transform: rotate(0deg);} 100% {-moz-transform: rotate(360deg);}}
@-ms-keyframes spin { 0% {-ms-transform: rotate(0deg);} 100% {-ms-transform: rotate(360deg);}}
@-o-keyframes spin { 0% {-o-transform: rotate(0deg);} 100% {-o-transform: rotate(360deg);}}
@keyframes spin { 0% {transform: rotate(0deg);} 100% {transform: rotate(360deg);}}
#pgtpsp { width: 100px; height: 145px; margin: 10px auto; position: relative;}
#pgtptxt { width: 100px; height: 25px; display: block; position: absolute; top: 10px; left: 0; background: url(../img/pgtp_txt.png) no-repeat;}
#pgtp { width: 100px; height: 100px; display: block; position: absolute; bottom: 10px; left: 0; background: url(../img/pgtp.png) no-repeat;}
#pgtpsp a:hover #pgtp { -webkit-animation: spin 1.5s linear infinite; -moz-animation: spin 1.5s linear infinite; -ms-animation: spin 1.5s linear infinite; -o-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite;}

/*header*/
#header { width: 100%; max-width: 1000px; margin: 0 auto;}
#headsp { width: 100%; height: 0; padding-top: 140.5%; position: relative;}
#head { width: 100%; height: 0; padding-top: 140.5%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 1px 1px; display: none;}
#head span { display: none;}
/*catch*/
#catchbg { width: 100%; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzc4N2MxNyIgc3RvcC1vcGFjaXR5PSIwLjMiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzc4N2MxNyIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=); background: -moz-linear-gradient(top, rgba(120,124,23,0.5) 0%, rgba(120,124,23,0) 60%); background: -webkit-linear-gradient(top, rgba(120,124,23,0.5) 0%,rgba(120,124,23,0) 60%); background: linear-gradient(to bottom, rgba(120,124,23,0.5) 0%,rgba(120,124,23,0) 60%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d787c17', endColorstr='#00787c17',GradientType=0 ); padding-top: 10px;}
#catchall { width: 100%; max-width: 900px; margin: 0 auto 10px auto;}
#catchsp { width: 100%; height: 0; padding-top: 132.8125%; position: relative;}
#catch { width: 100%; height: 0; padding-top: 132.8125%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;}
#catch p { display: none;}
/*contents*/
.contents { width: 100%; max-width: 1000px; margin: 0 auto;}
.contents dt { box-sizing: border-box; width: 100%; height: 45px; overflow: hidden; background: url(../img/title_bg.png) no-repeat top left; text-align: left; position: relative;}
.contents dt .title_tt { width: 180px; display: block; font-size: 110%; font-weight: 800; text-align: center; letter-spacing: 0.1em; position: absolute; bottom: 9px; left: 0;}
.contents dd { padding: 10px; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.contents dd table { border: 0; margin: 0 auto;}
.conset { box-sizing: border-box; width: 94%; max-width: 615px; background: rgba(0, 0, 0, 0.45); border: 1px solid rgba(255, 255, 255, 0.45); margin: 0 auto 10px auto;}
.ttset { display: table; box-sizing: border-box; width: 100%; letter-spacing: 0.1em; padding: 5px 0; line-height: 130%;}
.ttset:before, .ttset:after { content: ""; display: table;}
.ttset:after { clear: both;}
.ttl { display: table-cell; box-sizing: border-box; width: 57%; text-align: right; font-size: 82%; color: rgba(205, 225, 204, 1.0); float: left; white-space: nowrap; vertical-align: bottom;}
.ttr { display: table-cell; box-sizing: border-box; width: 43%; text-align: left; float: left; padding-left: 5px; white-space: nowrap; vertical-align: bottom;}
#castsp .ttl { font-size: 95%;}
#songset { width: 100%; margin: 0 auto 10px auto;}
#songsp .song_title { letter-spacing: 0; font-size: 101%;}
.t_ttl { box-sizing: border-box; width: 40%; white-space: nowrap; text-align: right; font-size: 85%; letter-spacing: 0; color: rgba(205, 225, 204, 1.0); vertical-align: top; padding: 5px 0;}
.t_ttr { box-sizing: border-box; width: 60%; white-space: nowrap; text-align: left; font-size: 100%; letter-spacing: 0.2em; vertical-align: top; padding: 5px 0; padding-left: 5px;}
/*official*/
#officialsp { width: 94%; max-width: 480px; margin: 10px auto 0 auto;}
#official { width: 100%; height: 0; padding-top: 52.083333333333333%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/official.png); position: relative;}
#official a { width: 100%; height: 0; padding-top: 52.083333333333333%; display: block; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0);}
#official a:hover { background: rgba(0, 0, 0, .2);}
/*twitter*/
#twittersp { width: 94%; max-width: 615px; margin: 10px auto 0 auto; background: rgba(0, 0, 0, 0.45);}
#twittersp dt { width: 100%; height: 35px; display: block; background: url(../img/twitter_ico.png) no-repeat right center; position: relative;}
#twittersp .tt_lnkall { width: 85%; max-width: 300px; display: block; position: absolute; top: 3px; left: 5px;}
#twittersp .tt_lnk { width: 100%; height: 0; padding-top: 8.333333333333333%; position: absolute; top: 5px; left: 5px;}
#twittersp dt a { width: 100%; height: 0; padding-top: 8.333333333333333%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/twitter.png);}
#twittersp .tt_lnk a:hover { filter: alpha(opacity=75); -khtml-opacity: .75; -webkit-opacity: .75; -moz-opacity: .75; opacity: .75;}
#twittersp dd { padding: 2px;}
#twittersp .twitter_timelinesp { width: 96%; height: 365px; margin: 0 auto;}
#twittersp .tw_info { box-sizing: border-box; width: 100%; padding: 5px; font-size: 90%; letter-spacing: 0.1em; text-align: center; color: rgba(171, 165, 23, 1.0);}
#twittersp iframe, .twitter-widget-wrapper iframe { width: 640px !important;}

/*for_W480-*/
@media all and (min-width: 480px) {
#songsp .song_title { letter-spacing: 0; font-size: 110%;}
}

/*for_W640-*/
@media all and (min-width: 640px) {
/*catch*/
#catchall { width: 90%; margin: 20px auto;}
#catchsp { padding-top: 60%;}
#catch { padding-top: 60%;}
.ttl { letter-spacing: 0.3em; font-size: 90%; width: 52%;}
.ttr { letter-spacing: 0.5em; font-size: 110%; width: 48%;}
#castsp .ttl { font-size: 95%;}
.t_ttl { width: 52%;}
.t_ttr { width: 48%;}
}

/*for_W1000-*/
@media all and (min-width: 1000px) {
/*footer*/
#footer { width: 100%;}
.ftset { width: 100%; max-width: 970px; height: 270px; margin: 0 auto; position: relative;}
/*.ftset { width: 100%; max-width: 970px; height: 150px; margin: 0 auto; position: relative;} non-tbs_data*/
#pgtpsp { width: 100px; margin: 0; position: absolute; bottom: 10px; right: 0;}
#pgtptxt { width: 100px; height: 25px; display: block; position: absolute; top: 10px; left: 0; background: url(/um/img/cover.png) no-repeat;}
#pgtp { width: 100px; height: 100px; display: block; position: absolute; bottom: 10px; left: 0; background: url(../img/pgtp.png) no-repeat;}
#pgtpsp a:hover #pgtptxt { background: url(../img/pgtp_txt.png) no-repeat;}
.cr { width: 360px; margin: 0; text-align: left; position: absolute; top: 40px; left: 550px;}
.cr0 { width: 330px; margin: 0; text-align: left; position: absolute; top: 140px; left: 500px;}
/*.cr { width: 90%; margin: 0; text-align: center; position: absolute; top: 90px; left: 0;} non-tbs_data*/
/*_tbsdata*/
#tbsdatasp { width: 50%; max-width: 480px; margin: 0; position: absolute; top: 0; left: 0;}
/*_tbsfree*/
#tbsfreesp { width: 50%; max-width: 480px; margin: 0; position: absolute; top: 0; right: 0;}
/*_snsbtn*/
.twtfb { margin: 0; padding-top: 0; position: absolute; top: 200px; left: 480px;}
.twtfb { margin: 0; padding-top: 0; position: absolute; top: 150px; left: 480px;}
/*.twtfb { width: 90%; margin: 0; padding-top: 0; position: absolute; top: 30px; left: 0;} non-tbs_data*/

/*contents*/
.contents0 { width: 100%; display:-webkit-box; display:-moz-box; display:-ms-box; display:-webkit-flexbox; display:-moz-flexbox; display:-ms-flexbox; display:-webkit-flex; display:-moz-flex; display:-ms-flex; display:flex; -webkit-box-lines:multiple; -moz-box-lines:multiple; -webkit-flex-wrap:wrap; -moz-flex-wrap:wrap; -ms-flex-wrap:wrap; flex-wrap:wrap;}
.contents:before, .contents:after { content: ""; display: table;}
.contents:after { clear: both;}
.conset { margin: 0;}
.contents dd:before, .contents dd:after { content: ""; display: table;}
.contents dd:after { clear: both;}
.ttset { width: 50%; padding: 10px 0; float: left;}
#staffsp { width: 520px; margin: 0 10px 10px 15px; float: left;}
#castsp { width: 440px; margin: 0 0 10px 0; float: left;}
#songset { width: 480px; margin: 5px 10px 5px 15px; float: left;}
#songsp { width: 100%; margin: 0;}
#officialsp { width: 480px; margin: 192px 0 0 15px;}
#twittersp { width: 480px; margin: 5px 0 0 0; float: left;}
.ttl { letter-spacing: 0; font-size: 82%; width: 52%;}
.ttr { letter-spacing: 0.2em; font-size: 100%; width: 48%;}
#castsp .ttl { font-size: 100%; width: 50%;}
#castsp .ttr { letter-spacing: 0.1em; font-size: 100%; width: 50%;}
#castsp .sa .ttl { font-size: 100%; width: 56%;}
#castsp .sa .ttr { letter-spacing: 0.1em; font-size: 100%; width: 44%;}
.t_ttl { width: 38%;}
.t_ttr { width: 62%;}
#songsp .song_title { letter-spacing: 0.2em; font-size: 120%;}
}

/*for_W1020-*/
@media all and (min-width: 1020px) {
#container { width: 100%; background: url(../img/bg_top.jpg) center top repeat-x;}
}