h1{float:left; margin:10px 1% 0 1%; padding: 6px 2%; width:96%;  font-size:2.2rem; line-height: 1.2; border-bottom:#6599D8 solid 2px;  }
h1 span{ font-size: 1.6rem; color: #999; }
h2{ float: left; width: 96%; margin:30px 2% 10px 2%; padding: 6px 3%; font-size: 1.1rem; font-weight: bold; line-height: 1.2; border-width:1px 0; border-color:#FF8181; border-style: solid; }




/*メニュー*/
.w-menu{ float: left; width: 100%; padding: 0 2%; margin:10px 0 0 0; }
.w-menu-btn{float: left; width: 15%; margin:0 5px 0 0; font-size: 1.6rem; padding:5px 0; line-height: 1.2; font-weight: bold; text-align: center; border-radius: 3px; color: #1FBA82; border:#1FBA82 solid 1px;  }
.w-menu-btn-on{ color: #FFF; border:#1FBA82 solid 1px; background-color:#1FBA82;  }

.w-menu-btn-ninki{ position: relative; float: left; width:150px; margin:0 5px 0 0; font-size: 1.6rem; padding:5px 10px; line-height: 1.2; font-weight: bold; text-align: center; border-radius: 3px; color: #CACACA; border:#CACACA solid 1px;  }
.w-menu-btn-ninki span{ font-size: 1rem; width: 100%; font-weight: normal; text-align: left; }
.w-menu-btn-osusume0{ position: relative; float: left; width:15%; margin:0 5px 0 0; font-size: 1.6rem; padding:5px 10px; line-height: 1.2; font-weight: bold; text-align: center; border-radius: 3px; color: #CACACA; border:#CACACA solid 1px;  }


/*あかさたナビ*/
.ak{ float: left; width: 100%; margin:10px 2% 0 2%; padding: 0 0%; }
.ak-btn{ float: left; width: 35px; height: 35px; margin:0 3px 3px 0; border-radius: 50%;  text-align: center; padding: 9px 0 0 0; font-size: 1.4rem; line-height: 1; }
.ak-btn-off{border:#1FBA82 solid 1px; color: #1FBA82;}
.ak-btn-on{border:#1FBA82 solid 1px; background-color: #1FBA82; color: #FFF;}
.ak-btn:hover{ cursor: pointer;background-color: #D7F5EA; }



/*カップリング*/
.cp{ float: left; width: 100%; padding: 0 3%; margin:10px 0 0 0; }
.cp-exp{ float: left; width: 100%; padding: 0 1%; color: #333; font-size: 1.6rem; }
.cp-tbl{ float: left; margin:5px 0 0 0; width: 100%; border-collapse: separate; border-spacing: 0 0; }
.cp-tbl th{ font-size: 3rem;}
.cp-tbl td{text-align: center; line-height: 1.2; }
.cp-tbl-col{ background-color:#F97575; color: #FFF; border:#F97575 solid 2px; border-radius: 3px 3px 0 0; overflow: hidden; font-size: 1.5rem; }
.cp-tbl-col-on{ background-color:#FF5959; border:#FF5959 solid 2px; }
.cp-tbl-bd{ padding: 8px 10px; height: 45px; border:#F97575 solid 2px; border-radius:0 0 3px 3px; width:45%; min-width: 40%; max-width: 50%; }
.cp-tbl-bd-on{ border:#FF5959 solid 2px;}
.cp-back-link{ display: inline-block; color: #333; font-weight: bold; width: 100%; font-size: 1.6rem; text-align: center; vertical-align: middle;}
.cp-arrow{ margin:2px 0 0 0; }





/* ランキング */
.l{ float: left; width: 100%; margin:10px 0; padding: 0 3%; }
.noresult{ float: left; width: 100%; padding: 0 1%; margin:10px 0 0 0; font-weight: bold; color: #999; font-size: 1.8rem; }
.l-box{ position: relative; float: left; margin:0 0 10px 0; width: 100%;}
.l-date{ float: left; width: 100%; font-size: 1.2rem; font-weight: bold; color: #666; }
.l-new{ color: #FF304D; }
.l-left{float: left; width: 40%; margin:0 2% 0 0;}
.l-right{float: left; width: 58%;}

.l-pic{ position: relative; float: left; width: 100%; height: 200px; overflow:hidden; border:#F98494 solid 0px; border-radius: 3px; overflow: hidden; }
.l-pic img {  float: left; display: block; width: 100%; height: 100%; object-fit: cover; }
.l-title{ float: left; width: 100%; font-size: 1.8rem; line-height: 1.2; font-weight: bold; }
.l-auth{ float: left; width: 100%; margin:3px 0 0 0; font-size: 1.4rem; line-height: 1.2;}
.l-auth-s{ font-size: 1.1rem; }
.l-exp{ float: left; width: 100%; margin:8px 0 0 0; font-size: 1.2rem; color: #666; line-height: 1.4 }
.l-box a:hover{ cursor: pointer; opacity: 0.6; }


/*ページネーション*/
.page-all{ float: left; margin:30px 0 50px 0; width: 100%; text-align: center; font-size: 16px; }
.page-all a{ margin:0 8px; }
.page-all span{ color: #999; margin:0 8px; }