html#list{background:#002e4b}:focus{outline:0}.displayBlock{display:block}#contents{display:none}#list #mainArea .mainAreaBox{background:#002E4B}#list .mainConTop{width:930px;margin:24px auto 0}#list #footer{background:#002e4b;color:#B3B3B3}#list .mainConArea{width:930px}.conLine{margin:2em 0}.filter_all img{width:100%!important}.filter_selectArea{width:785px;float:right}.filter_contents dt:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url(/star/list/images/bg_dt.png) no-repeat;background-size:contain}.change_img{cursor:pointer}.selectBox{margin:30px 0;overflow:hidden}.filter_controle li,.filter_selectArea{display:inline-block}.filter_controle .pc_only{font-size:0}.filter_all button,.filter_list li button{border:1px solid #fff;text-align:center;vertical-align:middle;font-size:19px;color:#fff;margin:.3em .2em;padding:0 .3em;cursor:pointer;background-color:transparent;line-height:1.7;height:1.7em;font-family:Questrial,sans-serif}.year_kanji{font-size:15px}.filter_all.hoverClass button,.filter_list li button.active,.selectBox button.active{color:#002e4b;background-color:#FFF;border-color:#FFF}.filter_all.hoverClass button,.filter_list li button.hoverClass{opacity:.6}.filter_list li button.disable{color:#BADBF3;background-color:#809CB3;border-color:#809CB3;cursor:default;opacity:.4}.kanaArea li button{width:3.7em;display:block}.yearArea li button{width:90px}.kanaArea li button.col3{margin-top:2.3em}.kanaArea li button.col2{margin-top:6.3em}.flash_mark:after,.new_mark:after{-webkit-transform:scale(.7);transform:scale(.7);-ms-transform:scale(.7)}.toc dd,.toc dt{float:left;width:186px;height:186px;padding:0;margin:0;color:#fff;background:#ccc;position:relative;overflow:hidden;text-align:center;line-height:1.5}.toc dd a img{position:absolute}.toc .index_kana{background:#BADBF3;color:#003A67;font-family:'Open Sans',sans-serif;vertical-align:bottom}.toc .index_kana span{font-size:65px;color:#fff;font-weight:700;position:absolute;bottom:0;right:10px}.toc .contents_title{position:absolute;left:0;bottom:0;width:100%;height:30%;text-align:center;color:#fff;background:#E6E6E6;border:1px solid #B3B3B3;padding:0 5.8%;box-sizing:border-box}.contents_name,.index_year{font-weight:700;top:50%;left:50%;width:175px;text-align:center;position:absolute}.index_year{color:#fff;font-size:37px;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.contents_name{color:#000;font-size:18px;line-height:1.3;-ms-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.contents_number{top:-20px;left:5px;position:absolute;font-size:13px;text-shadow:1px 1px 1px #000}@media only screen and (max-width:768px){a:hover,a:hover div,a:hover img{opacity:1}.toc a:hover img{opacity:.6}.toc dd,.toc dt{width:50%;height:50vw}#list .mainConTop{width:94%;margin:3em 3% 2em}#list .mainConArea{width:100%}.filter_controle .sp_only>li:first-child{margin-bottom:1.5em}.filter_controle .sp_only .filter_list{margin:2em 0}.filter_controle li,.filter_selectArea{display:block}.filter_list li button{font-size:1.8em;margin:.3em 1.5%}.yearArea li button{width:30%}.kanaArea li button{width:17%;display:inline-block}.kanaArea li button.col3{margin-left:21.5%;margin-top:.3em}.kanaArea li button.col2{margin-left:61.5%;margin-top:.3em}.contents_name{padding-top:1.5%}}@media only screen and (max-width:320px){.contents_name{font-size:17px}}