/*--topimg--*/
article.fserch{border:5px #b8883b solid;border-radius:15px; background:#FFF; margin:2em auto 1em; width:95%;}
.fserch h2{background:url(../img/com/loope.png) 2% no-repeat #b8883b;color:#FFF; font-family:"‚l‚r ‚o–¾’©", "MS PMincho", "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro", serif; padding:.5em 1em .5em 3em;font-size:1.5em;}

.fserch h4{border-bottom:1px #666 dotted; padding:.3em; margin-bottom:1em }
.fserch h4:before{content:""; height:0;width:0; display:inline; margin-right:.5em; border-left:5px #b8883b solid;}
.fserch button{ display:inline-block;text-align:center;border:1px #d5d1cd solid; border-radius:5px; padding:1px;}
.fserch button span{text-align:center; display:block; padding:.3em .9em;color:#FFF;background: rgba(179,138,77,1);
background: -moz-linear-gradient(top, rgba(179,138,77,1) 0%, rgba(155,111,0,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(179,138,77,1)), color-stop(100%, rgba(155,111,0,1)));
background: -webkit-linear-gradient(top, rgba(179,138,77,1) 0%, rgba(155,111,0,1) 100%);
background: -o-linear-gradient(top, rgba(179,138,77,1) 0%, rgba(155,111,0,1) 100%);
background: -ms-linear-gradient(top, rgba(179,138,77,1) 0%, rgba(155,111,0,1) 100%);
background: linear-gradient(to bottom, rgba(179,138,77,1) 0%, rgba(155,111,0,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b38a4d', endColorstr='#9b6f00', GradientType=0 );}
.fserch button:hover span{color:#9b6f00; background:#fff;}

/*--cale--*/


/*--serch--*/
.serch{padding:1em 1em 2em;}
.s_word{float:left; width:20%; position:relative}
.s_word button{ position:absolute; bottom:-3em; right:2em}
.s_word button+button{bottom:-6em;}
.s_set{margin-left:23%;}
.s_set div{display:inline-block; float:left}
.s_area{width:40%; margin-right:4%;}
.s_set label{display:inline-block; line-height:2em;padding-left:1em;}
.s_genre{width:55%; padding-bottom:1em}
.serch p{clear:left;text-align:center;border-top:1px #666 dotted; padding:1em 0}

/*--elist--*/
article.flist{width:95%; margin:2em auto}

.in_btn{padding:.5em 0; margin:1em 0}
.in_btn a{padding:.5em 1em .5em 3em; font-family:"‚l‚r ‚o–¾’©", "MS PMincho", "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro", serif; background:url(../img/com/point.png) 5% no-repeat #b8883b;color:#FFF; margin:1em auto; font-size:1.2em;}
.in_btn a:hover{background-position:7%;}

/*--pager--*/
.pager{clear:both;padding:.5em 1em; vertical-align:baseline;text-align:right}
.pager p{display:inline; line-height:2em}
.pager ul{float:right; margin:0 1em}
.pager li{display:inline-block;height:2em;width:2em; background:#b8883b;color:#FFF; text-align:center; line-height:2em;margin-bottom: .5em;}
.pager a{display:block; background:#666; color:#FFF;}
.pager a:hover{background:none;}

/*--tblist--*/
.falist li{ position:relative; background:#FFF;overflow:hidden; margin-bottom:2em;width:100%}
.falist figure{float:right; margin:16px 10px 0; overflow:hidden;width: 186px; text-align: center;}
.falist li img{ max-width: 170px;max-height:170px;}
.falist table{width:79%;}
.falist th,.falist td{padding:.5em}
.falist th{background:#b8883b; color:#FFF; border-top:1px #FFF solid; border-left:20px #b8883b solid; border-right:20px #b8883b solid; text-indent:.5em}
.falist th[rowspan="2"]{border-top:none;width:23%;}
.falist td{border-bottom:1px #666 dotted; display:block; margin-left:1em}
.falist tr:first-of-type td{border-bottom:none; padding-bottom:0;}
.falist tr:last-child td{border:none; padding-bottom:1em;word-break: break-all;}

.cate li{display:inline-block; min-width:6em;line-height:1.2em; text-align:center; border:1px #b8883b solid; color:#b8883b; margin:5px; font-size:.8em; padding:0 1em;width:auto}
h3.aiue{clear:both; font-size:1.4em; font-family:"‚l‚r ‚o–¾’©", "MS PMincho", "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro", serif; padding:0 .5em}
.tblist{ border-collapse:collapse;margin:1em auto 2em; background:#FFF;table-layout:fixed}
.tblist tr:first-child{ background:#b8883b; padding:5px 0;font-family:"‚l‚r ‚o–¾’©", "MS PMincho", "ƒqƒ‰ƒMƒm–¾’© Pro W3", "Hiragino Mincho Pro", serif; font-weight:bold; color:#FFF; border-top:5px #b8883b solid; border-bottom:5px #b8883b solid}
.tblist th{padding:.5em 1em;border-left:1px #FFF solid;}
.tblist th:first-child{border:none}
.tblist td{padding: 1em .5em 1em 1em; vertical-align:middle; line-height:1.6em;font-size:.9em;}
.tblist time{display:block;}
.tblist time:nth-of-type(2):before{content:"\ff5e"}
.tblist tr{border-bottom:1px #666 dotted;}
.tblist a{color:#b23f4d; text-decoration:underline;word-break: break-all;}
.tblist span{display:none;}

.serch p.add{font-size:.65em;margin-top:.5em;padding:0;border:none;text-align:left}
.serch p.add span{display:block;}

@media screen and (max-width: 480px){ 
.serch{margin-left:0;}
.s_word{float:none; width:100%}
.s_word button,.s_word button+button{ position:relative;bottom: inherit;right: inherit;}
.s_set{margin-left:0; margin-top:1em}


/*--pager--*/
.pager{margin:1em auto;text-align:center}
.pager ul{float:none; margin:.5em}

/*--tblist--*/
.falist figure{float:none; margin:1em; overflow:hidden; text-align:center;width: inherit;}
.falist li img{width:auto;max-width: 100%;max-height: initial;}
.falist table{width:100%;}
.falist th{border-left:none; border-right:none; display:block; text-indent:0}
.falist th[rowspan="2"]{width:100%;}
.falist td{border-bottom:none; margin-left:0}
.falist td span{display:block;}

/*--tblist--*/
.tblist tr:first-child{display:none;}
.tblist td{ display:block; border-bottom:1px #999 dotted;}
.tblist td:first-child{border:none; text-align:center;}
.tblist td:last-child{border:none}
.tblist span{display:block; padding:.2em 0; background:#b8883b; color:#FFF; text-align:center; margin-bottom:.5em; border-radius:10px;}
.tblist tr{border-style:solid;}
.tblist time{display:inline-block;}
.serch{padding:1em}
.serch p.add{font-size:1em;margin:1em auto}
.serch p.add span{display:inline-block;}
}