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; }






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

.menu-btn a{ display: block; width: 100%; height: 100%; }
.menu-btn-unit{ font-size: 1.2rem; }

/*更に遡るプルダウン*/
.menu-ago-wrap{float: left; width: 94%; margin:5px 3% 0 3%; padding: 5px 3% 5px 3%; background-color:#D8F3E9; border-radius: 3px; color: #0D7751;}
.menu-ago{ float: left; width: 80%; margin:0 0 0 10%; }

.menu-ago-select{
float: left; width: 100%;
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
border-radius: 0;
border: 0;
margin: 0;
padding: 3px 0px 3px 10px;
background: none transparent;
vertical-align: middle;
font-size: inherit;
color: inherit;
border:#1FBA82 solid 1px;
border-radius: 3px;
background-color: #FFF;
font-size: 16px;
}

.menu-ago-year-wrap{ float: left; width: 30%; margin:0 8px 0 0; position: relative; }
.menu-ago-year-wrap:after{ position: absolute; top: 7px ; right: 5px; content: '▼'; color: #1FBA82; font-size: 1.0rem; z-index: 1; }
.menu-ago-year{ float: left; width: 100%; z-index: 5; }

.menu-ago-month-wrap{ float: left; width: 25%; margin:0 0px 0 0; position: relative; }
.menu-ago-month-wrap:after{ position: absolute; top: 7px ; right: 5px; content: '▼'; color: #1FBA82; font-size: 1.0rem; z-index: 1;}
.menu-ago-month{ float: left; width: 100%;z-index: 5;}

.menu-ago-arrow{ float: left; width: 13%; margin:3px 10px 0 10px; font-size: 1.6rem; }
.menu-ago-arrow a{ color: #31A37A;}





/*メニュー2*/
.menu2{ float: left; width: 100%; margin:10px 0 0 0; padding: 0 3%; border-bottom: #999 solid 1px; 
}
.menu2-btn{ float: left; margin:0 5px 0 0; width:15%; padding: 10px 12px 7px 12px; font-size: 1.4rem; line-height: 1.2; font-weight: bold; text-align: center; border-radius: 5px 5px 0 0px; color: #666; border:#999 solid; border-width: 1px 1px 0 1px; }
.menu2-btn:hover{ cursor: pointer; background-color: #EFEFEF; }
.menu2-btn-on:hover{ cursor: pointer; background-color: #666; }
.menu2-btn-on{ background-color:#666; color: #FFF; border-color: #666; }

.menu2-btn a{ display: block; width: 100%; height: 100%; }
.menu2-btn-unit{ font-size: 1.2rem; }




/*絞込み*/
.menu3{ float: left; width: 100%; margin:5px 0 0 0; padding: 0 3%; }
.menu3-buy-box{float: right; width: 50%; }
.menu3-buy-box-name{ float: left; width: 25%; padding: 3px 3px 2px 0; font-size: 1.2rem; font-weight: bold; color: #999; text-align: right; line-height: 1.2;}
.menu3-btn{ float: left; width:14%; padding: 3px 0 2px 0; margin: 0 0 0 1%; border:none; border-radius: 2px;  text-align: center; font-size: 1.2rem; line-height: 1.2;}
.menu3-btn-off{ color: #666; background-color: #DEDEDE;  }
.menu3-btn-on{ color: #FFF; background-color: #666;  }



/*表示形式切り替えボタン*/
.vc{ float: right; }
.vc-btn{ float: left; font-size: 1.8rem; margin:0 5px 0 5px;  }
.vc-btn:hover{ cursor: pointer; opacity: 0.6; }
.vc-btn-off{ color: #B8B8B8; }
.vc-btn-on{ color: #666; }



/*リスト（テーブル形式）*/
.lt-tbl{  width: 100%; border-collapse: collapse; font-size: 1.2rem; }

.lt-tbl th{ background-color: #6599D8; color: #FFF; }
.lt-tbl th,
.lt-tbl td{ border:#C5C5C5 solid 1px; padding: 4px 5px; vertical-align: top; line-height: 1.4; }
.lt-tbl-date{ width:150px;}
.lt-tbl-year{ font-size: 1.1rem; color: #999; }
.lt-tbl-auth{ width: 150px; }
.lt-tbl-btn{ width: 45px; text-align: center; }
.lt-tokuten-link{ color: #FF7300; text-decoration: underline; }

.lt-tbl-btn-icon{ 
	border-radius: 3px;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	padding: 2px 5px;
}
.lt-tbl-btn-icon:hover{ cursor: pointer; opacity: 0.6; }
.lt-tbl-btn-icon-mi{ background-color: #EAEAEA; color: #666; }
.lt-tbl-btn-icon-yo{ background-color: #F24C4C; color: #FFF; }
.lt-tbl-btn-icon-sumi{background-color: #1FBA82; color: #FFF;}






/* リスト（ボックス形式） */
.l{ float: left; width: 100%; margin:10px 0; padding: 0 3%; }
.l-box{ position: relative; float: left; margin:5px 0 0 0; padding:3px 10px 5px 10px; width: 100%; border:#999 solid 0px; overflow: hidden; overflow: hidden; border-bottom: #D8D8D8 solid 1px; 

}
.l-box-left{ float: left; width: 15%; margin:0 2% 0 0; height: 80px; overflow: hidden; }
.l-box-left img{ display: block;  }
.l-box-noimage{ object-fit:cover; height: 80px; }
.l-box-left-s{ float: left; width: 100%; }/*小説の場合*/
.l-box-center{ float: left; width: 100%; }
.l-box-right{ float: left; width: 83%; }
.l-title{ float: left; font-weight: bold; line-height: 1.2; font-size: 1.6rem; }
.l-date{ float: left; width: 100%; margin:20px 0 0 0; padding: 4px 10px; font-size: 1.4rem; font-weight: bold; color: #FFF; background-color: #FF5151; border-radius: 3px;}
.l-date:first-child{ margin:0px 0 0 0; }
.l-date-today{background-color: #FF3333;}
.l-date-other{background-color: #FF8181;}

.l-box-bottom{ float: left; width: 100%; margin:3px 0 0 0;}
.l-box-tokuten{ float: left; width: 20%; }
.l-box-buy{ float: right; width: 30%; }
.l-box-buy-btn-radio{display: none;}
.l-box-buy-btn{ float: left; width:24%; padding: 3px 0 2px 0; margin: 0 0 0 1%; border:none; color: #666; background-color: #DEDEDE; border-radius: 2px;  text-align: center; font-size: 1.2rem; line-height: 1.2;}
.l-box-buy-btn:hover{cursor: pointer; opacity: 0.6;}
.l-box-buy-btn-radio0:checked + label { background-color:#999; color: #FFF;}/*未*/
.l-box-buy-btn-radio1:checked + label { background-color:#F24C4C; color: #FFF;}/*予*/
.l-box-buy-btn-radio2:checked + label { background-color:#1FBA82; color: #FFF;}/*済*/
.lt-tbl-btn-icon-ho{background-color: #F38400; color: #FFF;}
.l-box-buy-btn-radio3:checked + label { background-color:#F38400; color: #FFF;}/*欲*/




.l-noresult{ float: left; width: 100%; margin:20px 0 60px 0; padding: 0 3%; font-size: 1.8rem; font-weight: bold; color: #FF8A8A; }















/*特典ページ*/
/*特典のタトル部分*/
.lt-head{ float: left; width: 100%; }
.lt-head-pic{ float: left; width: 12%; margin:0 2% 0 0; height: 60px; overflow: hidden; }
.lt-head-pic img{ display: block;}

.lt-head-title{ float: left; width: 83%; font-size: 1.6rem; line-height: 1.2; font-weight: bold; }
.lt-head-auth{ float: left; width: 80%; margin:3px 0 0 0; font-size: 1.4rem; line-height: 1.2; color: #666; }
.lt-head-auth-s{ font-size: 1.1rem; }



/*特典のタトル部分*/
.l-tokuten-icon{ float: left;  color: #FFF; font-size: 1.2rem; line-height: 1.2; margin:0 0 3px 0; padding: 3px 10px 2px 10px;  border-radius: 2px; background-color: #EAA000; text-align: center;}
.l-title-old{ float: left; display: block; width: 100%; font-size: 1.6rem; 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; color: #666; }
.l-auth-s{ font-size: 1.1rem; }




/*特典リスト*/
.t{ float: left; width: 100%; margin:5px 0 5px 0; padding: 5px 2%; background-color: #FFFCF8; border:#DAC58D solid 1px; border-radius: 3px; }
.l-tbl{ float: left; width: 100%; border-collapse: collapse; }
.l-tbl th{ font-size: 1.2rem; vertical-align: top; color: #666; }
.l-tbl td{ font-size: 1.2rem; vertical-align: top; }
.l-tbl-shop{ font-size: 1rem; }
.l-tbl-icon{display: inline-block; color: #FFF; font-size: 1rem; padding: 0 5px;  border-radius: 2px;}
.l-tbl-icon-mu{ background-color: #FF5757; }
.l-tbl-icon-ge{ background-color: #EAA000; }
.l-tbl-icon-yu{ background-color: #846FD3; }




/*説明*/
.h-exp{float: left; width: 94%; margin:20px 3% 0 3%; padding: 10px 4%; background-color: #E9E9E9; font-size: 1.2rem; border:#999 solid 1px; border-radius: 4px; }
.h-exp-red{ color: #FF5C5C; }




/*ページネーション*/
.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; }