/* mokuroku.css 2018/11 */

body {
	background-color: white;
}

#headingtitlebar {
	width:620px;
	text-align:left;
	background-image: linear-gradient(to bottom, #ffffff , #ffffff , #ffffff , #ffffff , #efefef, #cccccc);
	color:#000000;
	font-size:140%;
	padding:10px 0;
	border-radius: 10px;
	margin:0 0 10px 0;
	letter-spacing: 10px;
	border: 1px solid #8c8c8c;
	
	position: relative;
	box-sizing:border-box;
}
.headingtitlebar_yazirushi {
	position: absolute;
	top:50%;
	left:8px;
	margin-top:-14px
}
.bartitle {
	margin-left:2.5em;
}

#main_area {
	margin: 20px 0 40px 0;
	padding: 0 10px 0 10px;
}

.bookimgwaku {
	text-align:center;
	background-color: white;
	width:88px;
	padding:0 6px;
	float:left;
}

.mokurokuImg {width:90%;text-align:left;margin-top:20px; }


/*画面サイズが480px以下になったら下記*/

@media screen and (max-width:480px){

	#headingtitlebar {
		width:100%;
		text-align:left;
	}

	.linenapbartopline {
		width:100%;
	}

	.bookwakuover {
		width:50%;
		margin:0;
		padding:0;
		background-color: white;
	}
	.bookwaku {
		width:auto;
		margin:0;
		padding: 1em 1%;
	}

	.bookcaptwaku {
		text-align:left;
		background-color: white;
		width:auto;
		padding:0 6px;
		float:left;
	}

	.blue_waku_kyotu_opt p{
		margin:0 1em 0 1em;
		padding:0;
		padding: 8px 10px;
		background-image: url(../files/listmarker_01.gif);
		background-repeat: no-repeat;
		background-position:0pt 12pt;
	}

	.bookimgwaku {
		background-color: white;
		width:98%;
		padding:0 1%;
	}
	
	.bookwriterwaku {
		height:2.5em;
	}

	.orderbtnwaku_p1 {
		float:left;
		text-align:center;
		width:100%;
		margin: 4px 0;
	}

	.orderbtnwaku_p2 {
		float:left;
		text-align:center;
		width:100%;
		margin: 4px 0;
	}

	.bookkongetunoshinkan { /* 横幅は620px */
		width:100%;
		background-color: yallow;
		padding:0;
		padding-top:20px;
	}
}