html,body{
	margin:auto;
	padding:0;
	overflow-x: auto;
	/*background-color: #F0F0F0;*/
	background-color: #FFF;
	font-family: 'Noto Sans JP', sans-serif;
}
img[usemap]{
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}
main{
	display:block;
}

.wrap960_box {
	width: 1000px;
	max-width:100%;
	height: auto;
	margin: auto;
	margin-bottom: 40px;
	padding: 10px 19px 10px 19px;
	background-color: #FFF;
	border:1px solid #D1D1D1;
	border-left-color:#DCDCDC;
	box-shadow: 1px 1px 0px #B1B1B1;
	box-sizing:border-box;
}
.wrap960_box *{
	max-width:100%;
}
.wrap960_box img{
	display:block;
	max-width:100%;
	height:auto;
	margin:auto;
}

.wrap960_box .movie_area{
    width: 100%;
    max-width: 900px;
    margin: 0 auto;
	box-sizing: border-box;
    padding: 20px 10px;
}
.wrap960_box .movie_area .one_movie{
    position: relative;
    padding-bottom: 56.25%;/*アスペクト比 16:9の場合の縦幅。16:9の比率を守ってください*/
    height: 0;
    overflow: hidden;
    margin: 10px 0;
}
.wrap960_box .movie_area .one_movie iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.wrap_box {
	width: 750px;
	max-width:100%;
	height: auto;
	margin: auto;
	margin-bottom: 40px;
	padding: 10px 11px 10px 12px;
	background-color: #FFF;
	border:1px solid #D1D1D1;
	border-left-color:#DCDCDC;
	box-shadow: 1px 1px 0px #B1B1B1;
	box-sizing:border-box;
}
.wrap_box *{
	max-width:100%;
}
.wrap_box img{
	display:block;
	max-width:100%;
	height:auto;
	margin:auto;
}

/*////////// #fantasiawebnovel_list //////////*/
#fantasiawebnovel_list{
	padding-top: 40px;
}
#fantasiawebnovel_list h2{
	background-color: #2366ac;
	border-bottom: 5px solid #0e3966;
	font-size: 280%;
	color: #fff;
	font-weight: bold;
	padding: 13px;
	box-sizing:border-box;
}
#fantasiawebnovel_list h2 span{font-size: 80%;}
#fantasiawebnovel_list a{
	display: block;
	width: 100%;
	padding: 15px 10px;
	box-sizing: border-box;
}
#fantasiawebnovel_list a:hover{text-decoration: none;}
	#fantasiawebnovel_list ul{
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-ms-flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		background-color: #fff;
	}
	#fantasiawebnovel_list ul li{
		border-bottom: 1px solid #f4f4f4;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		width: 50%;
	}
	#fantasiawebnovel_list ul li .inner{
		width: 100%;
		display: table;
	}
	#fantasiawebnovel_list ul li .inner .boxLeft, 
	#fantasiawebnovel_list ul li .inner .boxRight{
		display: table-cell;
		vertical-align: top;
	}
	#fantasiawebnovel_list ul li .inner .boxLeft{
		width: 100px;
		padding-right: 10px;
	}
	#fantasiawebnovel_list ul li .inner .boxLeft img{
		border: 1px solid #ccc;
	}
	#fantasiawebnovel_list ul li .inner .boxRight h3{
		color: #2366ac;
		font-size: 120%;
		line-height: 1.1;
		margin-bottom: 10px;
		text-decoration: underline;
	}
	#fantasiawebnovel_list span.small{font-size: 80%;}
	#fantasiawebnovel_list ul li .inner .boxRight .catch{
		color: #2366ac;
		font-weight: bold;
		width: 100%;
		box-sizing: border-box;
		font-size: 90%;
		line-height: 1.2;
		margin-bottom: 10px;
	}
	#fantasiawebnovel_list ul li .inner .boxRight .author{
		font-weight: bold;
	}
	#fantasiawebnovel_list span.yellowline{
		background-color: rgba(255, 255, 0, 0.4);
	}

@media screen and (max-width:768px){
	.wrap_box {
		margin:20px 0;
		padding:0;
		border:0;
		box-shadow:none;
	}
	.wrap960_box {
		margin:20px 0;
		padding:0;
		border:0;
		box-shadow:none;
	}
    #fantasiawebnovel_list h2{
	   font-size: 220%;
	}
}

@media screen and (max-width:550px){
	#fantasiawebnovel_list ul li{
		width: 100%;
	}
}