@charset "utf-8";
.paper_wrap { background: #fff; box-shadow: 0 0 15px rgba(0,0,0,.2);}

.paper_head { text-align: center; background: url(../images/paper/bg_paper_left.png) no-repeat 0 0;}
.paper_head > div { height: 70px; background: url(../images/paper/bg_paper_right.png) no-repeat right 0; overflow: hidden;}
.paper_head > div > h3 { margin: 13px 0 10px;}
.paper_head > div > p { color: #4f4f4f; font-size: 14px;}

.paper_form { background: rgba(0,0,0,.5);}
.paper_form dl { position: relative; width: 252px; margin: 0 auto; padding: 10px 0 10px 48px;}
.paper_form dl > dt { position: absolute; left: 7px; top: 12px; color: #fff; font-weight: bold; line-height: 1.1;}

.paper_form .f_sel:after { content: ""; display: block; clear: both;}
.paper_form .f_sel > li { float: left; margin-left: 10px;}
.paper_form .f_sel > li:first-child { margin-left: 0;}

.paper_form hr { display: block; border: 0; outline: 0; border-top: 1px solid #b1b1b1; padding: 0; margin: 0;}

.paper_tit { position: relative; border-bottom: 2px solid #a1a1a1; padding-bottom: 3px; margin-bottom: 14px;}
.paper_tit > div { border-bottom: 1px solid #a1a1a1; padding-bottom: 8px;}
.paper_tit > div:after { content: ""; display: block; clear: both;}
.paper_tit > div > h4 { float: left; font-size: 18px; color: #393939;}
.paper_tit > div > p { float: right; color: #000000; padding-top: 2px; font-weight: bold;}

.paper_list_wrap { background: url(../images/paper/bg_paper.jpg) repeat 0 0; padding: 12px;}

.paper_list:after { content: ""; display: block; clear: both;}
.paper_list { margin: 0 -6px;}
.paper_list > li { float: left; width: 25%;}
.paper_list > li > a { display: block; margin: 0 6px;}

.paper_list > li > a > span { position: relative; display: block; border: 1px solid #dedede; transition: border-color .3s ease;}
.paper_list > li > a > span:before { content: ""; display: block; padding-top: 135.57%;}
.paper_list > li > a > span span { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block; z-index: 1;}
.paper_list > li > a > span span img { width: 100%; height: 100%;}
.paper_list > li > a > b { display: block; text-align: center; height: 40px; line-height: 35px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.paper_list > li > a.tap > span { border-color: #999; box-shadow: 0 0 4px rgba(0,0,0,.2);}
.paper_list > li.no_result { width: 100% !important; text-align: center; color: #222; padding: 30px 0 45px;}

/* Media Query */
@media only screen and (-webkit-min-device-pixel-ratio:1.5) {
.paper_head { background-image: url(../images/paper/bg_paper_left2x.png); background-size:70px 70px; -webkit-background-size:70px 70px;}
.paper_head > div { background-image: url(../images/paper/bg_paper_right2x.png); background-size:70px 70px; -webkit-background-size:70px 70px;}
}

@media all and (max-width:720px){
.paper_list > li { width: 33.3333%;}
}

@media all and (max-width:640px){
.paper_list > li { width: 25%;}
}

@media all and (max-width:500px){
.paper_list > li { width: 33.3333%;}
}

@media all and (max-width:400px){
.paper_list > li { width: 50%;}
}