@charset "utf-8";

@import url('reset.css');
@import url('common.css');
@import url('layout.css');
@import url('animate.css');

.srchResultHead {margin:-50px 0 55px;}
.srchResultHead > dt {margin-bottom:25px; font-size:24px; font-weight:300; text-align:center; line-height:1;}
.resultTab {border-top:2px solid #333; background:#f4f4f4; text-align:center;}
.resultTab > li {display:inline-block; font-size:16px;}
.resultTab > li > a {display:block; padding:20px 45px; line-height:1; letter-spacing:-1px;}
.resultTab > li.on {color:#3194ff;}

.srchResultCntWrap {margin-top:80px;}
.srchResultCntWrap:first-child {margin-top:0;}
.srchResultCntWrap > dt {padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #999; font-size:20px; line-height:1;}
.srchResultCntWrap .photoList {margin:-26px 0 0 -46px;}
.srchResultCntWrap .photoList > li {margin:47px 0 0 46px; float:left; width:250px; color:#000;}
.srchResultCntWrap .bookList {margin:-26px 0 0 -104px;}
.srchResultCntWrap .bookList > li {margin:47px 0 0 104px; float:left; width:207px; color:#000;}
.srchResultCntWrap .resultMore {margin-top:25px; text-align:center; font-size:15px; color:#141414; line-height:1;}
.srchResultCntWrap .resultMore > a {display:inline-block; padding-right:20px; background:url(../images/common/ico_result_more.png) 100% 4px no-repeat;}

.srchResultCntWrap .bookList_shelf {margin:0 auto; height:280px; display:block;}

.resultChartList > li {padding:20px 0; border-bottom:1px solid #ccc;}
.resultChartList > li:first-child {padding-top:0; border-bottom:1px solid #ccc;}
.chartDescList {line-height:1;}
.chartDescList > dt {margin-bottom:12px; font-size:16px; color:#000;}
.chartDescList > dd {font-size:14px; color:#666; line-height:1.4;}
.chartDescList > .date {margin-top:10px; font-size:12px; color:#999; line-height:1;}



/* web */
.web .mSnsCntWrap {display:none;}



/* mobile */

.mobile .srchResultHead {margin:0px 0 25px;}
.mobile .srchResultHead > dt {margin-bottom:15px; font-size:18px;;}
.mobile .resultTab {border-top:2px solid #333; background:#f4f4f4; text-align:center;}
.mobile .resultTab > li {display:block; font-size:14px; float:left; width:33.3%;}
.mobile .resultTab > li > a {display:block; padding:20px 0; line-height:1; letter-spacing:-1px;}
.mobile .resultTab > li.on {color:#3194ff;}

.mobile .srchResultCntWrap {margin-top:40px;}
.mobile .srchResultCntWrap:first-child {margin-top:0;}
.mobile .srchResultCntWrap > dt {padding-bottom:10px; margin-bottom:15px; border-bottom:1px solid #999; font-size:20px; line-height:1;}
.mobile .srchResultCntWrap .photoList {margin:15px 0 0 0;}
.mobile .srchResultCntWrap .photoList > li {margin:25px 0 0 0; float:none; width:auto; color:#000;}
.mobile .srchResultCntWrap .photoList > li:first-child {margin:0;}
.mobile .srchResultCntWrap .bookList {margin:15px 0 0 0;}
.mobile .srchResultCntWrap .bookList > li {margin:25px 0 0 0; float:none; width:auto; color:#000;}
.mobile .srchResultCntWrap .bookList > li:first-child {margin:0;}
.mobile .srchResultCntWrap .resultMore {margin-top:15px; text-align:center; font-size:15px; color:#141414; line-height:1;}
.mobile .srchResultCntWrap .resultMore > a {display:inline-block; padding-right:20px; background:url(../images/common/ico_result_more.png) 100% 4px no-repeat;}

.mobile .resultChartList > li {}
.mobile .chartDescList {line-height:1;}
.mobile .chartDescList > dt {margin-bottom:12px; font-size:16px; color:#000;}
.mobile .chartDescList > dd {font-size:14px; color:#666; line-height:1.4;}
.mobile .chartDescList > .date {margin-top:10px; font-size:12px; color:#999; line-height:1;}






@media all and (max-width:320px) {
}


@media all and (min-width:321px) and (max-width:375px) {
}

@media all and (min-width:376px) and (max-width:413px) {
}

@media all and (min-width:414px) and (max-width:768px) {
}

@media all and (min-width:769px) and (max-width:1024px) {
}


@media all and (min-width:415px) and (max-width:1024px) {
}

@media (max-width: 1600px) and (min-width: 1281px) {

}

@media (orientation: landscape) {
}