/*■■■■雑誌一覧ページ■■■■*/
/*ナビゲーション*/
.mnv-all{ float:left; clear:both; margin:5px 0 5px 5px; clear:both; width:720px;}
.mnv-all a{ text-decoration:none;}
.mnv-btn{ float:left; margin:1px 2px 0 0; padding:3px 0 3px 0; width:150px; text-align:center; background:#A4A3A3; border-radius:2px; color:#FFF;}
.mnv-btnp{ float:left; margin:1px 2px 0 0; padding:3px 0 3px 0; width:150px; text-align:center; background-color:#333333;border-radius:2px; color:#FFF;}
.mnv-gbtn{ float:left; margin:1px 2px 0 0; padding:3px 0 3px 0; width:75px; text-align:center; background:#A4A3A3; border-radius:2px; color:#FFF;}
.mnv-gbtnp{ float:left; margin:1px 2px 0 0; padding:3px 0 3px 0; width:75px; text-align:center; background-color:#333333;border-radius:2px; color:#FFF;}
.mnv-btn:hover, .mnv-btnp:hover, .mnv-gbtn:hover, .mnv-gbtnp:hover{ cursor:pointer; opacity:0.6;}

/*リスト*/
.gl_all{ float:left; margin:10px 0 0 0; clear:both; }
.gl_cont{ float:left; padding:0 0 0 10px; margin:0 0 20px 0; width:710px; }
.gl_box{ position:relative; float:left; margin:0 13px 15px 0; width:133px; height:180px;}
.gl_pic{ float:left; width:100%; height:100%; overflow:hidden; border-radius:3px 3px 3px 3px;}
.gl_box:hover{ opacity:0.6; cursor:pointer;}
.gl_name{ position:absolute; bottom:0px; float:left; padding:3px 0 2px 0; width:100%; text-align:center; color:#FFF; background-color:rgba(0,0,0,0.7); border-radius:0px 0px 3px 3px; }
.gl_name a{ color:#FFF; text-decoration:none;}

/*■■■■雑誌詳細ページ■■■■*/
.mz-all{ float:left; margin:10px 0 0 0; width:720px;}
.mz-d-all{ float:left; width:475px; height:165px; }
.mz-pic{ float:left; margin-right:15px; width:230px; }
.mz-pic img{border:#CCC solid 1px; height:290px; overflow:hidden;}
.mz-amazon{ float:left; margin:3px 0 0 0; width:230px; font-size:11px; text-align:right;}
.mz-amazon img{ width:127px; height:26px; float:right; border:none;}

.mz-d-col{ float:left; margin:2px 0 0 0; width:60px; font-size:12px; }
.mz-d-title{ float:left; margin:0 0 7px 10px; width:400px; font-size:24px;}
.mz-d-title span{ font-size:14px;}
.mz-agea{ float:left; margin:0 0 9px 10px; width:400px; }
.mz-agea th{ background:#999999; color:#FFF; font-weight:normal; text-align:center; font-size:12px;}
.mz-ageval-on{ background-color:#6AB000; height:18px; }
.mz-ageval-off{ background-color:#dddddd; height:18px; }
.mz-age-on{ float:left; background:#0C3; margin:0 3px 3px 0; padding:1px 0 1px 5px; width:80px; color:#FFF; font-size:12px; border-radius:3px;}
.mz-age-off{ float:left; background:#999; margin:0 3px 3px 0; padding:1px 0 1px 5px; width:80px; color:#FFF; font-size:12px; border-radius:3px;}

/*系統バー*/
.style-mz{ float:left; margin:0 0 7px 10px; width:400px; font-size:12px; color:#FFF; }
.style-mz div{ margin-right:2px; padding:5px 0 2px 4px; height:18px;}
.style-mz-1-1{ float:left; width:98%; background:#6AB000; border-radius:3px;}
.style-mz-2-1{ float:left; width:70%; background:#6AB000; border-radius:3px 0 0 3px;}
.style-mz-2-2{ float:left; width:26.5%; background:#6CA01E; border-radius:0 3px 3px 0;}
.style-mz-3-1{ float:left; width:52%; background:#6AB000; border-radius:3px 0 0 3px;}
.style-mz-3-2{ float:left; width:26%; background:#6CA01E;}
.style-mz-3-3{ float:left; width:17%; background:#6A8B39; border-radius:0 3px 3px 0;}

.mz-models{ float:left; margin:3px 0 5px 10px; width:400px; height:20px; }

/*専属モデル画像*/
.mz-mpic-all{ float:left; margin:5px 0 0 0; width:470px;}
.mz-mpic{ position:relative; float:left; margin:0 7px 0 0; width:85px;height:120px; overflow:hidden; border-radius:3px;}
.mz-mpic:hover{ opacity:0.6; cursor:pointer;}
.mz-mname{ position:absolute; padding:4px 2px 0 2px; bottom:0px; left:0px; z-index:1; width:100%; height:18px; text-align:center; background-color:rgba(0,0,0,0.7);}
.mz-mpic a{ color:#FFF; text-decoration:none; font-size:11px;}

/*　同系統雑誌　*/
.same-box{ clear:both; margin-left:5px; width:720px;}
.same-box:after { content: "."; display: block; height: 0; font-size:0; clear: both; visibility:hidden; }
.same-p{ position:relative; float:left; margin-right:5px; width:97px; height:115px; overflow:hidden; border-radius:3px;}
.same-txb{ position:absolute; padding:2px; bottom:0px; left:0px; z-index:1; width:97px;; height:25px; background-color:rgba(0,0,0,0.6); color:#FFF; font-size:12px; line-height:110%; text-align:center; display:table-cell; vertical-align:middle;}
.same-txb span{ display:table-cell; vertical-align:middle; height:25px; width:97px;}
.same-box a{ color:#FFF; text-decoration:none; font-size:11px;}
.same-p:hover { opacity:0.5; cursor:pointer;}
.same-info{ margin-left:15px; font-size:13px; color:#999;}
.same-info a{ color:#999;}