Deprecated: The each() function is deprecated. This message will be suppressed on further calls in /home/zhenxiangba/zhenxiangba.com/public_html/phproxy-improved-master/index.php on line 456
/* --------------------------------------------------
競馬ギャラリー共通
-------------------------------------------------- */
.body_wrapper {
width: 940px;
margin: 30px auto 0 auto;
}
/*
ul.block_list.type2,
ul.block_list.type3,
ul.block_list.type4 {
width: 940px;
margin: 0 auto;
margin-top: 30px;
}
ul.block_list.type2 > li,
ul.block_list.type3 > li,
ul.block_list.type4 > li {
margin-bottom: 30px;
}
ul.block_list.type2 > li {
width: 456px;
}
ul.block_list.type2 > li .content .txt,
ul.block_list.type3 > li .content .txt {
font-size: 1.3rem;
}
ul.block_list.type2 > li:nth-child(2n) { margin-right: 0; }
ul.block_list.type2 > li > .block_unit > .btn a,
ul.block_list.type3 > li > .block_unit > .btn a { padding: 6px 0; }
ul.block_list.type3 > li {
width: 300px;
margin-right: 20px;
margin-bottom: 20px;
}
ul.block_list.type3 > li:nth-child(3n) { margin-right: 0; }
ul.block_list.type4 > li {
width: 220px;
margin-right: 20px;
margin-bottom: 20px;
}
ul.block_list.type4 > li:nth-child(4n) { margin-right: 0; }
ul.block_list.type2 li .block_unit .content.item p.img,
ul.block_list.type3 li .block_unit .content p.img,
ul.block_list.type4 li .block_unit .content p.img {
margin: 0;
}
ul.block_list.type4 li .block_unit h3 { text-align: center; }
*/
/* ------------------------------------------------------------
959px以下
------------------------------------------------------------ */
@media screen and ( max-width : 959px ) {
#contentsBody > .body_wrapper {
padding: 0 10px;
}
/*
ul.block_list.type2,
ul.block_list.type3,
ul.block_list.type4 {
width: 720px;
}
ul.block_list.type2 > li { width: 346px; }
ul.block_list.type3 > li {
width: 228px;
margin-right: 18px;
margin-bottom: 18px; }
ul.block_list.type4 > li {
width: 168px;
margin-right: 16px;
margin-bottom: 16px; }
*/
}
/* ------------------------------------------------------------
767px以下
------------------------------------------------------------ */
@media screen and ( max-width : 767px ) {
/*
ul.block_list.type2,
ul.block_list.type3,
ul.block_list.type4 {
width: auto;
}
*/
/*
ul.block_list.type2 > li,
ul.block_list.type3 > li,
ul.block_list.type4 > li {
width: auto;
margin-right: 0;
margin-bottom: 30px;
}
*/
ul.block_list.type2 > li .content .txt,
ul.block_list.type3 > li .content .txt { font-size: 1.2rem; }
ul.block_list.type2 > li > .block_unit > .btn a,
ul.block_list.type3 > li > .block_unit > .btn a { padding: 5px 0; }
/* - type3（３カラム）
-------------------------------------------------- */
/*
ul.block_list.type3 {
width: 100%;
margin: 0;
margin-top:30px;
}
ul.block_list.type3 > li {
float: none;
width: auto;
}
ul.block_list.type3 > li:nth-child(3n) { margin-right: 16px; }
*/
/* - type4（４カラム）
-------------------------------------------------- */
/*
ul.block_list.type4 {
width: 552px;
margin: 16px auto 0;
}
ul.block_list.type4 > li {
width: 168px;
margin-right: 16px;
margin-bottom: 16px; }
ul.block_list.type4 > li:nth-child(4n) { margin-right: 16px; }
ul.block_list.type4 > li:nth-child(3n) { margin-right: 0; }
*/
}
/* ------------------------------------------------------------
571px以下
------------------------------------------------------------ */
@media screen and ( max-width : 571px ) {
/* - type3（４カラム）
-------------------------------------------------- */
/*ul.block_list.type3 > li:nth-child(3n) { margin-right: 0; }*/
/* - type4（４カラム）
-------------------------------------------------- */
/*ul.block_list.type4 {
width: 368px;
}
ul.block_list.type4 > li:nth-child(3n) { margin-right: 16px; }
ul.block_list.type4 > li:nth-child(2n) { margin-right: 0; }*/
}
/* ------------------------------------------------------------
359px以下
------------------------------------------------------------ */
@media screen and ( max-width : 359px ) {
/* - type4（４カラム）
-------------------------------------------------- */
/*ul.block_list.type4 {
width: 100%;
}
ul.block_list.type4 > li {
float: none;
margin-right: 0;
width: 100%;
}*/
}