body{
	line-height: 1.1;
	font-family:	"Helvetica Neue",
					Arial,
					"Hiragino Kaku Gothic ProN",
					"Hiragino Sans",
					Meiryo,
					sans-serif;
	font-size: 12px;
	color:#444;
    background-color: #f4f4f4;
}
header{
    background-color: #54c3f1;
}

div#contents{
    width: 290px;	/* 260+15*2=320*/
	padding: 15px;
    margin: 15px auto 20px auto;
    background-color: #fff;
    border-radius: 15px;
}

div.row{
	display: flex;
}

div.ad{
	width:290px;
}

img.arrow{
    width: 12px;
    height: 12px;
    -webkit-filter: invert(50%);
    filter: invert(50%);
	margin-left: 5px;
}

/* arrow */
h2 > a > img{
    width: 12px;
    height: 12px;
    -webkit-filter: invert(50%);
    filter: invert(50%);
	margin-left: 5px;
}
p.page-link > a > img{
    width: 12px;
    height: 12px;
    -webkit-filter: invert(50%);
    filter: invert(50%);
	margin-left: 5px;
}


span.rem08{
	font-size: 0.8rem;
}


footer{
    text-align: center;
    font-size: 0.9rem;
    margin-bottom: 20px;
}


/**** for test ****/
div.page-no{
	position: fixed;
    /*display: flex;*/
    display: none;
	left: 80%;
	top: 10px;
	width: 70px;
	height: 40px;
	align-items: center;
	justify-content: center;
	font-size: 1.5rem;
	font-weight: bold;
	color:#fff;
	background-color: #000;
	opacity: 60%;
}

hr{
	border-bottom: 1px solid #ccc;
	margin: 30px 0 10px 0;
}

.left-spaced50{
	margin-left: 50px;
}
.left-spaced100{
	margin-left: 100px;
}
.left-spaced150{
	margin-left: 150px;
}

div.indent20{
	margin-left: 20px;
}
div.indent40{
	margin-left: 40px;
}
div.indent50{
	margin-left: 50px;
}
div.indent100{
	margin-left: 100px;
}
div.indent150{
	margin-left: 150px;
}

.hide{
	display: none;
}