/* 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;} @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;} 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*/ .inline { display: -webkit-inline; display: inline;} .inlineb { display: -webkit-inline-block; display: inline-block;} .inlinef { display: -webkit-inline-flex; display: inline-flex;} .valignm { vertical-align: middle;} .hidden { position: absolute; left: -9999px; text-indent: -9999px; overflow: hidden;} .dispno { display: none;} .lt { text-align: left;} .rt { text-align: right;} .ct { text-align: center;} .ellip { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .fl { float: left;} .fr { float: right;} .center { margin: auto;} .clearfix:before, .clearfix:after { content: ""; display: table;} .clearfix:after { clear: both;} .clear { clear: both;} ul, li, dl, dt, dd { margin: 0px; padding: 0px; list-style: none;} .nobd { border: 0;} .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;} .nt, .nsbr, .nssbr, .nsbri, .nmbr { display: none;} .dblk, .sbr, .ssbr, .mbr, .ndbil { display: block;} .dbil { display: inline;} .valt { vertical-align: top;} .vals { vertical-align: super;} .ofat { overflow: auto;} .fcl { clear:both;} .wwbw { word-wrap: break-word;} .wt { color: rgba(255, 255, 255, 1.0);} .gt { color: rgba(88, 88, 88, 1.0);} .lgt { color: rgba(150, 150, 150, 1.0);} .blk { color: rgba(0, 0, 0, 1.0);} .red { color: rgba(208, 77, 7, 1.0);} .nw { white-space: nowrap;} .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 { font-size: 120%;} .f110 { font-size: 110%;} .f105 { font-size: 105%;} .f100 { font-size: 100%;} .f90 { font-size: 90%;} .sf85 { font-size: 85%;} .f85 { line-height: normal; font-size: 85% !important;} .f75 { line-height: normal; font-size: 75% !important;} .f65 { line-height: normal; font-size: 65% !important;} .lh100 { line-height: 100%;} .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%;} .pd10 { padding: 10px;} .pdt5 { padding-top: 5px;} .pdb7 { padding-bottom: 7px;} .pdt7 { padding-top: 7px;} .mgb10 { margin-bottom: 10px;} .bsbb { box-sizing: border-box;} @media print { .noprint { display: none;} } .cover { width: 100%; height: 100%; background: url(../img/cover.gif) repeat; display: block;} .bnsp { width: 300px; height: 250px; margin: 15px auto;} /* Touch Swipe */ .sp-grab { cursor: url(/3papa_tbs/img/openhand.cur), move;} .sp-grabbing { cursor: url(/3papa_tbs/img/closedhand.cur), move;} .sp-selectable { cursor: default;} /*color*/ a:link { color: rgba(0, 0, 0, 1.0);} a:visited { color: rgba(0, 0, 0, 1.0);} a:active { color: rgba(208, 77, 7, 1.0);} a:hover { color: rgba(255, 72, 0, 1.0);} .nolnk { background: rgba(0, 0, 0, 0.7);} .aka { color: rgba(230, 0, 18, 1.0);} .pnk { color: rgba(166, 0, 13, 0.65);} .col { color: rgba(0, 159, 215, 0.65);} /*neuma_colors*/ .gray { color: #7b7b7b;} .black { color: #171717;} .purple { color: #b233b2;} .ultramarine { color: #004e7b;} .blue { color: #1766e0;} .lightblue { color: #39f;} .deepgreen { color: #060;} .green { color: #179917;} .yellowgreen { color: #4eb200;} .yellow { color: #ffe000;} .orange { color: #ff7b00;} .pink { color: #ff7bb2;} .vermilion { color: #ff4e4e;} .red { color: #c00;} .carmine { color: #e09966;} .magenta { color: #ea33b2;} .brown { color: #7b4e00;} .reddishbrown { color: #661700;} .yellowocher { color: #b27b17;} .gold { color: #c93;} .silver { color: #b2b2b2;} .toyo { color: #ff4e7b;} /*loader*/ @-ms-keyframes loading { 0% { -ms-transform: rotate(0deg);} 100% { -ms-transform: rotate(360deg);}} @-moz-keyframes loading { 0% { -moz-transform: rotate(0deg);} 100% { -moz-transform: rotate(360deg);}} @-webkit-keyframes loading { 0% { -webkit-transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg);}} @keyframes loading { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);}} .loading { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 12px; height: 12px; -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background: rgba(255, 255, 255, 0.5); box-shadow: 0 -10px 0 -3px rgba(255, 255, 255, 0.8), 0 0 0 10px rgba(255, 241, 0, 0.3); animation: loading 1s infinite linear; display: none;} /*colorbox*/ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:11111;} #cboxWrapper {max-width:none;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:50%; left:50%; width:50%; height:50%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{ cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0; background: rgba(0, 0, 0, 0); background-color: transparent;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} #cboxOverlay{background: rgba(255, 255, 255, 0.99);} #colorbox{outline:0;} #cboxContent{margin-top:20px;background: rgba(0, 0, 0, 0);} #cboxError{padding:50px; border:1px solid rgba(204, 204, 204, 1.0);} #cboxLoadedContent{border:2px solid rgba(0, 0, 0, 0); background: rgba(0, 0, 0, 0);} #cboxTitle{position:absolute; top:-20px; left:0; color: rgba(223, 87, 123, 0.9); letter-spacing: 0.2em;} #cboxCurrent{position:absolute; top:-20px; right:0px; color: rgba(204, 204, 204, 1.0);} @-ms-keyframes cboxLoadingGraphic { 0% { -ms-transform: rotate(0deg);} 100% { -ms-transform: rotate(360deg);}} @-moz-keyframes cboxLoadingGraphic { 0% { -moz-transform: rotate(0deg);} 100% { -moz-transform: rotate(360deg);}} @-webkit-keyframes cboxLoadingGraphic { 0% { -webkit-transform: rotate(0deg);} 100% { -webkit-transform: rotate(360deg);}} @keyframes cboxLoadingGraphic { 0% { transform: rotate(0deg);} 100% { transform: rotate(360deg);}} /* :not(:required) hides this rule from IE9 and below */ #cboxLoadingGraphic:not(:required) { -moz-animation: spinner-loader 1500ms infinite linear; -webkit-animation: spinner-loader 1500ms infinite linear; animation: spinner-loader 1500ms infinite linear; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; border-radius: 0.5em; -moz-box-shadow: rgba(0, 0, 0, 0.3) 1.5em 0 0 0, rgba(0, 0, 0, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.3) 0 1.5em 0 0, rgba(0, 0, 0, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.3) -1.5em 0 0 0, rgba(0, 0, 0, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.3) 0 -1.5em 0 0, rgba(0, 0, 0, 0.3) 1.1em -1.1em 0 0; -webkit-box-shadow: rgba(0, 0, 0, 0.3) 1.5em 0 0 0, rgba(0, 0, 0, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.3) 0 1.5em 0 0, rgba(0, 0, 0, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.3) -1.5em 0 0 0, rgba(0, 0, 0, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.3) 0 -1.5em 0 0, rgba(0, 0, 0, 0.3) 1.1em -1.1em 0 0; box-shadow: rgba(0, 0, 0, 0.3) 1.5em 0 0 0, rgba(0, 0, 0, 0.3) 1.1em 1.1em 0 0, rgba(0, 0, 0, 0.3) 0 1.5em 0 0, rgba(0, 0, 0, 0.3) -1.1em 1.1em 0 0, rgba(0, 0, 0, 0.3) -1.5em 0 0 0, rgba(0, 0, 0, 0.3) -1.1em -1.1em 0 0, rgba(0, 0, 0, 0.3) 0 -1.5em 0 0, rgba(0, 0, 0, 0.3) 1.1em -1.1em 0 0; display: inline-block; font-size: 10px; width: 1em; height: 1em; margin: 1.5em; overflow: hidden; text-indent: 100%;} #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none;} #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; top:-20px; right:90px; color: rgba(0, 0, 0, 1.0)} #cboxClose{position:absolute; top: -10px; right: 0; display:block; background:url(/ALIFE/img/close.png) no-repeat top center; width:31px; height:31px; text-indent:-9999px;} #cboxClose:hover{background-position:bottom center;} /*COMMON*/ body, div#con-body, #container { background: rgba(181, 182, 182, 1.0); color: rgba(0, 0, 0, 1.0); -webkit-text-size-adjust: none; vertical-align: baseline; margin: 0; padding: 0; text-align: center; z-index: 0; font-family: "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif; box-sizing: border-box; width: 100%; margin: 0 auto; font-size: 90%; position: relative;} .con #container0 { width: 100%; max-width: 1000px; margin: 0 auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/con_bg.png);} #wrap { box-sizing: border-box; width: 100%; max-width: 1000px; margin: 0 auto; font-size: 110%; line-height: 180%; position: relative;} #wrap:before, #wrap:after { content: ""; display: table;} #wrap:after { clear: both;} a:link, a:hover { text-decoration: none;} .mbr, .lbr, .lbri { display: none;} .sbr, .sssbr { display: block;} .udl { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted rgba(100, 100, 100, 0.8);} /*footer*/ #footer { width: 100%; margin: 0; padding-bottom: 68px; background: url(../img/btm_bg.png) bottom repeat-x; position: relative;} /*plus_kanren*/ #kanrenset0 { width: 300px; margin: 5px auto 0px auto;} #kanrenset0 li a { width: 100%; height: 100%; display: block;} #kanrenset0 li a:hover { background: rgba(245, 241, 55, 0.3);} #kanrenset0 #kanren_book { box-sizing: border-box; border: 1px solid rgba(255, 255, 255, 1.0); width: 300px; height: 90px; background: url(../img/kanren_book1.jpg) no-repeat; z-index:5000; margin-bottom: 5px;} /*kanren*/ /*#kanrenset { width: 300px; height: 50px; margin: 5px auto 15px auto; position: relative; display: none;} #kanrenset #kanren_ishop { width: 145px; height: 50px; position: absolute; top: 0; left: 0; background: url(../img/kanren_ishop0.png) no-repeat; z-index:5000;} #kanrenset #kanren_odm { width: 145px; height: 50px; position: absolute; top: 0; right: 0; background: url(../img/kanren_odm.png) no-repeat; z-index:5000;}*/ #kanrenset { width: 300px; height: 170px; margin: 5px auto 15px auto; position: relative; display: none;} #kanrenset #kanren_ishop { width: 300px; height: 90px; position: absolute; top: 0; left: 0; background: url(../img/kanren_ishop1.jpg) no-repeat; z-index:5000;} #kanrenset #kanren_odm { width: 300px; height: 75px; position: absolute; bottom: 0; right: 0; background: url(../img/kanren_odm1.png) no-repeat; z-index:5000; opacity: 0.2; -webkit-opacity: 0.2; -moz-opacity: 0.2;} #kanrenset li a { width: 100%; height: 100%; display: block;} #kanrenset li a:hover { background: rgba(245, 241, 55, 0.3);} #pgtp { width: 120px; height: 43px; margin: 0 0 0 -60px; position: absolute; bottom: 10px; left: 50%;} #pgtp a { width: 100%; height: 100%; display: block; background: url(../img/pgtp.png) no-repeat;} #pgtp a:hover { opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8;} #cr { width: 98%; text-align: center; font-size: 98%; line-height: 140%; padding-bottom: 15px;} .rt0 { text-align: right; padding-right: 20px;} /*sns*/ #snsset { box-sizing: border-box; width: 100%; margin: 22px 0 25px 0; padding: 10px 0; background: rgba(255, 255, 255, 1.0); position: relative;} #snsset:before { width: 100%; height: 12px; background: url(../img/ue.png) left repeat-x; content: ""; position: absolute; top: -12px; left: 0;} #snsset:after { width: 100%; height: 12px; background: url(../img/shita.png) left repeat-x; content: ""; position: absolute; bottom: -12px; left: 0;} #snsset h2 { width: 160px; padding: 16px 0 8px 0; font-size: 80%; letter-spacing: 0.1em; margin: 0 auto;} #ind #snsset h2 { display: none;} /*_Instagram*/ #instagramsp { width: 306px; margin: 0 auto 10px auto; background: rgba(214, 214, 214, 1.0); display: none;} #instagramsp dt { width: 100%; height: 50px; background: url(../img/sns_instagram.png) no-repeat;} #instagramsp dt a { width: 100%; height: 40px; display: block;} #instagramsp dt a:hover { background: rgba(255, 255, 255, 0.2);} #instagramsp .istphotosp { box-sizing: border-box; width: 100%; margin: -10px auto 3px auto;} #instagramsp .instagram_lnk { font-size: 98%; font-weight: bold; padding: 0 5px 5px 0; text-align: right;} #instagramsp .instagram_lnk a { width: 100%; height: 100%; display: block;} #instagramsp div.insta { height:100px; -webkit-box-sizing: border-box; -moz-box-sizing:border-box; box-sizing:border-box; overflow:hidden;} #instagramsp div.insta ul { margin:0px 0 0 10px;} #instagramsp div.insta ul li { float:left; margin:8px 8px 0 0;} #instagramsp div.insta ul li a, div.insta ul li a img { display:block; background-position:center center; background-repeat:no-repeat; width:88px; height:88px;} #instagramsp div.insta ul li a { background-size:cover;} #instagramsp div.insta ul li a:hover img { background-color: rgba(245, 241, 55, 0.3);} #instagramsp div.insta ul li a img { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; border:1px solid rgba(255, 255, 255, 1.0);} #instagramsp div.insta ul li a img.icon-video { background-image:url(/um/img/play.png);} /*_Twitter*/ #twittersp { width: 306px; margin: 0 auto 10px auto; background: rgba(214, 214, 214, 1.0); display: none;} #twittersp dt { width: 100%; height: 50px; background: url(../img/sns_twitter.png) no-repeat;} #twittersp dt a { width: 100%; height: 40px; display: block;} #twittersp dt a:hover { background: rgba(255, 255, 255, 0.2);} #twittersp .twttmln { box-sizing: border-box; width: 100%; margin: -10px auto 6px auto; padding: 0 10px 10px 10px;} #ind #twittersp .twttmln .tweetsp { box-sizing: border-box; width: 100%; height: 233px; background: rgba(255, 255, 255, 1.0); border: 2px solid rgba(234, 234, 234, 1.0); position: relative;} .con #instagramsp dt a, .con #twittersp dt a { width: 100%; height: 100%; display: block;} /*sns_btn*/ .twtfb { width: 300px; height: 26px; overflow: hidden; margin: 10px auto 0 auto; position: relative;} .twtfb:before, .twtfb:after { content: ""; display: table;} .twtfb:after { clear: both;} .twtbtn { width: 45%; height: 26px; float: left; text-align: right; margin-right: 2%;} .fbbtn { width: 53%; height: 26px; float: left; text-align: left; overflow: hidden;} .ifss { height: 21px; overflow: hidden; border: 0; background-color: transparent;} /*oubo*/ #oubosp { width: 100%; height: 60px; margin: 15px auto 5px auto;} #oubosp #oubo { width: 240px; height: 60px; margin: 0 auto; background: rgba(144, 44, 53, 1.0); position: relative; box-shadow: rgba(100, 100, 100, 0.1) 0px 0px 5px 2px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 0px 0px 5px 2px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 0px 0px 5px 2px;} #oubosp #oubo a { width: 100%; height: 100%; display: block; color: #fff; background: rgb(0,183,234); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYjdlYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDllYzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(0,183,234,1) 0%, rgba(0,158,195,1) 100%); background: -webkit-linear-gradient(top, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); background: linear-gradient(to bottom, rgba(0,183,234,1) 0%,rgba(0,158,195,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b7ea', endColorstr='#009ec3',GradientType=0 ); box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px;} #oubosp #oubo a:hover { background: rgb(109,0,25); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzZkMDAxOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhOTAzMjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(109,0,25,1) 0%, rgba(169,3,41,1) 100%); background: -webkit-linear-gradient(top, rgba(109,0,25,1) 0%,rgba(169,3,41,1) 100%); background: linear-gradient(to bottom, rgba(109,0,25,1) 0%,rgba(169,3,41,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6d0019', endColorstr='#a90329',GradientType=0 ); cursor: pointer; color: rgba(250, 245, 51, 1.0);} #oubosp #oubo .btntxt { font-size: 160%; width: 100%; position: absolute; top: 20px; left: 0; text-align: center;} /*header*/ #header { width: 100%; max-width: 1000px; margin: 0 auto; padding-top: 5px;} #photosp { width: 100%; height: 0; padding-top: 18.75%; position: relative;} #photop { width: 100%; height: 0; padding-top: 18.75%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/title_s-b0.png);} #photosp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;} /*nav*/ #vmenu ul:before, #vmenu ul:after { content: ""; display: table;} #vmenu ul:after { clear: both;} #vmenu ul { width: 96%; margin: 0 auto; 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;} #vmenu li { height: 32px; box-sizing: border-box; text-align: center; margin: 5px 1% 0 1%; background: rgba(255, 255, 255, 1.0); float: left; -webkit-border-radius: 5px; border-radius: 5px; position: relative; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.2) 0px 0 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 0 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 0 1px 1px; font-size: 85%; font-weight: bold;} #vmenu li .mntxt { width: 100%; text-align: center; line-height: 120%; margin: 0 auto; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%);} #vmenu #mn_news, #vmenu #mn_intro, #vmenu #mn_cast, #vmenu #mn_onair, #vmenu #mn_bbs, #vmenu #mn_dj { width: 18%;} #vmenu #mn_bbs, #vmenu #mn_dj { margin-right: 0;} #vmenu #mn_story, #vmenu #mn_chart { width: 48%; letter-spacing: 0.1em;} #vmenu #mn_story, #vmenu #mn_chart { width: 38%; letter-spacing: 0.1em;} #vmenu li a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; -webkit-border-radius: 5px; border-radius: 5px; background: rgba(245, 241, 55, 0);} #vmenu li a:hover { -webkit-border-radius: 5px; border-radius: 5px; background: rgba(245, 241, 55, 0.2);} /*nkm*/ #nkm:before, #nkm:after { content: ""; display: table;} #nkm:after { clear: both;} #nkm { width: 100%; margin: 0 auto;} .con #nkm { box-sizing: border-box; width: 100%; padding: 5px 0; margin: 22px auto 17px auto; position: relative; background: rgba(250, 245, 51, 1.0);} .con #nkm:before { width: 100%; height: 12px; background: url(../img/ue_y.png) left repeat-x; content: ""; position: absolute; top: -12px; left: 0;} .con #nkm:after { width: 100%; height: 12px; background: url(../img/shita_y.png) left repeat-x; content: ""; position: absolute; bottom: -12px; left: 0;} .con #nkm .whitesp { box-sizing: border-box; width: 98%; max-width: 900px; padding: 5px 5px 15px 5px; margin: 25px auto 5px auto; background: rgba(255, 255, 255, 1.0); box-shadow: rgba(0, 0, 0, 0.05) 0px 0 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.05) 0px 0 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.05) 0px 0 1px 1px; letter-spacing: 0.1em;} .con #nkm .whitesp p, .con #nkm .whitesp .pd105, .con #nkm .whitesp .repocon { padding: 10px 5px; line-height: 160%;} .con #nkm .whitesp .pd105 { text-align: left;} .con #nkm .whitesp .pd105 .ct { text-align: left;} .con #nkm .whitesp a { color: rgba(255, 72, 0, 0.7);} .con #nkm .whitesp a:hover { color: rgba(0, 159, 215, 1.0);} .con #nkm .nkm_title { width: 300px; height: 50px; background: url(../img/con_t-bg.png) no-repeat; margin: -30px auto 10px auto; position: relative;} .con #nkm .nkm_title span { width: 100%; display: block; text-align: center; margin: 0 auto; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: rgba(255, 255, 255, 1.0); font-weight: bold; font-size: 130%; letter-spacing: 0.2em; text-shadow: 1px 1px 2px rgba(0, 132, 158, 0.4); -moz-text-shadow: 1px 1px 2px rgba(0, 132, 158, 0.4); -webkit-text-shadow: 1px 1px 2px rgba(0, 132, 158, 0.4);} .con #nkm .capt { font-size: 85%; line-height: 120%; padding-bottom: 10px;} .con #nkm .kkm { width: 100%; margin: 20px auto 5px auto; background-color: rgba(228, 245, 259, 0.9); background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.2, rgba(155, 208, 227, 0.2)), color-stop(.2, transparent), to(transparent)); background-image: -moz-linear-gradient(linear, 0 0, 100% 0, color-stop(.2, rgba(155, 208, 227, 0.2)), color-stop(.2, transparent), to(transparent)); background-image: linear-gradient(linear, 0 0, 100% 0, color-stop(.2, rgba(155, 208, 227, 0.2)), color-stop(.2, transparent), to(transparent)); -webkit-background-size: 5px; -moz-background-size: 5px; background-size: 5px;} .con #nkm .kkm .comm { width: 96%; margin: 5px auto 10px auto;} .con #nkm .kkm .commt { color: rgba(0, 132, 179, 1.0); font-weight: bold; font-size: 120%; width: 98%; margin: -5px auto 0 auto; padding: 3px; text-align: center; background: rgba(255, 255, 255, 0.8); -webkit-border-radius: 15px; border-radius: 15px; text-shadow: 1px 1px 2px rgba(0, 132, 158, 0.2); -moz-text-shadow: 1px 1px 2px rgba(0, 132, 158, 0.2); -webkit-text-shadow: 1px 1px 2px rgba(0, 132, 158, 0.2);} .con #nkm .kkm .commt:not( :first-child ) { margin-top: 15px;} .con #nkm .kkm .commd { padding-top: 10px;} .con #nkm .kkm .qtxt { color: rgba(38, 170, 218, 1.0); font-weight: bold; text-align: left;} .con #nkm .kkm .commset { box-sizing: border-box; padding: 15px; width: 100%; margin: 0 0 5px 0; background: rgba(255, 255, 255, 1.0); border: 1px solid rgba(38, 170, 218, 0.5); text-align: left; font-size: 96%; line-height: 140%;} .con #nkm .kkm .commset table { width: 90%; margin: 0 auto; border: 0;} .con #nkm .kkm .commset th { font-weight: lighter; padding: 10px; text-align: right;} .con #nkm .kkm .commset td { padding: 10px; text-align: left; font-size: 120%; letter-spacing: 0.2em;} .con #nkm .kkm #staff th, .con #nkm .kkm #staff td { vertical-align: top;} .con #nkm .kkm #staff th { white-space: nowrap; font-size: 85%; padding: 10px 0;} .con #nkm .kkm #staff td { padding: 10px 0 10px 2px;} /*corner*/ .triangle-top, .triangle-bottom { width: 100%; position: relative;} .triangle-top:before { content: ""; display: block; width: 0; height: 0; border-top: 16px solid rgba(0, 132, 179, 1.0); border-right: 16px solid transparent;} .triangle-top:after { content: ""; display: block; width: 0; height: 0; border-top: 16px solid rgba(0, 132, 179, 1.0); border-left: 16px solid transparent; float: right; margin-top: -16px;} .triangle-bottom:before { content: ""; display: block; width: 0; height: 0; border-bottom: 16px solid rgba(0, 132, 179, 1.0); border-right: 16px solid transparent;} .triangle-bottom:after { content: ""; display: block; width: 0; height: 0; border-bottom: 16px solid rgba(0, 132, 179, 1.0); border-left: 16px solid transparent; float: right; margin-top: -16px;} /*con-sp_contents*/ .con #sp_contents { box-sizing: border-box; width: 100%; margin: 8px 0 20px 0; padding: 5px; background: rgba(255, 255, 255, 1.0); position: relative;} .con #sp_contents:before { width: 100%; height: 12px; background: url(../img/ue.png) left repeat-x; content: ""; position: absolute; top: -12px; left: 0;} .con #sp_contents:after { width: 100%; height: 12px; background: url(../img/shita.png) left repeat-x; content: ""; position: absolute; bottom: -11px; left: 0;} .con #sp_contents .spdt { width: 100%; max-width: 300px; margin: 0 auto;} .con #sp_contents .spdt .titlep { width: 100%; height: 0; padding-top: 13.333333333333333%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/sp_title-s.png);} .con #sp_contents .spdd { width: 100%; max-width: 300px; margin: 0 auto 5px auto;} .con #sp_contents .spdd ul:before, .con #sp_contents dd ul:after { content: ""; display: table;} .con #sp_contents .spdd ul:after { clear: both;} .con #sp_contents .spdd li a { width: 100%; height: 100%; display: block; -webkit-border-radius: 10px; border-radius: 10px; position: absolute; top: 0; left: 0; background: rgba(202, 46, 27, 0);} .con #sp_contents .spdd li a:hover { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(202, 46, 27, 0.1);} .con #sp_contents .spdd #pinterviewsp { width: 300px; height: 120px; background: url(../img/sp_interview-s.jpg) no-repeat; margin: 5px auto 10px auto; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-border-radius: 10px; border-radius: 10px;} /*.con #sp_contents .spdd #pmoviesp { width: 300px; height: 65px; background: url(../img/con-sp_movie-s.png) no-repeat; margin: 5px auto 10px auto; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-border-radius: 10px; border-radius: 10px;}*/ .con #sp_contents .spdd #pblogsp { width: 177px; height: 128px; background: url(../img/con-sp_blog-s.png) no-repeat; margin: 0 0 5px 0; float: left; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-border-radius: 10px; border-radius: 10px;} .con #sp_contents .spdd #partsp { width: 116px; height: 128px; background: url(../img/sp_art0.png) no-repeat; margin: 0 0 5px 0; float: right; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-border-radius: 10px; border-radius: 10px;} .con #sp_contents .spdd #pkabegamisp { width: 116px; height: 128px; background: url(../img/sp_kabegami.png) no-repeat; margin: 5px 0; float: left; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-border-radius: 10px; border-radius: 10px;} .con #sp_contents .spdd #pgallerysp { width: 177px; height: 128px; background: url(../img/sp_gallery.png) no-repeat; margin: 5px 0; float: right; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-border-radius: 10px; border-radius: 10px;} /*.con #sp_contents .spdd #pgallerysp { -webkit-filter: opacity(30%); filter: opacity(30%); opacity: 0.3; -webkit-filter: saturate(80%); filter: saturate(80%); -webkit-filter: grayscale(80%); filter: grayscale(80%); position: relative;} .con #sp_contents .spdd #pgallerysp .comstxt { width: 100%; text-align: center; position: absolute; left: 0; bottom: 15px; color: rgba(255, 255, 255, 1.0); font-weight: bold;}*/ .con #sp_contents .spdd #pmoviesp { -webkit-filter: opacity(30%); filter: opacity(30%); opacity: 0.3; -webkit-filter: saturate(80%); filter: saturate(80%); -webkit-filter: grayscale(80%); filter: grayscale(80%); position: relative;} /*menu*/ #intro #mn_intro { background: rgba(134, 223, 255, 0.5); color: rgba(0, 0, 0, 0.6);} #intro #mn_intro a { cursor: default; pointer-events: none;} #story #mn_story { background: rgba(134, 223, 255, 0.5); color: rgba(0, 0, 0, 0.6);} #story #mn_story a { cursor: default; pointer-events: none;} #cast #mn_cast { background: rgba(134, 223, 255, 0.5); color: rgba(0, 0, 0, 0.6);} #cast #mn_cast a { cursor: default; pointer-events: none;} #onair #mn_onair { background: rgba(134, 223, 255, 0.5); color: rgba(0, 0, 0, 0.6);} #onair #mn_onair a { cursor: default; pointer-events: none;} #bbs #mn_bbs { background: rgba(134, 223, 255, 0.5); color: rgba(0, 0, 0, 0.6);} #bbs #mn_bbs a { cursor: default; pointer-events: none;} #news #mn_news { background: rgba(134, 223, 255, 0.5); color: rgba(0, 0, 0, 0.6);} #news #mn_news a { cursor: default; pointer-events: none;} #report #mn_news { background: rgba(134, 223, 255, 0.5); color: rgba(0, 0, 0, 0.6);} #report #mn_news a { cursor: default; pointer-events: none;} #chart #mn_chart { background: rgba(134, 223, 255, 0.5); color: rgba(0, 0, 0, 0.6);} #chart #mn_chart a { cursor: default; pointer-events: none;} #blog #pblogsp a { background: rgba(255, 255, 255, 0.7); cursor: default; pointer-events: none;} #kabegami #pkabegamisp a { background: rgba(255, 255, 255, 0.7); cursor: default; pointer-events: none;} #movie #pmoviesp a { background: rgba(255, 255, 255, 0.7); cursor: default; pointer-events: none;} #interview #pinterviewsp a { background: rgba(255, 255, 255, 0.7); cursor: default; pointer-events: none;} #art #partsp a { background: rgba(255, 255, 255, 0.7); cursor: default; pointer-events: none;} #gallery #pgallerysp a { background: rgba(255, 255, 255, 0.7); cursor: default; pointer-events: none;} #dj #mn_dj { background: rgba(134, 223, 255, 0.5); color: rgba(0, 0, 0, 0.6);} #dj #mn_dj a { cursor: default; pointer-events: none;} #mn_dj { background: rgba(255, 255, 255, 0.5); color: rgba(0, 0, 0, 0.6);} /*archive*/ .con #nkm .archive { width: 98%; margin: 10px auto 5px auto;} .con #nkm .archive ul:before, .con #nkm .archive ul:after { content: ""; display: table;} .con #nkm .archive ul:after { clear: both;} .con #nkm .archive li { width: 16%; margin: 5px 1.9%; float: left; font-size: 140%; font-weight: bold;} .con #nkm .archive .acv .litxt { width: 100%; text-align: center; line-height: 100%; margin: 0 auto; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-size: 80% !important;} .con #nkm .archive .acv { width: 100%; height: 0; padding-top: 100%; position: relative;} .con #nkm .archive .acv a { width: 100%; height: 100%; display: block; -webkit-border-radius: 100%; border-radius: 100%; background: rgba(0, 159, 215, 1.0); position: absolute; top: 0; left: 0; color: rgba(255, 255, 255, 1.0);} .con #nkm .archive .acv a:hover { background: rgba(255, 72, 0, 0.7); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1);} .con #nkm #s1a #s1s a { background: rgba(255, 255, 255, 1.0); color: rgba(0, 0, 0, 1.0); font-size: 160%; cursor: default; pointer-events: none;} .con #nkm #s2a #s2s a { background: rgba(255, 255, 255, 1.0); color: rgba(0, 0, 0, 1.0); font-size: 160%; cursor: default; pointer-events: none;} .con #nkm #s3a #s3s a { background: rgba(255, 255, 255, 1.0); color: rgba(0, 0, 0, 1.0); font-size: 160%; cursor: default; pointer-events: none;} .con #nkm #s4a #s4s a { background: rgba(255, 255, 255, 1.0); color: rgba(0, 0, 0, 1.0); font-size: 160%; cursor: default; pointer-events: none;} .con #nkm #s5a #s5s a { background: rgba(255, 255, 255, 1.0); color: rgba(0, 0, 0, 1.0); font-size: 160%; cursor: default; pointer-events: none;} .con #nkm #s6a #s6s a { background: rgba(255, 255, 255, 1.0); color: rgba(0, 0, 0, 1.0); font-size: 160%; cursor: default; pointer-events: none;} .con #nkm #s7a #s7s a { background: rgba(255, 255, 255, 1.0); color: rgba(0, 0, 0, 1.0); font-size: 160%; cursor: default; pointer-events: none;} .con #nkm #s8a #s8s a { background: rgba(255, 255, 255, 1.0); color: rgba(0, 0, 0, 1.0); font-size: 160%; cursor: default; pointer-events: none;} .con #nkm #s9a #s9s a { background: rgba(255, 255, 255, 1.0); color: rgba(0, 0, 0, 1.0); font-size: 160%; cursor: default; pointer-events: none;} .con #nkm #s10a #s10s a { background: rgba(255, 255, 255, 1.0); color: rgba(0, 0, 0, 1.0); font-size: 160%; cursor: default; pointer-events: none;} /*INTERVIEW*/ #interview #nkm .whitesp { max-width: 850px; padding: 0; margin: 5px auto; color: rgba(100, 100, 100, 1.0);} #interview #nkm .whitesp dl { width: 100%; max-width: 640px; margin: 0 auto;} #interview #nkm .whitesp dt { padding-top: 5px; text-shadow: 1px 0 2px rgba(0, 132, 158, 0.4); -moz-text-shadow: 1px 0 2px rgba(0, 132, 158, 0.4); -webkit-text-shadow: 1px 0 2px rgba(0, 132, 158, 0.4); letter-spacing: 0.2em; font-size: 95%;} #interview #nkm .whitesp .contsetset { width: 100%; height: 0; padding-top: 58.823529411765%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;} #interview #nkm .whitesp .contset { width: 100%; height: 0; padding-top: 58.823529411765%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;} #interview #nkm .whitesp .contset0 { width: 90%; margin: 15px auto 0 auto; padding-bottom: 15px; text-align: left; font-size: 98%; line-height: 200%; position: relative;} #interview #nkm .whitesp .sphotoall { width: 35%; max-width: 240px; margin: 0 0 5px 10px;} #interview #nkm .whitesp #migip { float: right;} #interview #nkm .whitesp #hidarip { float: left;} #interview #nkm .whitesp .sphotosp { width: 100%; height: 0; padding-top: 100%; position: relative;} #interview #nkm .whitesp .sphoto { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;} #interview #nkm .whitesp .spset:before, #interview #nkm .whitesp .spset:after { content: ""; display: table;} #interview #nkm .whitesp .spset:after { clear: both;} #interview #nkm .whitesp .mphotoall0 { width: 100%; max-width: 480px; margin: 10px auto 20px auto;} #interview #nkm .whitesp .mphotoall { width: 100%; max-width: 640px; margin: 10px auto 20px auto;} #interview #nkm .whitesp .mphotosp { width: 100%; height: 0; padding-top: 65.625%; position: relative;} #interview #nkm .whitesp .mphoto { width: 100%; height: 0; padding-top: 65.625%; position: absolute; top: 0; left: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;} /*ART*/ #art #nkm .whitesp { max-width: 850px; padding: 0; margin: 5px auto; color: rgba(100, 100, 100, 1.0);} #art #nkm .whitesp .contsetset { width: 100%; height: 0; padding-top: 70.588235294118%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; z-index: 1000;} #art #nkm .whitesp .contset { width: 100%; height: 0; padding-top: 70.588235294118%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; z-index: 1200; display: none;} #art #nkm .whitesp .contset0 { width: 96%; margin: -15% auto 0 auto; padding-bottom: 15px; text-align: left; font-size: 90%; line-height: 200%; position: relative; z-index: 2000;} /*#art #nkm .whitesp .contset0 { width: 100%; max-width: 820px; margin: -15% auto 0 auto; padding-bottom: 15px; text-align: left; font-size: 90%; line-height: 200%; position: relative; z-index: 2000;}*/ #art #nkm .whitesp .contset0 .catch { box-sizing: border-box; width: 98%; -webkit-border-radius: 10px; border-radius: 10px; margin: 0 auto; text-align: left; font-size: 116%; color: rgba(75, 75, 75, 1.0); background: rgba(255, 255, 255, 0.6); padding: 10px;} #art #nkm .whitesp .contset0 .annai { box-sizing: border-box; width: 100%; padding: 5px; margin: 10px auto; text-align: center; border: 3px solid rgba(200, 200, 200, 0.3);} #art #nkm .whitesp .contset0 .moretxt:hover, #art #nkm .whitesp .contset0 .closemore:hover { cursor: pointer;} #art #nkm .whitesp .contset0 .closemore, #art #nkm .whitesp .contset0 .plust { display: none;} #art #nkm .whitesp .contset0 .art_info { box-sizing: border-box; width: 100%; border: 2px solid rgba(219, 119, 108, 0.6); -webkit-border-radius: 10px; border-radius: 10px; margin: 20px auto 0 auto; text-align: center; font-size: 85%;} #art #nkm .whitesp .contset0 .annai .art_info { box-sizing: border-box; width: 98%; border: 2px solid rgba(219, 119, 108, 0.6); -webkit-border-radius: 10px; border-radius: 10px; margin: 10px auto; text-align: center; font-size: 85%;} #art #nkm .whitesp .contset0 .art_info ol { margin: 10px 0 10px 15px;} #art #nkm .whitesp .contset0 .art_info dt { margin: -12px auto 0 auto; font-size: 95%; font-weight: bold; color: rgba(219, 119, 108, 1.0);} #art #nkm .whitesp .contset0 .art_info dt .white { background: rgba(255, 255, 255, 1.0);} #art #nkm .whitesp .contset0 .art_info dd { text-align: left; padding: 5px 10px 10px 15px;} #art #nkm .whitesp .contset0 .art_info dd .udl { border-bottom: 2px dotted rgba(219, 119, 108, 0.8); padding-bottom: 1px;} #art #nkm .whitesp .contset0 .art_info dd .udl0 { padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted rgba(100, 100, 100, 0.8);} #art #nkm .whitesp .contset0 .art_info dd li { color: rgba(202, 46, 27, 1.0); list-style-type: decimal; padding-bottom: 5px;} #art #nkm .whitesp .contset0 .art_info dd li .bk { color: rgba(0, 0, 0, 1.0); border-bottom: 2px dotted rgba(255, 178, 169, 1.0); padding-bottom: 2px;} #art #nkm .whitesp .renartset { width: 100%; max-width: 650px; margin: 15px auto; display: none;} #art #nkm .whitesp .renartset dt { text-align: center; font-weight: bold; padding-top: 10px; font-size: 90%; line-height: 130%;} #art #nkm .whitesp .renartset dd:before, #art #nkm .whitesp .renartset dd:after { content: ""; display: table;} #art #nkm .whitesp .renartset dd:after { clear: both;} #art #nkm .whitesp .renartset .renart { width: 29.5%; max-width: 200px; margin: 5px 0 5px 2.2%; padding-bottom: 5px; float: left; text-align: center; font-size: 80%; line-height: 130%; letter-spacing: 0; border: 2px solid rgba(254, 254, 254, 1.0); box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 1px 1px 1px 1px;} #art #nkm .whitesp .renartset .renart:last-child { margin-right: 0;} #art #nkm .whitesp .renartset .renart .imgall { box-sizing: border-box; width: 100%; height: 0; padding-top: 133%; position: relative; margin-bottom: 5px;} #art #nkm .whitesp .renartset .renart .imgsp { box-sizing: border-box; width: 100%; height: 0; padding-top: 133%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;} #art #nkm .whitesp .presentset { width: 100%; max-width: 300px; margin: 5px auto 10px auto;} #art #nkm .whitesp .presentset .presentall { width: 100%; height: 0; padding-top: 100%; position: relative;} #art #nkm .whitesp .presentset .presentsp { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../art/img/present0.jpg);} #art #nkm .whitesp .presentset .cover { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0;} #art #nkm .whitesp .presenttxt .kkm { box-sizing: border-box; margin-top: 5px; font-size: 85%; line-height: 140%; letter-spacing: 0.1em; padding: 10px; text-align: left;} /*CHART*/ #chart #nkm .whitesp { max-width: 850px; padding: 5px 5px 20px 5px; margin: 25px auto 5px auto;} #chart #nkm .cpsp { width: 100%; height: 0; padding-top: 100%; position: relative; margin-top: -1.8%;} #chart #nkm .cpsp .cpp { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;} #chart #nkm .infotxt { color: rgba(2, 78, 105, 1.0); text-align: left; font-size: 85%; padding-left: 5px; position: absolute; bottom: -20px; left: 0;} #chart #nkm .lp { width: 24.705882352941%; position: absolute;} #chart #nkm .mp { width: 22.352941176471%; position: absolute;} #chart #nkm .pp { width: 100%; height: 0; padding-top: 115%;} #chart #nkm li a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0); -webkit-border-radius: 15px; border-radius: 15px;} #chart #nkm li a:hover { background: rgba(255, 255, 255, 0.2); -webkit-border-radius: 15px; border-radius: 15px;} #chart #nkm #takuto { top: 8.705882352941%; left: 37.882352941176%;} #chart #nkm #kyohei { top: 8.705882352941%; left: 4.941176470588%;} #chart #nkm #hajime { top: 8.705882352941%; left: 70.823529411765%;} #chart #nkm #baby { top: 44.470588235294%; left: 38.823529411765%;} #chart #nkm #rui { top: 67.882352941176%; left: 3.529411764706%;} #chart #nkm #hana { top: 67.882352941176%; left: 74.117647058824%;} #chart #nkm #minako { top: 73.764705882352%; left: 45.294117647059%;} /*BBS*/ #bbs #nkm .whitesp iframe { width: 100%; padding: 0; margin: 0; border: 0; margin-bottom: -80px;} /*ONAIR*/ #onair #nkm .kkm .comm { padding-top: 25px;} #onair #nkm .kkm th, #onair #nkm .kkm td { vertical-align: top;} #onair #nkm .kkm th { white-space: nowrap; text-align: left;} #onair #nkm .kkm td { font-size: 100%;} #onair #nkm .kkm .sub { width: 88%; margin: 5px auto; padding: 10px; font-size: 85%; line-height: 130%; text-align: left; background: rgba(255, 255, 255, 0.7);} #onair #nkm .kkm .commt { display: none;} #onair #nkm .kkm .commd { margin-top: -35px;} #onair #nkm .kkm .qtxt { text-align: center; padding-top: 5px; letter-spacing: 0.2em; font-size: 110%;} /*CAST*/ #cast #nkm .kkm .qtxt { text-align: center; padding-top: 5px; letter-spacing: 0.2em; font-size: 110%;} /*DIJEST*/ #dj #nkm .kkm { margin: 10px auto 5px auto;} #dj #nkm .kkm .commd { padding-top: 0;} #dj #nkm .kkm .qtxt { text-align: center; padding-top: 0; letter-spacing: 0.2em; font-size: 105%; text-shadow: 1px 1px 2px rgba(0, 132, 158, 0.4); -moz-text-shadow: 1px 1px 2px rgba(0, 132, 158, 0.4); -webkit-text-shadow: 1px 1px 2px rgba(0, 132, 158, 0.4); font-weight: lighter; color: rgba(0, 132, 158, 1.0);} #dj #nkm .kkm .comm { margin: 0 auto 10px auto;} #dj #nkm .kkm .commset { padding: 0; margin: 5px auto; border: 0; background: rgba(255, 255, 255, 0);} #dj #nkm .kkm .commset .movie { width: 90%; max-width: 600px; margin: 10px auto;} #dj #nkm .kkm .commset .photosp { width: 100%; height: 0; padding-top: 66.6666666666666667%; position: relative; background: rgba(255, 255, 255, 1.0);} #dj #nkm .kkm .commset .photosp .photop { width: 100%; height: 0; padding-top: 66.6666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;} #dj #nkm .kkm .commset .movie .ifmsp { width: 100%; height: 0; padding-top: 56.25%; position: relative;} #dj #nkm .kkm .commset .movie .ifmsp .msmpsp { display: none;} #dj #nkm .kkm .commset .movie .ifmsp .msmpsp img { width: 100%; height: auto; position: absolute; top: 0; left: 0;} #dj #nkm .kkm .commset .movie .ifmsp .msmpsp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;} #dj #nkm .kkm .commset .movie iframe { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0.1%; left: 0.1%; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px;} #dj #nkm .kkm .commset .movie .ifmsp .youtubenojs { width: 100%; height: 0; padding-top: 56.25%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 1.0);} #dj #nkm .kkm .commset .movie .ifmsp .youtubenojs .nojst { box-sizing: border-box; width: 100%; position: absolute; top: 50%; left: 0; margin-top: -6px; color: rgba(255, 255, 255, 1.0); padding-top: 0.5%; text-align: center;} /*MOVIE*/ #movie #nkm .kkm { margin: 10px auto 5px auto;} #movie #nkm .kkm .commd { padding-top: 0;} #movie #nkm .kkm .qtxt { text-align: center; padding-top: 0; letter-spacing: 0.2em; font-size: 105%; text-shadow: 1px 1px 2px rgba(0, 132, 158, 0.4); -moz-text-shadow: 1px 1px 2px rgba(0, 132, 158, 0.4); -webkit-text-shadow: 1px 1px 2px rgba(0, 132, 158, 0.4); font-weight: lighter; color: rgba(0, 132, 158, 1.0);} #movie #nkm .kkm .commd .l360info { box-sizing: border-box; width: 90%; max-width: 600px; margin: 5px auto 0 auto; padding: 10px; text-align: left; line-height: 130%; color: rgba(100, 100, 100, 1.0); font-size: 85% !important; background: rgba(255, 255, 255, 1.0); -webkit-border-radius: 10px; border-radius: 10px;} #movie #nkm .kkm .comm { margin: 0 auto 10px auto;} #movie #nkm .kkm .commset { padding: 0; margin: 5px auto; border: 0; background: rgba(255, 255, 255, 0);} #movie #nkm .kkm .commset .movie { width: 90%; max-width: 600px; margin: 10px auto;} #movie #nkm .kkm .commset .photosp { width: 100%; height: 0; padding-top: 66.6666666666666667%; position: relative; background: rgba(255, 255, 255, 1.0);} #movie #nkm .kkm .commset .photosp .photop { width: 100%; height: 0; padding-top: 66.6666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;} #movie #nkm .kkm .commset .movie .ifmsp { width: 100%; height: 0; padding-top: 56.25%; position: relative;} #movie #nkm .kkm .commset .movie .ifmsp .youtubenojs { width: 100%; height: 0; padding-top: 56.25%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 1.0);} #movie #nkm .kkm .commset .movie .ifmsp .youtubenojs .nojst { box-sizing: border-box; width: 100%; position: absolute; top: 50%; left: 0; margin-top: -6px; color: rgba(255, 255, 255, 1.0); padding-top: 0.5%; text-align: center;} #movie #nkm .kkm .commset .movie .ifmsp .msmpsp { display: none;} #movie #nkm .kkm .commset .movie .ifmsp .msmpsp img { width: 100%; height: auto; position: absolute; top: 0; left: 0;} #movie #nkm .kkm .commset .movie .ifmsp .msmpsp .info360 { width: 100%; background: rgba(0, 0, 0, 0.5); font-size: 110%; color: rgba(255, 255, 255, 1.0); text-align: center; position: absolute; bottom: 0; left: 0; padding: 10px 0; letter-spacing: 0.1em;} #movie #nkm .kkm .commset .movie .ifmsp .msmpsp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;} #movie #nkm .kkm .commset .movie iframe { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0.1%; left: 0.1%; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px;} #movie #nkm .whitesp .archiveset h3 { text-align: center; padding-top: 5px; letter-spacing: 0.2em; font-size: 95%; font-weight: bold; color: rgba(0, 132, 179, 0.8); text-shadow: 1px 1px 2px rgba(0, 132, 158, 0.4); -moz-text-shadow: 1px 1px 2px rgba(0, 132, 158, 0.4); -webkit-text-shadow: 1px 1px 2px rgba(0, 132, 158, 0.4);} #movie #nkm .whitesp .archiveset ul:before, #movie #nkm .whitesp .archiveset ul:after { content: ""; display: table;} #movie #nkm .whitesp .archiveset ul:after { clear: both;} #movie #nkm .whitesp .archiveset ul { 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;} #movie #nkm .whitesp .archiveset li { width: 49%; margin: 5px 0.3%; float: left; background: rgba(0, 132, 158, 0.6); -webkit-border-radius: 10px; border-radius: 10px; padding: 5px 0 8px 0; font-size: 80%; font-weight: 500; color: rgba(255, 255, 255, 1.0); line-height: 130%;} #movie #nkm .whitesp .archiveset li .smoviesp { width: 94%; margin: 5px auto;} #movie #nkm .whitesp .archiveset li .smoviesp .sphotosp { width: 100%; height: 0; padding-top: 56.25%; position: relative; background: rgba(255, 255, 255, 1.0);} #movie #nkm .whitesp .archiveset li .smoviesp .sphotosp .photop { width: 100%; height: 0; padding-top: 56.25%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;} #movie #nkm .whitesp .archiveset li .smoviesp .sphotosp .photop a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0);} #movie #nkm .whitesp .archiveset li .smoviesp .sphotosp .photop a:hover { background: rgba(255, 255, 255, 0.3);} #movie #nkm .whitesp .archiveset li .smoviesp .sphotosp .photop .info360 { width: 100%; background: rgba(0, 0, 0, 0.5); font-size: 90%; color: rgba(255, 255, 255, 1.0); text-align: center; position: absolute; bottom: 0; left: 0; padding: 10px 0; letter-spacing: 0.1em; display: none;} #movie #nkm .whitesp .rd_youtube { display: none;} /*STORY*/ #story #nkm .kkm .commd { padding-top: 0;} #story #nkm .kkm .qtxt { text-align: center; padding-top: 0; letter-spacing: 0.2em; font-size: 110%;} #story #nkm .kkm .plussp { box-sizing: border-box; width: 90%; max-width: 600px; margin: 20px auto 5px auto; padding: 15px 10px; background: rgba(255, 236, 236, 1.0); line-height: 130%; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-border-radius: 30px; border-radius: 30px; position: relative; z-index: 2000;} #story #nkm .kkm .plussp:after { border-bottom: 20px solid rgba(255, 236, 236, 1.0); border-right: 5px solid transparent; border-left: 5px solid transparent; content: ''; margin-left: -5px; position: absolute; top: -20px; left: 50%;} #story #nkm .kkm .plussp:before, #story #nkm .kkm .plussp:after { content: ""; display: table;} #story #nkm .kkm .plussp:after { clear: both;} #story #nkm .kkm .plussp .playbtn { width: 30px; height: 30px; background: rgba(122, 41, 41, 0.3); text-align: center; margin: 0 auto; position: relative; -webkit-border-radius: 100%; border-radius: 100%; display: block;} #story #nkm .kkm .plussp .playbtn .mntxt { color: rgba(255, 236, 236, 1.0); width: 100%; text-align: center; line-height: 100%; margin: 0 auto; position: absolute; top: 50%; left: 4%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; font-size: 80%;} #story #nkm .kkm .plussp a:hover .playbtn { background: rgba(122, 41, 41, 0.8);} #story #nkm .kkm .plussp iframe { max-width: 100%;} #story #nkm .kkm .commset { padding: 0; margin: 5px auto; border: 0; background: rgba(255, 255, 255, 0);} #story #nkm .kkm .commset .movie { width: 90%; max-width: 600px; margin: 10px auto;} #story #nkm .kkm .commset .photosp { width: 100%; height: 0; padding-top: 66.6666666666666667%; position: relative; background: rgba(255, 255, 255, 1.0);} #story #nkm .kkm .commset .photosp .photop { width: 100%; height: 0; padding-top: 66.6666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;} #story #nkm .kkm .commset .movie .ifmsp { width: 100%; height: 0; padding-top: 56.25%; position: relative;} #story #nkm .kkm .commset .movie iframe { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0.1%; left: 0.1%; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px;} #story #nkm .whitesp p { padding: 10px; text-align: left;} #story #nkm .whitesp .sphotosp:before, #story #nkm .whitesp .sphotosp:after { content: ""; display: table;} #story #nkm .whitesp .sphotosp:after { clear: both;} #story #nkm .whitesp .sphotosp { box-sizing: border-box; padding: 0 10px; width: 100%; margin: 0 auto;} #story #nkm .whitesp .sphotosp .spall { width: 90%; max-width: 360px; margin: 5px auto 10px auto;} #story #nkm .whitesp .sphotosp .spsp { width: 100%; height: 0 ;padding-top: 66.66666666666667%; position: relative; box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px; display: none;} #story #nkm .whitesp .sphotosp .spp { width: 100%; height: 0 ;padding-top: 66.66666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;} /*KABEGAMI*/ #kabegami #nkm .whitesp { max-width: 850px; background: rgba(255, 255, 255, 1.0) url(../kabegami/img/bg.png) no-repeat top center; -webkit-background-size: cover; background-size: cover;} #kabegami #nkm .whitesp h2 { width: 90%; max-width: 410px; margin: -25px auto 0 auto;} #kabegami #nkm .whitesp h2 .titleimg { width: 100%; height: 0; padding-top: 11.707317073171%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../kabegami/img/title.png);} #kabegami #nkm .whitesp .contset { width: 96%; margin: 0 auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../kabegami/img/ill.png); background-position: top center; padding-top: 80px;} #kabegami #nkm .whitesp .contset .kbgm_infotxt { font-size: 90%; line-height: 140%;} #kabegami #nkm .whitesp .contset .smpset:before, #kabegami #nkm .whitesp .contset .smpset:after { content: ""; display: table;} #kabegami #nkm .whitesp .contset .smpset:after { clear: both;} #kabegami #nkm .whitesp .contset .smpset { width: 100%; max-width: 360px; margin: 0 auto;} #kabegami #nkm .whitesp .contset .smpset1 { width: 60%; max-width: 150px; float: left;} #kabegami #nkm .whitesp .contset .smpset1 #smptitle { width: 100%; height: 0; padding-top: 50%; margin: 0 auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../kabegami/img/smp.png?0);} #kabegami #nkm .whitesp .contset .smpset1 #smp1set { width: 100%; margin: 0 auto 5px auto; border-bottom: 3px solid rgba(202, 46, 27, 1.0);} #kabegami #nkm .whitesp .contset .smpset1 #smp1 { width: 100%; height: 0; padding-top: 112.751677852349%; margin: 0 auto 5px auto; position: relative;} #kabegami #nkm .whitesp .contset .smpset1 #smp1p { width: 100%; height: 0; padding-top: 112.751677852349%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;} #kabegami #nkm .whitesp .contset .smpset2 { width: 39%; max-width: 112px; float: right;} #kabegami #nkm .whitesp .contset .smpset2 #smp2set { width: 100%; margin: 0 auto 5px auto; border-bottom: 3px solid rgba(202, 46, 27, 1.0); padding-top: 40%;} #kabegami #nkm .whitesp .contset .smpset2 #smp2 { width: 100%; height: 0; padding-top: 177.678571428571%; margin: 0 auto 5px auto; position: relative;} #kabegami #nkm .whitesp .contset .smpset2 #smp2p { width: 100%; height: 0; padding-top: 177.678571428571%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;} #kabegami #nkm .whitesp .contset .smpset1 .smpinfo, #kabegami #nkm .whitesp .contset .smpset2 .smpinfo { display: block; padding: 10px 0; text-align: left; line-height: 130%; font-size: 90%;} #kabegami #nkm .whitesp .contset .pcall { width: 100%; max-width: 360px; margin: 0 auto 20px auto;} #kabegami #nkm .whitesp .contset .pcset:before, #kabegami #nkm .whitesp .contset .pcset:after { content: ""; display: table;} #kabegami #nkm .whitesp .contset .pcset:after { clear: both;} #kabegami #nkm .whitesp .contset .pcset { width: 100%; margin: 10px auto 5px auto;} #kabegami #nkm .whitesp .contset .pcset #pctitlesp { width: 20%; max-width: 70px; float: left;} #kabegami #nkm .whitesp .contset .pcset #pctitle { width: 100%; height: 0; padding-top: 100%; margin: 0 auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../kabegami/img/pc.png);} #kabegami #nkm .whitesp .contset .pcset #pcset { width: 77%; max-width: 300px; float: right; margin: 0 auto; border-bottom: 3px solid rgba(202, 46, 27, 1.0);} #kabegami #nkm .whitesp .contset .pcset #pcset #pcp { width: 100%; height: 0; padding-top: 56%; margin: 0 auto 5px auto; position: relative;} #kabegami #nkm .whitesp .contset .pcset #pcset #pcpp { width: 100%; height: 0; padding-top: 56%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;} #kabegami #nkm .whitesp .contset .pcinfo { display: block; padding: 10px 0; line-height: 130%; font-size: 90%;} #kabegami #nkm .whitesp .contset .kabegami_info { box-sizing: border-box; width: 100%; border: 2px solid rgba(202, 46, 27, 0.8); -webkit-border-radius: 10px; border-radius: 10px;} #kabegami #nkm .whitesp .contset .kabegami_info dt { margin: -12px auto 0 auto; font-size: 95%; font-weight: bold;} #kabegami #nkm .whitesp .contset .kabegami_info dt .white { background: rgba(255, 255, 255, 1.0);} #kabegami #nkm .whitesp .contset .kabegami_info dd { text-align: left; padding: 5px 10px 15px 20px;} #kabegami #nkm .whitesp .contset .kabegami_info dd li { color: rgba(202, 46, 27, 1.0); list-style-type: disc; font-size: 90%;} #kabegami #nkm .whitesp .contset .kabegami_info dd li .bk { color: rgba(0, 0, 0, 1.0); border-bottom: 2px dotted rgba(255, 178, 169, 1.0); padding-bottom: 2px;} #kabegami #nkm .whitesp .contset .smpset1 #smp1p a, #kabegami #nkm .whitesp .contset .smpset2 #smp2p a, #kabegami #nkm .whitesp .contset .pcset #pcset #pcpp a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(202, 46, 27, 0);} #kabegami #nkm .whitesp .contset .smpset1 #smp1p a:hover, #kabegami #nkm .whitesp .contset .smpset2 #smp2p a:hover, #kabegami #nkm .whitesp .contset .pcset #pcset #pcpp a:hover { background: rgba(202, 46, 27, 0.1);} #kabegami #nkm .whitesp .contset a:hover .red { color: rgba(0, 0, 0, 1.0);} /*BLOG*/ #blog #nkm .whitesp { max-width: 850px; padding: 5px 5px 20px 5px; margin: 35px auto 5px auto;} #blog #nkm .whitesp .blogset:before, #story #nkm .whitesp .blogset:after { content: ""; display: table;} #blog #nkm .whitesp .blogset:after { clear: both;} #blog #nkm .blog_title { width: 98%; margin: -45px auto 10px auto;} #blog #nkm .blog_title .btitlesp { width: 100%; height: 0; padding-top: 46.875%; display: block; position: relative;} #blog #nkm .blog_title .btitlesp .btitle { width: 100%; height: 0; padding-top: 46.875%; display: block; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/blog_title-s.png);} #blog #nkm .cntset { box-sizing: border-box; width: 98%; margin: 5px auto; background: rgba(250, 245, 51, 1.0); box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px inset; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px inset; -moz-box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px inset; padding: 5px; position: relative;} #blog #nkm .cntset:after { border-bottom: 20px solid rgba(250, 245, 51, 1.0); border-right: 4px solid transparent; border-left: 4px solid transparent; content: ''; position: absolute; top: -20px; left: 85%;} #blog #nkm .dateblue { color: rgba(0, 159, 215, 1.0); font-size: 110%;} #blog #nkm .cntset .cndt { box-sizing: border-box; width: 98%; font-weight: bold; text-align: center; margin: 5px auto;} #blog #nkm .cntset .cndt .dateset { box-sizing: border-box; width: 100%; display: block; padding: 3px; background: rgba(255, 255, 255, 0.8); -webkit-border-radius: 5px; border-radius: 5px; border: 2px solid rgba(255, 255, 255, 1.0);} #blog #nkm .cntset .cndd { width: 98%; margin: 10px auto; padding: 2px 0 10px 0; text-align: left; background: rgba(255, 255, 255, 1.0); -webkit-border-radius: 5px; border-radius: 5px;} #blog #nkm .cntset .cndd dt { box-sizing: border-box; padding: 5px; width: 96%; display: block; line-height: 130%; font-weight: bold; margin: 10px 0 20px 0; background: rgba(250, 245, 51, 0.6); border: 3px solid rgba(250, 245, 51, 1.0); -webkit-border-radius: 5px; border-radius: 5px; margin: 5px auto; font-size: 110%; -moz-text-shadow: 0 0 5px rgba(100, 100, 100, 0.4); -webkit-text-shadow: 0 0 5px rgba(100, 100, 100, 0.4); text-shadow: 0 0 5px rgba(100, 100, 100, 0.4);} #blog #nkm .cntset .cndd .hnbn { box-sizing: border-box; width: 100%; max-width: 520px; padding: 0 12px 12px 12px; font-size: 98%; line-height: 160%; margin: 5px auto;} #blog .pppset { margin-right: 6px;} #blog .pall { width: 96%; max-width: 360px; margin: 10px auto 2px auto;} #blog .pall .psp { width: 100%; height: 0; padding-top: 100%; position: relative; box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px inset; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px inset; -moz-box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px inset; border: 3px solid rgba(117, 232, 254, 0.6); display: none;} #blog .pall .pp { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;} #blog .ptateall { width: 96%; max-width: 320px; margin: 10px auto 2px auto;} #blog .ptateall .psp { width: 100%; height: 0; padding-top: 150%; position: relative; box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px inset; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px inset; -moz-box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px inset; border: 3px solid rgba(117, 232, 254, 0.6); display: none;} #blog .ptateall .pp { width: 100%; height: 0; padding-top: 150%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;} #blog .pyokoall { width: 96%; max-width: 480px; margin: 10px auto 2px auto;} #blog .pyokoall .psp { width: 100%; height: 0; padding-top: 66.666666666666667%; position: relative; box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px inset; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px inset; -moz-box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px inset; border: 3px solid rgba(117, 232, 254, 0.6); display: none;} #blog .pyokoall .pp { width: 100%; height: 0; padding-top: 66.666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;} #blog .caption { font-size: 90%; color: rgba(0, 124, 167, 1.0); padding-bottom: 5px; text-align: center; line-height: 130%;} #blog .nav { width: 100%; max-width: 460px; margin: 0 auto; border-top: 3px dashed rgba(255, 255, 255, 1.0); padding-top: 10px;} #blog .nav .navsp { width: 100%; height: 0; padding-top: 20%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/blog_nav-s.png); position: relative;} #blog .nav .back { width: 36%; height: 0; padding-top: 14%; display: block; position: absolute; top: 16%; left: 0.4%;} #blog .nav .next { width: 36%; height: 0; padding-top: 14%; display: block; position: absolute; top: 16%; right: 0.4%;} #blog .nav .latest { width: 26.5%; height: 0; padding-top: 20%; display: block; position: absolute; top: 0; left: 36.6%;} #blog .nav li a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(250, 245, 51, 0);} #blog .nav .back .navtxt, #blog .nav .next .navtxt, #blog .nav .latest .navtxt { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(250, 245, 51, 0.8);} #blog .nav li a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(250, 245, 51, 0);} #blog .nav li a:hover { background: rgba(250, 245, 51, 0.5);} #blog .nav .latest a:hover { background: rgba(250, 245, 51, 0.3);} #blog .archivetitle { width: 100%; max-width: 295px; margin: 10px auto 0 auto;} #blog .archivetitle .acvimg { width: 100%; height: 0; padding-top: 22.033898305085%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/blog_archive.png);} #blog .blog_archive ul { width: 98%; margin: 0 auto;} #blog .blog_archive li:before, #blog .blog_archive li:after { content: ""; display: table;} #blog .blog_archive li:after { clear: both;} #blog .blog_archive li { border-bottom: 1px solid rgba(111, 218, 255, 0.5); text-align: left; font-size: 90%; line-height: 130%; display: block; position: relative;} #blog .blog_archive .lnkon a { width: 100%; height: 100%; display: block; background: rgba(111, 218, 255, 0); position: absolute; top: 0; left: 0;} #blog .blog_archive .lnkon a:hover { background: rgba(111, 218, 255, 0.1);} #blog .blog_archive .lnkoff a { width: 100%; height: 100%; display: block; background: rgba(150, 150, 150, 0.1); position: absolute; top: 0; left: 0; cursor: default; pointer-events: none;} #blog .blog_archive li .num { box-sizing: border-box; width: 12%; display: block; padding: 7px 1% 7px 2%; float: left; font-size: 110%; font-weight: bold; color: rgba(0, 159, 215, 1.0);} #blog .blog_archive li .stitle { box-sizing: border-box; width: 87.5%; display: block; padding: 7px 0.5%; float: left; color: rgba(0, 0, 0, 1.0);} #blog .blog_archive li .stitle .yb { color: rgba(0, 159, 215, 1.0); font-weight: bold;} #blog .blog_archive .lnkoff .stitle { color: rgba(0, 0, 0, 0.6);} #blog .blog_archive .lnkoff .num, #blog .blog_archive .lnkoff .stitle .yb { color: rgba(150, 131, 0, 1.0);} /*REPORT*/ #report .rtitle { color: rgba(0, 159, 215, 1.0); font-size: 110%; font-weight: bold; text-align: left; padding: 5px 0 5px 10px; display: block; border-bottom: 2px dotted rgba(0, 159, 215, 0.6);} #report .tuduki { font-size: 110%; display: block; text-align: right;} #report .tuduki a { color: rgba(255, 72, 0, 0.7);} #report .tuduki a:hover { color: rgba(0, 159, 215, 1.0);} #report .modoru { border-top: 4px dotted rgba(250, 245, 51, 0.6); font-size: 120%; padding: 20px 0 20px 0;} #report .modoru a { width: 100%; height: 100%; display: block;} #report .ncont0 { padding: 10px 0;} #report .ncont { padding: 20px 0;} #report .ncont p, #report .ncont0 p, #report .ncont .repocon, #report .ncont0 .repocon { text-align: left;} #report .ncont0 .repocon img { width: 90%; max-width: 300px; margin: 0 auto;} #report .ncont0 .repocon a:hover img { opacity: 0.8;} #report .rmovie { width: 100%; max-width: 480px; margin: 20px auto;} #report .rmovie .ifmsp { width: 100%; height: 0; padding-top: 56.25%; position: relative;} #report .rmovie iframe { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0.1%; left: 0.1%; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px;} #report .spall { width: 90%; max-width: 300px; margin: 10px auto 5px auto;} #report .pall { width: 100%; max-width: 360px; margin: 10px auto 5px auto;} #report .pall .psp, #report .spall .psp { width: 100%; height: 0; padding-top: 100%; position: relative; box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px; display: none;} #report .pall .pp, #report .spall .pp { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;} #report .sptateall { width: 100%; max-width: 240px; margin: 10px auto 5px auto;} #report .ptateall { width: 100%; max-width: 320px; margin: 10px auto 5px auto;} #report .ptateall .psp, #report .sptateall .psp { width: 100%; height: 0; padding-top: 150%; position: relative; box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px; display: none;} #report .ptateall .pp, #report .sptateall .pp { width: 100%; height: 0; padding-top: 150%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;} #report .spyokoall { width: 100%; max-width: 360px; margin: 10px auto 5px auto;} #report .pyokoall { width: 100%; max-width: 480px; margin: 10px auto 5px auto;} #report .pyokoall .psp, #report .spyokoall .psp { width: 100%; height: 0; padding-top: 66.666666666666667%; position: relative; box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(100, 100, 100, 0.1) 0px 1px 2px 2px; display: none;} #report .pyokoall .pp, #report .spyokoall .pp { width: 100%; height: 0; padding-top: 66.666666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;} #report .caption { font-size: 90%; color: rgba(0, 124, 167, 1.0); padding-bottom: 5px; text-align: center;} #report .program dt { padding: 5px 0 5px 5px; font-size: 110%; font-weight: bold; color: rgba(0, 124, 167, 1.0);} #report .program dt a { color: rgba(208, 77, 7, 1.0);} #report .program dt a:hover { color: rgba(0, 124, 167, 1.0);} #report .program dd { margin: 0 0 10px 5px; padding: 10px 15px; border: 1px solid rgba(0, 124, 167, 0.2);} #report .program .onair { font-weight: bold; padding-bottom: 5px;} #report .subinfo { font-size: 90%; color: rgba(0, 159, 215, 1.0); line-height: 130%; padding-left: 5px;} /*INTRO*/ #intro #nkm .photoall { width: 100%; max-width: 500px; margin: 10px auto 5px auto;} #intro #nkm .photosp { width: 100%; height: 0; padding-top: 80%; position: relative;} #intro #nkm .photo { width: 100%; height: 0; padding-top: 80%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: none;} #intro #nkm .sphotosp0 { box-sizing: border-box; padding: 10px; width: 100%; margin: 0 auto;} #intro #nkm .spall { box-sizing: border-box; padding: 0; width: 90%; max-width: 480px; margin: 5px auto 10px auto;} #intro #nkm .spsp { box-sizing: border-box; width: 100%; height: 0 ;padding-top: 66.66666666666667%; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; display: none;} #intro #nkm .spp { width: 100%; height: 0 ;padding-top: 66.66666666666667%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;} /*INDEX*/ /*header*/ #ind #header { max-width: 1050px;} #ind #photosp { width: 100%; height: 0; padding-top: 101.5625%; position: relative;} #ind #photop { width: 100%; height: 0; padding-top: 101.5625%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;} #ind #photop0 { width: 100%; height: 0; padding-top: 101.5625%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/photo_s0.jpg?0323);} #photop .cover { position: absolute; top: 0; left: 0;} #ind #titleall { width: 100%; max-width: 1000px; position: absolute; top: 0; left: 0;} #ind #titlep { width: 100%; height: 0; padding-top: 18.75%; margin: 0 auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/title_s-b0.png);} #ind #photop2 { width: 100%; height: 24.615385%; position: absolute; top: 75.385%; left: 0; display: none;} #ind #photop2all { width: 31.25%; position: absolute; top: 0; left: 0;} #ind #photop2sp { width: 100%; height: 0; padding-top: 80%; position: absolute; top: 0; left: 0;} #ind #photop2spp { width: 100%; height: 0; padding-top: 80%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/photo_s2.png?0322);} #ind #photop2spp .cover { position: absolute; top: 0; left: 0;} /*news*/ #ind #newsall { width: 73%; height: 80%; position: absolute; bottom: 0; right: 2%;} #ind #newssp { width: 90%; height: 92%; position: absolute; top: 0; right: 0; background: rgba(255, 255, 255, 0.9); border: 2px solid rgba(234, 234, 234, 0.9);} #ind #newssp:after { border-right: 25px solid rgba(255, 255, 255, 0.9); border-top: 7px solid transparent; border-bottom: 7px solid transparent; content: ''; position: absolute; left: -25px; top: 60%;} #ind #newssp #n_titleall { width: 28%; max-width: 65px; position: absolute; top: 5%; left: 2%; display: block;} #ind #newssp #n_titlesp { width: 100%; height: 0; padding-top: 24.615385%; position: absolute; top: 0; left: 0; display: block;} #ind #newssp #n_titlep { width: 100%; height: 0; padding-top: 24.615385%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/ind_news.png); display: block;} #ind #newssp #n_titlep a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0);} #ind #newssp #n_titlep a:hover { background: rgba(255, 255, 255, 0.2);} #ind #newssp #n_update { width: 70%; font-size: 90%; text-align: right; position: absolute; top: 5%; right: 5px; display: block;} #ind #newssp #n_listlnk { display: none;} #ind #newssp #newsnkm { width: 98%; position: absolute; top: 34%; right: 1%;} #ind #newssp #newsnkmsp { box-sizing: border-box; width: 100%; height: 0; padding-top: 18%; position: absolute; top: 0; left: 0; background: rgba(234, 234, 234, 1.0);} #ind #newssp #newsnkmsp .sp-thumbnails { display: none;} #ind #newssp #newsnkmsp .sp-slide { box-sizing: border-box; width: 100%; display: block; position: absolute; top: 0; left: 0; padding-top: 2px; font-size: 98%; letter-spacing: 0.1em; line-height: 125%;} #ind #newssp #newsnkmsp .sp-slide a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(245, 241, 55, 0);} #ind #newssp #newsnkmsp .sp-slide a:hover { background: rgba(245, 241, 55, 0.2);} #ind #newssp #newsnkmsp .newsnkmsptxt { box-sizing: border-box; text-align: left; width: 86%; height: 0; padding-top: 16%; position: absolute; top: 5%; left: 7%; background: rgba(255, 255, 255, 1.0);} #ind #newssp #newsnkmsp .newsnojs { box-sizing: border-box; text-align: left; width: 98%; height: 0; padding-top: 16%; position: absolute; top: 5%; left: 1%; background: rgba(255, 255, 255, 1.0); overflow: hidden;} #ind #newssp #newsnkmsp .newsnkmsptxt ul { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-backface-visibility: hidden; -webkit-perspective: 1000;} #ind #newssp #newsnkmsp .newsnkmsptxt ul:before, #ind #newssp #newsnkmsp .newsnkmsptxt ul:after { content: ""; display: table;} #ind #newssp #newsnkmsp .newsnkmsptxt ul:after { clear: both;} #ind #newssp #newsnkmsp .newsnkmsptxt .sp-mask { position: absolute; top: 0; left: 0; overflow: hidden; z-index: 100;} #ind #newssp #newsnkmsp .newsnkmsptxt .sp-slide { box-sizing: border-box; width: 100%; height: 100%; padding: 3px 5px; position: absolute; display: block;} #ind #newssp #newsnkmsp .newsnojs .sp-slide { height: 100%; height: auto; display: block; float: left; position: relative;} /* news_arrows */ #ind #newssp #newsnkmsp .newsnkmsptxt .sp-arrows { z-index: 10; color: rgba(214, 100, 88, 1.0); width: 116%; height: 60%; position: absolute; left: -8%; top: 0; display: block;} #ind #newssp #newsnkmsp .newsnkmsptxt .sp-arrow { box-sizing: border-box; display: block; position: absolute; top: 15%; font-size: 120%; font-weight: bold; padding: 5px;} #ind #newssp #newsnkmsp .newsnkmsptxt .sp-previous-arrow { left: 0; tet-align: left; padding-left: 2px;} #ind #newssp #newsnkmsp .newsnkmsptxt .sp-next-arrow { right: 0; tet-align: right; padding-right: 2px;} #ind #newssp #newsnkmsp .newsnkmsptxt .sp-fade-arrows { opacity: 0; -webkit-transition: opacity 0.5s; transition: opacity 0.5s;} #ind #newssp #newsnkmsp .newsnkmsptxt .sp-arrow:hover { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha(opacity=60)"; -moz-opacity: 0.6; -khtml-opacity: 0.6; cursor:pointer;} /*story*/ #ind #storyset { box-sizing: border-box; width: 100%; margin: 17px 0; padding: 0 4px 10px 4px; background: rgba(225, 226, 226, 1.0); position: relative;} #ind #storyset:before { width: 100%; height: 12px; background: url(../img/ue_g.png) left repeat-x; content: ""; position: absolute; top: -12px; left: 0;} #ind #storyset:after { width: 100%; height: 12px; background: url(../img/shita_g.png) left repeat-x; content: ""; position: absolute; bottom: -11px; left: 0;} #ind #storyset #storyall { width: 100%; max-width: 320px; margin: 0 auto;} #ind #storyset #storysp { width: 100%; height: 0; padding-top: 56.25%; position: relative;} #ind #storyset #storyp { width: 100%; height: 0; padding-top: 56.25%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;} #ind #storyset #storyp dt { display: none;} #ind #storyset #storyp .story_lnksp { width: 100%; height: 0; padding-top: 56.25%; position: absolute; top: 0; left: 0; -webkit-border-radius: 15px; border-radius: 15px;} #ind #storyset #storyp .story_lnksp a { width: 100%; height: 100%; display: block; background: rgba(255, 255, 255, 0); position: absolute; top: 0; left: 0; -webkit-border-radius: 15px; border-radius: 15px;} #ind #storyset #storyp .story_lnksp a:hover { background: rgba(255, 255, 255, 0.2); -webkit-border-radius: 15px; border-radius: 15px;} #ind #storyset #storyp .onair_lnksp { width: 28%; position: absolute; top: 76%; left: 1%;} #ind #storyset #storyp .onair_lnk { width: 100%; height: 0; padding-top: 32%; position: absolute; top: 0; left: 0;} #ind #storyset #storyp .onair_lnk a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(245, 241, 55, 0);} #ind #storyset #storyp .onair_lnk a:hover { background: rgba(245, 241, 55, 0.3);} #ind #storyset #storyp .spot_lnksp { width: 63.5%; position: absolute; top: 5%; left: 1.5%;} #ind #storyset #storyp .spot_lnk { box-sizing: border-box; width: 100%; height: 0; padding-top: 56.25%; position: absolute; top: 0; left: 0;} #ind #storyset #storyp .spot_lnk iframe { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0.1%; left: 0.1%; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px;} #ind #storyset #storyp .spot_lnk .youtubenojs { width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;} #ind #storyset #storyp .spot_lnk .youtubenojs .nojst { box-sizing: border-box; width: 100%; position: absolute; top: 48%; left: 0; color: rgba(0, 0, 0, 1.0); font-size: 80%; padding-top: 0.5%; overflow: hidden;} #ind #storyset #storyp .tapeall { width: 20%; position: absolute; top: -2%; left: 25%;} #ind #storyset #storyp .tapesp { width: 100%; height: 0; padding-top: 42.268041237113%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/tape.png);} /*menu*/ #ind #menuset { width: 100%; max-width: 400px; margin: -8px auto;} #ind #menuset #mnall { width: 100%; height: 0; padding-top: 110%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/bg_s.jpg); position: relative;} #ind #menuset #mnall dt { width: 50%; max-width: 160px; position: absolute; top: -6%; left: 2%; display: block;} #ind #menuset #mnall dt .mntxt { width: 100%; height: 0; padding-top: 32.72727272727273%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/ind_mn.png); display: block;} #ind #menuset li a:hover { -webkit-filter: sepia(50%); -moz-filter: sepia(50%); filter: sepia(50%); opacity: 0.8; -webkit-opacity: 0.8; -moz-opacity: 0.8;} #ind #menuset #mn_intro { width: 75px; height: 90px; position: absolute; top: 8%; left: 14%;} #ind #menuset #mn_intro a { width: 75px; height: 90px; display: block; background: url(../img/ind_mn-intro.png) no-repeat;} #ind #menuset #mn_cast { width: 120px; height: 100px; position: absolute; top: 29%; right: 0;} #ind #menuset #mn_cast a { width: 120px; height: 100px; display: block; background: url(../img/ind_mn-cast0.png) no-repeat;} #ind #menuset #mn_chart { width: 180px; height: 100px; position: absolute; top: 34%; left: 6%;} #ind #menuset #mn_chart a { width: 180px; height: 100px; display: block; background: url(../img/ind_mn-chart0.png) no-repeat;} #ind #menuset #mn_chart0 { width: 230px; height: 100px; position: absolute; top: 28%; left: 23%; background: url(../img/ind_mn-chart.png) no-repeat; opacity: 0.3; -webkit-opacity: 0.3; -moz-opacity: 0.3; -webkit-filter: grayscale(90%); -moz-filter: grayscale(90%); filter: grayscale(90%);} #ind #menuset #mn_bbs { width: 140px; height: 110px; position: absolute; top: 56%; left: 46%;} #ind #menuset #mn_bbs a { width: 140px; height: 110px; display: block; background: url(../img/ind_mn-bbs0.png) no-repeat;} #ind #menuset #mn_news { width: 140px; height: 130px; position: absolute; top: 52%; left: 2%;} #ind #menuset #mn_news a { width: 140px; height: 130px; display: block; background: url(../img/ind_mn-news0.png) no-repeat;} #ind #menuset #mn_dj { width: 160px; height: 120px; position: absolute; top: -6%; right: 3%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background: url(../img/ind_mn-dj1.png) no-repeat; opacity: 0.3; -webkit-opacity: 0.3; -moz-opacity: 0.3; -webkit-filter: grayscale(90%); -moz-filter: grayscale(90%); filter: grayscale(90%);} #ind #menuset #mn_dj_new { width: 160px; height: 120px; position: absolute; top: 0; right: 0; background: url(../img/ind_mn-dj0-new.png?1) no-repeat;} #ind #menuset #mn_dj a { width: 160px; height: 120px; display: block; background: url(../img/ind_mn-dj0.png?1) no-repeat;} /*sp_movie*/ #ind #spmvset { width: 100%; max-width: 306px; margin: -50px auto 8px auto;} #ind #spmvset .mtitletxt { width: 100%; position: absolute; bottom: 32px; left: 0; text-align: center; font-size: 94%; letter-spacing: 0.1em; line-height: 130%; -moz-text-shadow: 0 0 5px rgba(100, 100, 100, 0.5); -webkit-text-shadow: 0 0 5px rgba(100, 100, 100, 0.5); text-shadow: 0 0 5px rgba(100, 100, 100, 0.5); display: none;} #ind #spmvset .movie_lnk { width: 78.43137254902%; height: 0; padding-top: 11.764705882353%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/ind_mn-movie.png); position: absolute; bottom: -7px; left: 10.75%; display: none;} #ind #spmvset .movie_lnk .lnktxt { width: 100%; text-align: center; line-height: 120%; margin: 0 auto; position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%); font-weight: bold; letter-spacing: 0.1em;} #ind #spmvset .movie_lnk a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;} #ind #spmvset #spmvset0 { width: 100%; height: 0; padding-top: 75.1633986%; position: relative;} #ind #spmvset #spmvall { width: 100%; height: 0; padding-top: 75.1633986%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: absolute; top: 0; left: 0; display: none;} #ind #spmvset #spmvall .spmoviesp { width: 88%; position: absolute; top: 10%; left: 6%;} #ind #spmvset #spmvall .spmovie { box-sizing: border-box; width: 100%; height: 0; padding-top: 56.25%; position: absolute; top: 0; left: 0;} #ind #spmvset #spmvall .spmovie iframe { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0.1%; left: 0.1%; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px;} #ind #spmvset #spmvall .spmovie .youtubenojs { width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;} #ind #spmvset #spmvall .spmovie .youtubenojs .nojst { box-sizing: border-box; width: 100%; height: 16%; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); color: rgba(255, 255, 255, 1.0); font-size: 80%; padding-top: 0.5%; overflow: hidden;} #ind #spmvset #spmvall .spmovie .youtubenojs a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(255, 255, 255, 0);} #ind #spmvset #spmvall .spmovie .youtubenojs a:hover { background: rgba(255, 255, 255, 0.2);} #ind #spmvset #spmvall .spmovie .new { width: 43px; height: 36px; position: absolute; top: 0; left: 0; background: url(../img/new_m.png) no-repeat;} #ind #spmvset #spmvall .spmovie .new .mupdate { width: 100%; text-align: center; font-size: 75%; font-weight: bold; color: rgba(250, 245, 51, 1.0); position: absolute; top: 0; left: 0;} #ind #spmvset #spmvall .spmovie .info360 { width: 100%; background: rgba(0, 0, 0, 0.5); font-size: 90%; color: rgba(255, 255, 255, 1.0); text-align: center; position: absolute; bottom: 0; left: 0; padding: 10px 0; letter-spacing: 0.1em; display: none;} #ind #spmvset #spmvall .spmovie .youtubenojs .playbtn { width: 53px; height: 53px; background: url(../img/movie.png?0) no-repeat; margin-top: -26px; margin-left: -26px; position: absolute; top: 50%; left: 50%;} /*sp_contents*/ #ind #sp_contents { box-sizing: border-box; width: 100%; margin: 17px 0; padding: 5px; background: rgba(255, 255, 255, 1.0); position: relative;} #ind #sp_contents:before { width: 100%; height: 12px; background: url(../img/ue.png) left repeat-x; content: ""; position: absolute; top: -12px; left: 0;} #ind #sp_contents:after { width: 100%; height: 12px; background: url(../img/shita.png) left repeat-x; content: ""; position: absolute; bottom: -11px; left: 0;} #ind #sp_contents0 { display: none;} #ind #sp_contents .spdt { width: 100%; max-width: 300px; margin: 0 auto;} #ind #sp_contents .spdt .titlep { width: 100%; height: 0; padding-top: 13.333333333333333%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/sp_title-s.png);} #ind #sp_contents .spdd { width: 100%; max-width: 300px; margin: 0 auto 5px auto;} #ind #sp_contents .spdd ul:before, #ind #sp_contents dd ul:after { content: ""; display: table;} #ind #sp_contents .spdd ul:after { clear: both;} #ind #sp_contents .spdd li a { width: 100%; height: 100%; display: block; -webkit-border-radius: 10px; border-radius: 10px; position: absolute; top: 0; left: 0; background: rgba(202, 46, 27, 0);} #ind #sp_contents .spdd li a:hover { -webkit-border-radius: 10px; border-radius: 10px; background: rgba(202, 46, 27, 0.1);} #ind #sp_contents .spdd #pinterviewsp { width: 300px; height: 120px; background: url(../img/sp_interview-s.jpg) no-repeat; margin: 5px 0 0 0; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-border-radius: 10px; border-radius: 10px;} #ind #sp_contents .spdd #pblogsp { width: 177px; height: 128px; background: url(../img/sp_blog-s.png) no-repeat; margin: 5px 0 0 0; float: left; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-border-radius: 10px; border-radius: 10px;} #ind #sp_contents .spdd #pblogsp .contxtset { width: 167px; height: 37px; position: absolute; top: 84px; left: 5px; overflow: hidden;} #ind #sp_contents .spdd #pblogsp .contxtset .new { width: 43px; height: 27px; position: absolute; top: 0; right: 0; background: url(../img/new.png) no-repeat;} #ind #sp_contents .spdd #pblogsp .contxtset dl { width: 98%; height: 98%; position: absolute; top: 1%; left: 1%; text-align: left; line-height: 100%;} #ind #sp_contents .spdd #pblogsp .contxtset dt { box-sizing: border-box; padding: 0 0 1% 5px; height: 47%; border-bottom: 1px dotted rgba(0, 159, 215, 1.0); color: rgba(0, 159, 215, 1.0); font-size: 90%; font-weight: bold;} #ind #sp_contents .spdd #pblogsp .contxtset dd { box-sizing: border-box; padding: 1.5% 0 0 5px;} #ind #sp_contents .spdd #pblogsp .contxtset .dateblue { color: rgba(0, 159, 215, 1.0);} #ind #sp_contents .spdd #partsp { width: 116px; height: 128px; background: url(../img/sp_art0.png) no-repeat; margin: 5px 0 0 0; float: right; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-border-radius: 10px; border-radius: 10px;} #ind #sp_contents .spdd #pkabegamisp { width: 116px; height: 128px; background: url(../img/sp_kabegami.png) no-repeat; margin: 5px 0; float: left; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-border-radius: 10px; border-radius: 10px;} #ind #sp_contents .spdd #pgallerysp { width: 177px; height: 128px; background: url(../img/sp_gallery.png) no-repeat; margin: 5px 0; float: right; position: relative; box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 0 1px 1px; -webkit-border-radius: 10px; border-radius: 10px;} #ind #sp_contents .spdd #pgallerysp .comstxt { width: 100%; text-align: center; position: absolute; left: 0; bottom: 15px; color: rgba(255, 255, 255, 1.0); font-weight: bold;} #ind #sp_contents .spdd #pgallerysp .comstxt { width: 50%; text-align: left; position: absolute; left: 5px; bottom: 5px; color: rgba(255, 255, 255, 1.0); font-weight: bold; text-align: left; letter-spacing: 0.1em; color: rgba(0, 159, 215, 1.0); font-size: 110%;} #ind .tbsfreesp { width: 100%; margin-top: 10px; border-top: 2px dotted rgba(200, 200, 200, 1.0); position: relative;} #ind .tbsfree { width: 300px; height: 90px; background: url(../img/tbs_free-s.png?00) no-repeat; margin: 15px auto 10px auto; position: relative; filter: alpha(opacity=20); -webkit-filter: opacity(20%); filter: opacity(20%); -khtml-opacity: 0.2; opacity: 0.2; -webkit-opacity: 0.2; -moz-opacity: 0.2; -webkit-filter: saturate(80%); filter: saturate(80%); -webkit-filter: grayscale(80%); filter: grayscale(80%);} #ind .tbsfree .playbtn { width: 53px; height: 53px; background: url(../img/movie0.png) no-repeat; position: absolute; bottom: 5px; right: 5px;} #ind .tbsfree a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(202, 46, 27, 0);} #ind .tbsfree a:hover { background: rgba(202, 46, 27, 0.1);} #ind .tbsfreesp .finishtxt { width: 90%; font-weight: bold; line-height: 120%; text-align: center; position: absolute; top: 45%; left: 5%; letter-spacing: 0.2em;} /*for_W480-*/ @media screen and (min-width: 480px) { .sssbr { display: none;} /*archive*/ .con #nkm .archive { width: 98%; margin: 10px auto 5px auto;} .con #nkm .archive li { width: 12%; margin: 5px 3.8%; float: left; font-size: 140%; font-weight: bold;} /*BLOG*/ #blog #nkm .whitesp { max-width: 850px; padding: 5px 5px 20px 5px; margin: 20px auto 2px auto;} #blog #nkm .blog_title { width: 98%; margin: -45px auto 10px auto;} #blog #nkm .blog_title .btitlesp { width: 100%; height: 0; padding-top: 16.6666666666666667%; display: block; position: relative; z-index: 20;} #blog #nkm .blog_title .btitlesp .btitle { width: 100%; height: 0; padding-top: 16.6666666666666667%; display: block; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/blog_title.png);} #blog #nkm .cntset { padding: 10px 5px 1px 5px; margin-top: -25px; position: relative; z-index: 10;} #blog #nkm .cntset:after { display: none;} #blog #nkm .dateblue { color: rgba(0, 159, 215, 1.0); font-size: 110%;} #blog #nkm .cntset .cndt .dateset { padding: 2px;} #blog #nkm .cntset .cndd dt { text-align: center;} /*KABEGAMI*/ #kabegami #nkm .whitesp .contset { -webkit-background-size: auto; background-size: auto; padding-top: 100px;} /*MOVIE*/ #movie #nkm .whitesp .archiveset li { width: 32%; margin: 5px 0.6%;} } /*for_W640-*/ @media screen and (min-width: 640px) { .sbr, .lbr { display: none;} .mbr { display: block;} /*footer*/ #kanrenset { width: 300px; height: 50px; margin: 5px auto 15px auto; position: relative; display: none;} #kanrenset #kanren_ishop { width: 145px; height: 50px; position: absolute; top: 0; left: 0; background: url(../img/kanren_ishop1s.jpg) no-repeat; z-index:5000;} #kanrenset #kanren_odm { width: 145px; height: 50px; position: absolute; top: 0; right: 0; background: url(../img/kanren_odm.png) no-repeat; z-index:5000;} #ind #kanrenset0 { display: none;} /*header*/ #photosp { padding-top: 17%;} #photop { padding-top: 17%; background-image: url(../img/con_title-b0.png);} /*menu*/ #vmenu li { height: 36px; font-size: 90%;} /*CON*/ .con #nkm .whitesp { padding: 10px 20px;} .con #nkm .nkm_title { margin-top: -35px;} .con #nkm .whitesp .pd105 { text-align: left;} .con #nkm .whitesp .pd105 .ct { text-align: center;} .con #nkm .kkm #staff th { width: 45%; font-size: 90%;} .con #nkm .kkm #staff td { width: 55%;} /*sp_contents*/ .con #sp_contents { box-sizing: border-box; width: 100%; margin: -15px auto 17px auto;} .con #sp_contents dl:before, .con #sp_contents dl:after { content: ""; display: table;} .con #sp_contents dl:after { clear: both;} .con #sp_contents .spcon_set { width: 100%; max-width: 640px; margin: 0 auto;} .con #sp_contents .spdt { float: left; margin-top: 10px;} .con #sp_contents .spdd { width: 100%; max-width: 640px; height: 285px; padding: 0; float: none;} .con #sp_contents .spdd:before, #ind #sp_contents .spdd:after { content: ""; display: table;} .con #sp_contents .spdd:after { clear: both;} .con #sp_contents .spdd #pinterviewsp { margin: 5px 0 10px 305px; float: none;} .con #sp_contents .spdd #pmoviesp { margin: -77px 300px 5px 0;} .con #sp_contents .spdd #pblogsp { position: relative; float: left; margin: 5px 2px;} .con #sp_contents .spdd #pblogsp .contxtset dl { width: 98%; height: 98%; position: absolute; top: 1%; left: 1%; text-align: left; line-height: 100%;} .con #sp_contents .spdd #partsp { float: left; margin: 5px;} .con #sp_contents .spdd #pkabegamisp { float: left; margin: 5px 2px;} .con #sp_contents .spdd #pgallerysp { float: left; margin: 5px;} /*archive*/ .con #nkm .archive { width: 100%; margin: 10px auto 5px auto;} .con #nkm .archive li { width: 8%; margin: 5px 0.8% 5px 1.1%; float: left; font-size: 140%;} /*CHART*/ #chart #nkm .infotxt { color: rgba(2, 78, 105, 1.0); text-align: left; font-size: 100%; padding-left: 5px; position: absolute; bottom: 0; left: 0;} /*BBS*/ #bbs #nkm .whitesp iframe { margin-bottom: 0;} /*MOVIE*/ #movie #nkm .whitesp .archiveset { margin-bottom: 20px;} /*STORY*/ .con #nkm .whitesp { padding: 5px 85px;} #story #nkm .whitesp .sphotosp .spall { width: 48%; margin: 10px 1%;} #story #nkm .whitesp .sphotosp #spall-1 { float: left; margin: 10px 1% 10px 0;} #story #nkm .whitesp .sphotosp #spall-2 { float: right; margin: 10px 0 10px 1%;} #story #nkm .kkm .plussp { font-size: 110%; letter-spacing: 0.1em;} /*REPORT*/ #report .ncont p { text-align: center;} /*BLOG*/ #blog #nkm .whitesp { margin: 30px auto 2px auto;} #blog #nkm .blog_title { margin: -60px auto 10px auto;} #blog #nkm .cntset .cndd .hnbn { padding: 10px;} #blog #nkm .cntset { padding-top: 3px; margin-top: -15px; position: relative; z-index: 10;} #blog .blog_archive ul { 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;} #blog .blog_archive ul:before, #blog .blog_archive ul:after { content: ""; display: table;} #blog .blog_archive ul:after { clear: both;} #blog .blog_archive li { width: 49%; margin: 0 0.45%; float: left;} #blog .nav { width: 100%; max-width: 580px; margin: 0 auto;} #blog .nav .navsp { width: 100%; height: 0; padding-top: 13.793103448276%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/blog_nav.png); position: relative;} #blog .nav .back { width: 31.034482758621%; height: 0; padding-top: 13.79310344827586%; display: block; position: absolute; top: 0.4%; left: 0.4%;} #blog .nav .next { width: 31.034482758621%; height: 0; padding-top: 13.79310344827586%; display: block; position: absolute; top: 0.4%; right: 0.4%; } #blog .nav .latest { width: 28.448275862069%; height: 0; padding-top: 11.20689655172404%; display: block; position: absolute; top: 12%; left: 35%;} /*ART*/ #art #nkm .whitesp .contset0 .catch { padding: 15px 20px;} #art #nkm .whitesp .contset0 .art_info ol { margin: 10px 15px 10px 25px;} #art #nkm .whitesp .contset0 .art_info dd { text-align: left; padding: 10px 25px;} #art #nkm .whitesp .contset0 .catch .catchtxt { text-align: center;} #art #nkm .whitesp .contset0 .annai .art_info { margin: 10px auto 15px auto;} /*INDEX*/ /*header*/ #ind #header { padding-bottom: 8%; z-index: 0;} #ind #photosp { width: 100%; height: 0; padding-top: 57.142857142857%; position: relative;} #ind #photop { width: 100%; height: 0; padding-top: 57.142857142857%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;} #ind #photop0 { width: 100%; height: 0; padding-top: 57.142857142857%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/photo0.jpg?0323);} #ind #titleall { top: 80%;} #ind #titlep { width: 100%; height: 0; padding-top: 20%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/title-b0.png);} #ind #photop2sp { display: none;} /*footer*/ #ind #footer #ftnkm { width: 100%; max-width: 650px; margin: 0 auto;} #ind #kanrenset { margin: -530px 0 480px 1%;} /*news*/ #ind #newsall { position: absolute; bottom: -205px; right: 0; width: 260px; height: 100px; margin: 0 54% 0 0; float: left; z-index: 2;} #ind #newssp { width: 100%; height: 100%;} #ind #newssp:after { border-bottom: 45px solid rgba(255, 255, 255, 0.9); border-right: 7px solid transparent; border-left: 7px solid transparent; content: ''; position: absolute; top: -45px; left: 40%;} #ind #newssp #newsnkm { top: 25px;} #ind #newssp #newsnkmsp { width: 100%; height: 0; padding-top: 28%; position: absolute; top: 0; left: 0; background: rgba(234, 234, 234, 1.0);} #ind #newssp #newsnkmsp .newsnkmsptxt { padding-top: 25%;} #ind #newssp #newsnkmsp .newsnkmsptxt .sp-arrows { height: 100%;} #ind #newssp #newsnkmsp .newsnkmsptxt .sp-arrow { top: 28%; font-size: 140%;} /*story*/ #ind #storyset { box-sizing: border-box; width: 100%; height: 180px; margin: 17px 0; padding: 0 4px 10px 4px; background: rgba(225, 226, 226, 1.0); position: relative; z-index: 1;} #ind #storyset:before, #ind #storyset:after { content: ""; display: table;} #ind #storyset:after { clear: both;} #ind #storyset #storyall { width: 320px; margin: 0 0 0 48%; float: left;} /*menu*/ #ind .mnplus { width: 100%; max-width: 650px; margin: 0 auto;} #ind .mnplus:before, #ind .mnplus:after { content: ""; display: table;} #ind .mnplus:after { clear: both;} #ind #menuset { width: 49%; position: relative; z-index: 3; float: right; margin: 0 0.3%;} /*sp_movie*/ #ind #spmvset { width: 48%; position: relative; z-index: 4; float: left; margin: 0 0 0 1%;} /*sns*/ #ind #snsset { width: 100%; max-width: 650px; height: 300px; margin: 0 auto;} #ind #snsset h2 { margin: 10px 0 0 12%;} #ind #snsset:before, #ind #snsset:after { content: ""; display: table;} #ind #snsset:after { clear: both;} #ind #instagramsp { float: left; margin-top: 10px; margin-left: 1%;} #ind #twittersp { float: right; margin-top: -50px; margin-right: 1%;} /*sns_btn*/ .twtfb { width: 300px; height: 26px; overflow: hidden; margin: 20px auto 0 auto; position: relative;} /*sp_contents*/ #ind #sp_contents { box-sizing: border-box; width: 100%; margin: -15px auto 17px auto;} #ind #sp_contents dl:before, #ind #sp_contents dl:after { content: ""; display: table;} #ind #sp_contents dl:after { clear: both;} #ind #sp_contents .spcon_set { width: 100%; max-width: 640px; margin: 0 auto;} #ind #sp_contents .spdt { float: left; margin-top: 50px;} #ind #sp_contents .spdd { width: 100%; max-width: 640px; height: 285px; padding: 0; float: none;} #ind #sp_contents .spdd:before, #ind #sp_contents .spdd:after { content: ""; display: table;} #ind #sp_contents .spdd:after { clear: both;} #ind #sp_contents .spdd #pinterviewsp { margin: 5px 0 5px 305px; float: none; z-index: 2000;} #ind #sp_contents .spdd #pblogsp { position: relative; z-index: 2000; float: left; margin: 5px;} #ind #sp_contents .spdd #pblogsp .contxtset dl { width: 98%; height: 98%; position: absolute; top: 1%; left: 1%; text-align: left; line-height: 100%; z-index: 2000;} #ind #sp_contents .spdd #pblogsp .contxtset .new { z-index: 2500;} #ind #sp_contents .spdd #pblogsp a { z-index: 3000;} #ind #sp_contents .tbsfree a { z-index: 3000;} #ind #sp_contents .spdd #partsp { z-index: 2000; float: left; margin: 5px 0;} #ind #sp_contents .spdd #pkabegamisp { z-index: 2000; float: left; margin: 5px;} #ind #sp_contents .spdd #pgallerysp { z-index: 2000; float: left; margin: 5px 0;} } /*for_W780-*/ @media screen and (min-width: 780px) { /*sp_contents*/ .con #sp_contents .spcon_set { float: none; width: 100%; max-width: 700px; height: 280px; margin: 10px auto; position: relative;} .con #sp_contents .spdt { margin: 0; float: none; position: absolute; top: 55px; left: 25px;} .con #sp_contents .spdd { width: 700px; max-width: 700px; float: none;} .con #sp_contents .spdd #pinterviewsp { width: 207px; height: 128px; background: url(../img/sp_interview.jpg) no-repeat; margin: 0; float: none; position: absolute; top: 10px; left: 340px;} .con #sp_contents .spdd #pmoviesp { width: 116px; height: 128px; background: url(../img/con-sp_movie.png) no-repeat; float: none; margin: 0; position: absolute; top: 10px; left: 560px;} .con #sp_contents .spdd #pblogsp { float: none; margin: 0; position: absolute; top: 150px; left: 370px;} .con #sp_contents .spdd #pkabegamisp { float: none; margin: 0; position: absolute; top: 150px; left: 560px;} .con #sp_contents .spdd #pgallerysp { float: none; margin: 0; position: absolute; top: 150px; left: 182px;} .con #sp_contents .spdd #partsp { float: none; margin: 0; position: absolute; top: 150px; left: 55px;} /*KABEGAMI*/ #kabegami #nkm .whitesp .contset .kbgm_infotxt { font-size: 90%; line-height: 140%;} #kabegami #nkm .whitesp .contset .smpset { width: 50%; max-width: 300px; margin: -1.3% 0 0 0; float: left;} #kabegami #nkm .whitesp .contset .pcall { width: 47%; max-width: 300px; margin: -2.5% 0 0 0; float: right;} #kabegami #nkm .whitesp .contset .kabegamiset { margin: -15px 0 20px 0;} #kabegami #nkm .whitesp .contset .kabegamiset:before, #kabegami #nkm .whitesp .contset .kabegamiset:after { content: ""; display: table;} #kabegami #nkm .whitesp .contset .kabegamiset:after { clear: both;} #kabegami #nkm .whitesp .contset .pcset #pctitlesp { width: 70px; float: right; margin: 0 0 5px 0;} #kabegami #nkm .whitesp .contset .pcset #pctitlesp:before, #kabegami #nkm .whitesp .contset .pcset #pctitlesp:after { content: ""; display: table;} #kabegami #nkm .whitesp .contset .pcset #pctitlesp:after { clear: both;} #kabegami #nkm .whitesp .contset .pcset #pcset { width: 100%; max-width: 300px; float: right; margin: 0; border-bottom: 3px solid rgba(202, 46, 27, 1.0);} #kabegami #nkm .whitesp .contset .kabegami_info { margin-bottom: 20px;} /*ART*/ #art #nkm .whitesp .contset0 .catch .catchtxt { letter-spacing: 0.3em;} #art #nkm .whitesp .contset0 .catch .catchtxt .f110 { font-size: 120%;} #art #nkm .whitesp .presentset { margin: 30px 10px 10px 0; float: left;} #art #nkm .whitesp .presenttxt { padding-top: 15px; width: 53%; text-align: left; float: left; font-size: 100%;} /*STORY*/ #story #nkm .kkm .plussp { font-size: 120%; letter-spacing: 0.2em;} } /*for_W900-*/ @media screen and (min-width: 900px) { .sssbr { display: none;} .con #nkm .kkm #staff th { font-size: 100%;} .con #nkm .kkm #staff td { line-height: 130%;} .con #nkm .kkm #staff td .ls0 { letter-spacing: 0.1em;} #kanrenset0 { display: none;} /*BLOG*/ #blog #nkm .whitesp { max-width: 900px; padding: 5px 5px 20px 5px; margin: 60px auto 5px auto;} #blog #nkm .blog_title { width: 100%; margin: -90px auto 5px auto;} #blog .blog_archive li { width: 100%; margin: 0;} #blog .blogset:before, #blog .blogset:after { content: ""; display: table;} #blog .blogset:after { clear: both;} #blog #nkm .cntset { margin-top: -43px; box-sizing: border-box; width: 69%; float: left;} #blog .blog_archive { box-sizing: border-box; width: 28%; float: right; margin-top: -65px; margin-right: 1%;} #blog #nkm .cntset .cndt:before, #blog #nkm .cntset .cndt:after { content: ""; display: table;} #blog #nkm .cntset .cndt:after { clear: both;} #blog #nkm .cntset .cndt .dateset { width: 40%; float: right; margin-top: 0; padding: 1px;} #blog #nkm .cntset .cndd { padding: 5px 0 10px 0;} #blog #nkm .cntset .cndd dt { padding: 10px 0;} #blog .blog_archive li .num { width: 16%;} #blog .blog_archive li .stitle { width: 83.5%;} /*MOVIE*/ #movie #nkm .whitesp .archiveset li { width: 24%; margin: 5px 0.5%;} /*ART*/ #art #nkm .whitesp .presenttxt { width: 59%; text-align: left; float: left;} #art #nkm .whitesp .presentset { margin: 0 10px 10px 0; float: left;} } /*for_W1000-*/ @media screen and (min-width: 1000px) { .sbr, .mbr { display: none;} .lbr { display: block;} .lbri { display: inline;} #cr { width: 100%; padding-bottom: 0; position: absolute; bottom: 30px; left: 0;} #pgtp { margin: 0 0 0 -60px; position: absolute; bottom: 10px; left: 93%; z-index: 10000;} /*CON*/ .con #nkm { width: 96%; font-size: 110%;} .con #nkm .whitesp { width: 98%; padding: 20px 80px 40px 80px; min-height: 400px;} .con #nkm .nkm_title { margin-top: -45px; margin-bottom: 15px;} /*menu*/ #vmenu li { height: 40px; font-size: 98%; margin: 10px 0.3%;} #vmenu #mn_news, #vmenu #mn_intro, #vmenu #mn_cast, #vmenu #mn_onair, #vmenu #mn_bbs, #vmenu #mn_dj { width: 11%;} #vmenu #mn_story, #vmenu #mn_chart { width: 20.3%; letter-spacing: 0.1em;} #vmenu #mn_story, #vmenu #mn_chart { width: 14.6%; letter-spacing: 0.1em;} #vmenu #mn_bbs { margin-right: 0.3%;} /*footer*/ .con .bnsp { position: absolute; top: -10px; left: 20px;} .con #footer { box-sizing: border-box; height: 340px; margin: 0;} .con #footer #ftnkm { max-width: 1000px; margin: 0 auto; position: relative;} .con #kanrenset { position: absolute; top: 180px; left: 485px;} /*sns*/ .con #snsset { width: 620px; margin: 10px 10px 0 34%; padding: 0; background: rgba(255, 255, 255, 0);} .con #snsset h2 { margin: 10px 0 0 230px;} .con #snsset:before, .con #snsset:after { display: none;} .con #instagramsp { width: 306px; margin: 0; position: absolute; top: 45px; left: 0;} .con #twittersp { width: 306px; margin: 0; position: absolute; top: 45px; right: 0;} /*sns_btn*/ .con .twtfb { width: 300px; height: 26px; overflow: hidden; position: absolute; top: 100px; left: 160px;} /*sp_contents*/ .con #sp_contents { box-sizing: border-box; width: 100%; max-width: 960px; margin: 15px auto 17px auto;} .con #sp_contents .spcon_set { float: none; width: 100%; max-width: 960px; height: 190px; margin: 10px auto; position: relative;} .con #sp_contents .spdt { max-width: 400px; margin: 0 0 0 -200px; float: none; position: absolute; top: 0; left: 50%;} .con #sp_contents .spdt .titlep { width: 100%; height: 0; padding-top: 10%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/sp_title.png?0);} .con #sp_contents .spdd { width: 100%; max-width: 960px; height: 150px; float: none; margin: 0; padding: 0; position: absolute; top: 50px; left: 0;} .con #sp_contents .spdd #partsp { position: absolute; top: 0; left: 3px;} .con #sp_contents .spdd #pgallerysp { position: absolute; top: 0; left: 125px;} .con #sp_contents .spdd #pinterviewsp { position: absolute; top: 0; left: 307px;} .con #sp_contents .spdd #pmoviesp { position: absolute; top: 0; left: 522px;} .con #sp_contents .spdd #pblogsp { position: absolute; top: 0; left: 646px;} .con #sp_contents .spdd #pkabegamisp { position: absolute; top: 0; left: 830px;} /*archive*/ .con #nkm .archive { width: 90%; margin: 10px auto 5px auto;} .con #nkm .archive li { width: 6%; margin: 5px 1.8% 5px 2.1%; float: left; font-size: 140%;} /*CHART*/ #chart #nkm .infotxt { font-size: 100%; padding-left: 25px; position: absolute; bottom: 5px; left: 0;} #chart #nkm .nkm_title { margin-top: -30px; margin-bottom: 15px;} /*CAST*/ #cast #nkm .kkm .commset { padding: 30px 15px;} /*STORY*/ #story #nkm .kkm .plussp .lbr .playbtn { width: 45px; height: 45px; float: right; margin-top: -10px;} #story #nkm .kkm .plussp .playbtn .mntxt { absolute; top: 50%; left: 4%; -webkit-transform: translateY(-50%); transform: translateY(-50%); display: block; font-size: 70%;} /*KABEGAMI*/ #kabegami #nkm .whitesp { padding-bottom: 20px;} #kabegami #nkm .whitesp h2 { margin: -45px auto 20px auto;} #kabegami #nkm .whitesp .contset .smpset1 .smpinfo, #kabegami #nkm .whitesp .contset .smpset2 .smpinfo, #kabegami #nkm .whitesp .contset .pcinfo { font-size: 80%;} /*MOVIE*/ #movie #nkm .whitesp .archiveset { margin-bottom: 0;} /*ART*/ #art #nkm .whitesp .presentset { margin: 40px 10px 10px 0;} /*INDEX*/ /*footer*/ #ind .bnsp { position: absolute; top: 10px; left: 10px;} #ind #footer { box-sizing: border-box; height: 380px; margin: 0;} #ind #footer #ftnkm { max-width: 1000px; margin: 0 auto; position: relative;} #ind #kanrenset { width: 300px; height: 50px; margin: 0; position: absolute; top: 250px; left: 350px;} /*menu*/ #ind .mnplus { width: 100%; max-width: 1000px; margin: -340px auto 0 auto; padding-bottom: 0;} #ind #menuset #mnall dt { position: absolute; top: -6%; left: -4%;} #ind #menuset #mn_dj { position: absolute; top: -12%; right: 3%;} #ind #menuset #mn_intro { position: absolute; top: 8%; left: 12%;} #ind #menuset #mn_cast { position: absolute; top: 29%; right: 0;} #ind #menuset #mn_chart { position: absolute; top: 37%; left: 1%;} #ind #menuset #mn_bbs { position: absolute; top: 64%; left: 43%;} #ind #menuset #mn_news { position: absolute; top: 57%; left: -5%;} /*menu_special*/ #ind #menuset #mnall { background-image: url(../img/cover.gif);} #ind #menuset { width: 300px; position: relative; z-index: 3; float: right; margin: 0;} #ind #spmvset { width: 270px; margin: 100px 0 0 2%;} #ind #spmvset .movie_lnk { width: 90%; height: 0; padding-top: 13.5%; bottom: -15px; left: 5%;} #ind #spmvset .mtitletxt { bottom: 26px;} /*story*/ #ind #storyset { max-width: 1000px; height: 375px; background: url(../img/main_bg.png) left no-repeat; margin: 5px auto; position: relative;} #ind #storyset:before, #ind #storyset:after { display: none;} #ind #storyset #storyp .ngmv { right: 125px; bottom: 42px; display: none;} #ind #storyset #storyall { width: 34%; max-width: 380px; margin: 0; position: absolute; top: 13px; left: 320px;} #ind #storyset #storysp { width: 100%; height: 0; padding-top: 100%; position: relative;} #ind #storyset #storyp { width: 100%; height: 0; padding-top: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../story/img/ind01.png); position: absolute; top: 0; left: 0;} #ind #storyset #storyp .story_lnksp { width: 100%; height: 0; padding-top: 100%; position: absolute; top: 0; left: 0;} #ind #storyset #storyp .onair_lnksp { width: 45%; position: absolute; top: 90%; left: 18%;} #ind #storyset #storyp .onair_lnk { width: 100%; height: 0; padding-top: 40%; position: absolute; top: 0; left: 0;} #ind #storyset #storyp .onair_lnk a { width: 100%; height: 40%; position: absolute; top: 2%; left: 0; background: rgba(245, 241, 55, 0);} #ind #storyset #storyp .onair_lnk a:hover { background: rgba(245, 241, 55, 0.3);} #ind #storyset #storyp .spot_lnksp { width: 100%; position: absolute; top: 5%; left: 0;} #ind #storyset #storyp .spot_lnk { box-sizing: border-box; width: 100%; height: 0; padding-top: 56.25%; position: absolute; top: 10px; left: 0;} #ind #storyset #storyp .spot_lnk iframe { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0.1%; left: 0.1%; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px;} #ind #storyset #storyp .spot_lnk .youtubenojs { width: 100%; height: 100%; position: absolute; top: 0; left: 0; box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -webkit-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 2px 2px; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;} #ind #storyset #storyp .spot_lnk .youtubenojs .nojst { box-sizing: border-box; width: 100%; height: 22%; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.7); color: rgba(255, 255, 255, 1.0); font-size: 80%; padding-top: 0.5%; overflow: hidden;} #ind #storyset #storyp .tapeall { width: 24%; position: absolute; top: 3%; left: 35%;} #ind #storyset #storyp .tapesp { width: 100%; height: 0; padding-top: 42.268041237113%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/tape.png);} /*news*/ #ind #newsall { width: 270px; height: 120px; bottom: -210px; margin: 0 70% 0 0;} #ind #newssp #n_titleall { top: 5px; left: 5px;} #ind #newssp #n_listlnk { box-sizing: border-box; width: 260px; text-align: right; position: absolute; top: 5px; right: 5px; display: block; font-weight: bold; letter-spacing: 0.1em; padding: 5px 0;} #ind #newssp #n_listlnk a { width: 258px; height: 23px; display: block;} #ind #newssp #newsnkm { box-sizing: border-box; width: 258px; position: absolute; top: 28px; right: 7px;} #ind #newssp #newsnkmsp { box-sizing: border-box; width: 258px; height: 85px; padding-top: 0; position: absolute; top: 0; left: 0; background: rgba(234, 234, 234, 1.0);} #ind #newssp #newsnkmsp .newsnkmsptxt0 { box-sizing: border-box; width: 258px; height: 0; padding-top: 32.6%; position: absolute; top: 0; left: 0; background: rgba(245, 245, 245, 1.0); overflow-y: auto; border: 1px solid rgba(100, 100, 100, 0.1); overflow: hidden; overflow-y: auto;} #ind #newssp #newsnkmsp .newsnkmsptxt0 ul { position: absolute; top: 0; left: 0; text-align: left;} #ind #newssp #newsnkmsp .newsnkmsptxt0 .sp-slide { box-sizing: border-box; width: 258px; height: auto; padding: 10px 20px 10px 5px; position: relative; background: rgba(255, 255, 255, 1.0); border: 1px solid rgba(234, 234, 234, 1.0); letter-spacing: 0;} #ind #newssp #newsnkmsp .newsnkmsptxt0 .sp-slide a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;} #ind #newssp #newsnkmsp .newsnkmsptxt0 .sp-arrows { display: none;} /*sns*/ #ind #snsset { width: 100%; max-width: 630px; height: 300px; margin: 0; background: rgba(255, 255, 255, 0); position: absolute; top: 0; right: 10px;} #ind #snsset:before, #ind #snsset:after { display: none;} #ind #snsset h2 { margin: 0 0 10px 80px;} #ind #instagramsp { float: left; margin-top: -10px; margin-left: 1%;} #ind #kanrenset { margin: 0; float: left; margin-left: 2%; margin-top: -5px;} /*sp_contents*/ #ind #sp_contents { box-sizing: border-box; width: 100%; margin: -20px auto 17px auto;} #ind #sp_contents0 { padding: 30px 0 10px 0;} #ind #sp_contents0:before, #ind #sp_contents0:after { content: ""; display: table;} #ind #sp_contents0:after { clear: both;} #ind #sp_contents .spcon_set { min-width: 825px; height: 180px; margin: 0; padding: 0; float: left;} #ind #sp_contents .spdt { width: 400px; max-width: 400px; margin: 0 auto; float: none;} #ind #sp_contents .spdt .titlep { width: 400px; height: 0; padding-top: 10%; display: block; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/sp_title.png);} #ind #sp_contents .spdd { min-width: 100%; height: 140px; margin: 0; position: relative; float: none;} #ind #sp_contents .spdd #pblogsp { margin: 0; float: none; position: absolute; top: 10px; left: 525px;} /*#ind #sp_contents .spdd #pblogsp { width: 207px; height: 128px; background: url(../img/sp_blog.png) no-repeat; margin: 0; float: none; position: absolute; top: 10px; left: 525px;} #ind #sp_contents .spdd #pblogsp .contxtset { width: 197px; height: 59px; position: absolute; top: 63px; left: 5px; overflow: hidden;} #ind #sp_contents .spdd #pblogsp .contxtset dt { color: rgba(0, 0, 0, 1.0); padding-top: 5px;} #ind #sp_contents .spdd #pblogsp .contxtset dd { font-size: 90%;}*/ #ind #sp_contents .spdd #partsp { margin: 0; float: none; position: absolute; top: 10px; left: 5px;} #ind #sp_contents .spdd #pgallerysp { margin: 0; float: none; position: absolute; top: 10px; left: 127px;} #ind #sp_contents .spdd #pinterviewsp { width: 207px; height: 128px; background: url(../img/sp_interview.jpg) no-repeat; margin: 0; float: none; position: absolute; top: 10px; left: 310px;} #ind #sp_contents .spdd #pkabegamisp { margin: 0; float: none; position: absolute; top: 10px; left: 710px;} #ind .tbsfreesp { width: 150px; margin-top: 20px; border-top: 0; float: right;} #ind .tbsfree { width: 140px; height: 160px; background: url(../img/tbs_free.png?00) no-repeat; margin: 0 0 0 5px;} } /*for_W1050-*/ @media screen and (min-width: 1050px) { #ind #header { padding-bottom: 70px;} #ind #titleall { left: 25px;} /*news*/ #ind #newsall { bottom: -210px; margin: 0 735px 0 0;} } #ind #spmvset #spmvall .spmovie .youtubenojs { background-image: url(../img/spmovie.jpg);}