@charset "UTF-8";
/* CSS Document */
/*--------- bg ---------*/
#bg{
	width:1000px;
	height:0;
	position:relative;
	margin:0 auto;
    text-align: center;
}
#bg .left,
#bg .right{
	width:130px;
	position:absolute;
	top:0;
}
#bg .left{
	left:-132px;
}
#bg .right{
	left:1002px;
}
#bg a{
	display:block;
	height:100%;
	margin-bottom:10px;
}
#bg .switch{
	height:600px;
	position:relative;
	margin-bottom:10px;
}
#bg .switch a{
	width:130px;
	height:600px;
	position:absolute;
	left:0;
	top:0;
	display:none;
}

/*#bg .left .switch:first-of-type a{
    left: 10px;
}
*/
/*--------- tab ---------*/
.tab{
	display:none;
	max-height:0;
	opacity:0;
}
.tab > *{
	display:none;
}
.tab.current{
	display:inline;
	max-height:initial;
	opacity:1;
}
.tab.current > *{
	display:block;
}



/*--------- mode ---------*/
.mode{
	max-height:0;
	opacity:0;
	display:none;
}
.mode > *{
	display:none;
}
.mode.show{
	max-height:initial;
	opacity:1;
	display:inline;
}
.mode.show > *{
	display:block;
}



/*--------- search ---------*/
#search{
	width:740px;
	padding:20px 0;
	margin:0 auto;
	background-color:#f6f6f6;
	border-radius:10px;
	text-align:center;
}
#search h3{
	margin-bottom:10px;
	font-size:26px;
}
#search form{
	padding:15px 0;
}
.select{
	width:190px;
	display:inline-block;
	margin-right:10px;
	position:relative;
	border:solid 1px #CACACA;
	border-radius:4px;
	background-color:#fff;
}
.select:before{
	content:"";
	width:35px;
	height:30px;
	position:absolute;
	right:0;
	top:0;
	border-radius:0 4px 4px 0;
	background-color:#369bf0;
}
.select select{
	width:180px;
	position:relative;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	border:none;
	border-radius:0;
	margin:0;
	padding:5px;
	vertical-align:middle;
	box-sizing:content-box;
	background-color:transparent;
	cursor:pointer;
}
.select span{
	width:12px;
	height:12px;
	position:absolute;
	right:11px;
	top:4px;
	border-right:solid 2px #fff;
	border-bottom:solid 2px #fff;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
#search input{
	display:inline-block;
	-moz-appearance:none;
	-webkit-appearance:none;
	appearance:none;
	margin:0;
	vertical-align:middle;
	box-sizing:content-box;
}
#search input[type='text']{
	padding:5px;
	margin-right:10px;
	border:solid 1px #CACACA;
	border-radius:4px;
	background-color:#fff;
}
#search input[type='submit']{
	padding:5px 12px 1px 12px;
	border:none;
	border-bottom:solid 4px #cbc400;
	background-color:#fef500;
	cursor:pointer;
}



/*--------- book_table ---------*/
#book_table{
	margin:40px 0;
}
#book_table h2{
	margin-bottom:15px;
	border-left:solid 8px #369bf0;
}
#book_table table{
	width:100%;
	margin-bottom:40px;
	border-collapse:collapse;
	font-size:16px;
	line-height:1.6;
}
#book_table table th,
#book_table table td{
	padding:6px 8px 4px;
	border:solid 1px #797979;
}
#book_table table th{
	background-color:#369bf0;
	color:#fff;
}
#book_table table .price,
#book_table table .sellDay{
	text-align:center;
}
#book_table table .works{
	white-space:nowrap;
}
#book_table table .writer{
	width:230px;
	white-space:nowrap;
}
#book_table table .price{
	width:100px;
}
#book_table table td.sellDay{
	width:130px;
	color:#FF0000;
}



/*--------- mode_links ---------*/
#mode_links{
	width:90%;
	margin:0 auto 30px;
	text-align:center;
}
#mode_links li{
	width:40%;
	height:42px;
	overflow:hidden;
	margin:0 4%;
	display:inline-block;
}
#mode_links li a{
	height:42px;
	display:block;
	box-sizing:border-box;
	position:relative;
	top:0;
	font-size:17px;
	line-height:42px;
	letter-spacing:0.1em;
	color:#fff;
	background-color:#0088aa;
	border:solid 2px #0088aa;
	border-bottom:solid 4px #006d88;
	-webkit-transition:all .1s ease;
	transition:all .1s ease;
}
#mode_links li:hover a{
	top:2px;
}
#mode_links li a.show{
	color:#0088aa;
	background-color:#fff;
}
#mode_links li:hover a.show{
	top:0;
	cursor:default;
}



/*--------- trial_list ---------*/
#trial_list{
	min-height:800px;
}
.page_ob{
	display:none;
}
.stop-scrolling{
	top:0 !important;
	position:relative !important;
}

div.apology{ border : solid 4px #119000; text-align: center; padding: 10px 20px; margin-bottom: 10px;}
div.apology h5{ font-size: 1.4rem; margin-bottom: 10px; font-weight: bold;}
div.apology p{ font-size: 1.1rem; line-height: 140%;}

/*-----------------------------------------------------	*/
/*  for - 639px  */
/*-----------------------------------------------------	*/
@media screen and (max-width: 640px){
	
#topics,
#anime{
	margin-bottom:52px;
}

/*--------- bg ---------*/
#bg{
	display:none;
}



/*--------- search ---------*/
#search{
	width:100%;
}
#search p{
	margin-bottom:12px;
	padding:0 20px;
	font-size:12px;
}
#search form{
	padding:10px 0 15px;
}
.select{
	width:80%;
	display:block;
	margin:0 auto 15px;
}
.select select{
	width:-webkit-calc(100% - 10px);
	width:calc(100% - 10px);
}
#search input{
	width:80%;
	display:block;
	box-sizing:border-box;
}
#search input[type='text']{
	margin:0 auto 15px;
}
#search input[type='submit']{
	margin:0 auto;
	padding:8px 12px 4px 12px;
	border-radius:none;
}



/*--------- book_table ---------*/
#book_table h2{
	margin-bottom:20px;
}
#book_table .scroll{
	margin-bottom:40px;
	overflow:auto;
	white-space:nowrap;
}
#book_table .scroll::-webkit-scrollbar{
	height: 5px;
}
#book_table .scroll::-webkit-scrollbar-track{
	background: #F1F1F1;
}
#book_table .scroll::-webkit-scrollbar-thumb{
	background: #BCBCBC;
}
#book_table table{
	margin-bottom:20px;
	font-size:14px;
	line-height:1.4;
}
#book_table table th,
#book_table table td{
	padding:4px 8px 4px;
}



/*--------- mode_links ---------*/
#mode_links li a{
	font-size:14px;
	letter-spacing:0;
}



}