@font-face {
  font-family: 'itsubset';
  src:
    url('fonts/fawsub.ttf?2210') format('truetype'),
    url('fonts/fawsub.woff?2210') format('woff');
  font-weight: normal;
  font-style: normal;
}


body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,div,button{margin:0;padding:0;line-height:1;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
abbr,acronym{border:0;}
ul{list-style:none;}
select option{padding-right:5px;}

body {
	background-image: url('../imgs/bg.jpg');
}
p {
	margin: .6em;
	line-height: 1.6;
	font-size: .9em;
}

strong {
	font-weight: bold;
}
header {
	padding: .8em 0 .3em;
	border-bottom: 1px solid #666;
	background-color: #fff;
}
header h1 {
	margin: 0 auto;
	padding: 0 .5em;
	font-size: 1em;
	text-shadow: 1px 1px 5px #999;
	color: #888;
	font-style: italic;
	font-family: Capitals,Impact,fantasy;
}
header h1 span {
	font-size: .6em;
}
header nav, header input, header label {
	display: none;
}

header h1 a, header h1 a:link, header h1 a:visited, header h1 a:active {
	color: #888;
	text-decoration : none;
}

.maincont h1 {
	margin: .8em auto .5em;
	padding: 0 .2em 3px .3em;
	font-size: 1.8em;
	font-weight: bold;
	color: #333;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAAASCAMAAACaR4u6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF+6ZQAAAA7lg1gQAAABlJREFUeNpiYBgFo2AUjIJRMApGAQIABBgABxoAARfRBzkAAAAASUVORK5CYII=") repeat-x 0 100%;
	text-shadow: -1px 0 0 #fff, 0 -1px 0 #fff, 1px 0 0 #fff, 0 1px 0 #fff;
}
.maincont h1::before {
	font: normal normal normal 14px/1 itsubset;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-size: 1em;
	padding-right: .2em;
	line-height: 0.75em;
	vertical-align: -2%;
}
h1.twitter::before {
	content: '\f099';
}
h1.book::before {
	content: '\f02d';
}
h1.errata::before {
	content: '\f00c';
}

h1.web::before {
	content: '\f040';
}
h1.mov::before {
	content: '\f03d';
}

.bookdata, .webrel, .mov-frame, .twitter-frame {
	margin: 1em auto;
	width: 800px;
	border: 1px solid #999;
	box-shadow: #ccc 0 0 2px;
	background-color: rgba(255,255,255,120);
	overflow; hidden;
}
.mov-frame h2 {
	display: block;
	text-align: center;
	margin: 1em .5em .3em;
	padding:  0 .2em;
	color: #43660d;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.6;
	border-bottom: 1px solid #92c4a0;
}
.mov-frame div.img {
	text-align: center;
}
.mov-frame div.img img {
	margin: .5em;
	max-width: 160px;
}
.mov-frame div.link {
	margin: .5em 1em 1em;
	text-align: center;
}
.mov-frame div.link h3{
	font-size: 1em;
	display: block;
	padding:  .1em;
	color: #0d3066;
	font-weight: bold;
	border-bottom: 1px dotted #929ac4;
}

.bookdata .left {
	width: 200px;
	padding: 20px;
	display: table-cell;
	vertical-align: top;
}
.bookdata figure {
	display: block;
	margin: 0;
	padding: 0;
	width: 200px;
	text-align: center;
}
.bookdata .left img {
	max-width: 200px;
	border: 1px solid #555;
}
.bookdata .left p {
	border-bottom: 1px solid #B3D6BD;
	font-size: .8em;
	line-height: 1.3;
	font-weight: bold;
	color: #666;
}
.bookdata .right {
	display: table-cell;
	width: 550px;
	vertical-align: top;
}

.bookdata .left h2, .bookdata .right h2 {
	display: block;
	margin: 1em 0 .3em;
	padding:  0 .2em;
	color: #43660d;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.6;
	border-bottom: 1px solid #92c4a0;
}
.bookdata .left h2 {
		display: none;
}

.bookdata .right h3.index {
	padding: .2em;
	color: #666;
	font-weight: bold;
	font-size: .9em;
	border-bottom: 1px dotted #999;
}
.bookdata .right ul.index {
	margin: .5em 1em;
	padding-left: 1em;
}
.bookdata .right ul.index li {
	font-size: .8em;
	line-height: 1.5;
	list-style-type: disc;
}
.bookdata .right p strong {
	font-weight: bold;
	padding-bottom: .3em;
	line-height: 2;
}
.bookdata .store, .bookdata .benefit {
	margin: 1em 0;
}
.bookdata .benefit h3 {
	width: 12em;
	text-align: center;
	color: #fff;
	background-color: #f86d40;
	font-size: .8em;
	line-height: 1.8;
}
.bookdata .benefit p {
	margin: .5em 1.5em;
	font-weight: bold;
	line-height: 1.4;
}
.bookdata .benefit p a::before {
	font: normal normal normal 14px/1 itsubset;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\f019';
	padding-right: .2em;
	font-size: 1em;
	line-height: 0.5em;
	vertical-align: -15%;
}
.bookdata .benefit p span.limit {
	font-size: .9em;
	padding-left: 1em;
}
a.link_udline {
	color: #003ba0;
	font-weight: bold;
	text-decoration: none;
	position: relative;
}
a.link_udline::after {
	position: absolute;
	transition: .3s;
	content: '';
	width: 0;
	left: 0;
	bottom: 0;
	height: 2px;
	background: #639cff;
}
a.link_udline:hover {
	cursor: pointer;
	color: #1b6fff;
}
a.link_udline:hover::after {
	width: 100%;
}

.bookdata .store h3 {
	width: 12em;
	text-align: center;
	color: #fff;
	background-color: #67b8a1;
	font-size: .8em;
	line-height: 1.8;
}
.bookdata .store a, .mov-frame .link a {
	margin: .5em;
	display: inline-block;
	width: 115px;
	height: 32px;
	border: 1px solid #ccc;
}
.mov-frame .link a {
	width: 150px;
}
.bookdata .store a span, .mov-frame .link a span {
	display: none;
}
.bookdata .store a.amazon {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAAAgCAMAAAAWh7eNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF////GCMx+JUciZOgxs7U/Mlz5ujsRE9fbXiDqLG50tfc/uSqv8TL8/X3//ng3ODjeE8OJgAAAjBJREFUeNrsltuOhCAMQEGQFqHw/3+7vYCa7GZGEyfZh+nDDFLoaUuLOveVr3xEUg150xH15NymD5QrmZpiCNHGRMcvb8vp2JWGiWuyIXgPWYYB0XUASC4FgGCmg6h13MOQzg8RAbDKdAUkh8PEJQneRKzKnz5sMKf6UAOPcYw9MujYxdNZ18/MvBOSjbqFN4AHfxZSNWRxhKOIwAtkRXRJyDLdxeuxC+o1ZFavmSZGJYuJxEJOWcJ1m0UItmrEHSw2dkK1QUPEeQJXqFoIZgn0NxtHmUONO9PoZMqkMQedSn5fc0FqQPAzzqqh4M7kGjM17qfP6dwOZpa5YFNXmXUenjG7zhzMKoUDM7eS8DqqIM3YjFmvM+V8Mh3nuanhgylJT3tuzTXbtY0CHMx4mZnQ6v1vZp9nO5ho5W3MaMx8m4nm+agJY24nJuwuoR0m3xgYVVktt3SbKZ2JJIUuG4zZT0zpALJ7Qw9gHn3VrgrTlVtM6c/Z0vVg7r0Stde91TWMcmI1wX5t3GY6cz6wDctYdPMesHRriMgRSfuiNmuU3h9QsvO5V7e8ONYubw+pKJb563rq2p4x1qEWaU2yo+gQ7IJNvZO+XRLdfqeVdwvauoiU516jbVna6xXrsq6CffLlzTbbBdfWR78YmmTuBbZwjO3J3I5Ql2X9E9uK6BqvePzjaNTJupbS2izVUo7qeTzME/W3FEvvZz4EW/mNLe3Un+5T3AnWNH+/yP+h/AgwAD5oEhA43Q9VAAAAAElFTkSuQmCC");
}

.mov-frame .link a.amazon {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAgCAMAAADHTHG4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF////GCMx+JUciZOgxs7U/Mlz5ujsRE9fbXiDqLG50tfc/uSqv8TL8/X3//ng3ODjeE8OJgAAAjVJREFUWMPtl8GS4yAMRLsRIGEj8/9/uwdB7KpJze7BSfaQPriIBfhFahQH+Oqrr56odmkbAMBHBba2AfDWPcKeRXKM3c8ram/1XFXnFrdpMyW1AYCYYahqRRVViaeLkjEeMjUAZFO1DgBdzWFzi7skDAkAkvFx03VrzLACsDmmAf1cZWRTklz5vUFOUpqSdECpvMrhJLUJyQZkVaqSzKgkTUgOQNYq7bdRNdIAKNkAJbW6kmy1kdywRZ40Zs3sSWQIyKRGvrvbKvVNYBWzfICSArRAIbmtsD2wAtAjWElmCGkxtjvd1cWUK1sdGLF/PBnYImwPJw5gO7EahJS4dSNWX0YKrAH0K1Y3krqK2Ej26ci6MhRY/VasQbL56a0NaFcsklIfRQz6WLXN8zKx8p1Y1eKQP8cay2cTy+LABlYOrPYKLIvvPy0cWNsFSx/UFsZSVctAFLOS9FdgNSXN3WLPwBoXLCPVo+U69LRhJ7W6LNq7sbyRqxv2E+vRIDJJRpdt0Ol+KlwfHfcVWIgUiCujNBmrhUZdhSTNhQKoVQDIKlhcHka4/SQCPfcBeAZQa63rilEHAGw59xkGgOMA4ACQReJHsI7hgI9aHS/Q/rcJR0kppbTjnTpSOn6fUVIpJaX05vfBksrxD/Tl3e+pR0pp/4VsTwnHm4s4E5ZSeUp27CWldKAkfEDT1qXs+3Gsw7fvp9k/kawL2E/tUceP/RU69p9k+3HpW/gg2mIrZd8/y/LVf6c/3zwSEGezmb0AAAAASUVORK5CYII=");
}
.bookdata .store a.kindle {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAAAgCAMAAAAWh7eNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF+qMJ+9eLpaOj/Pv2KygpW1la+slm++vExsXF4eDg/Pbl+ro/fXt78PDwAAAA////nYK6PQAAAtlJREFUeNrsl8dy5SAQRckZ8f9/O/d2I1ly2L3nxZRxmdDCHHVENuv3m/lj/jGfLff880PbG35fzrRGmT51/+3Dbt7GXMZ8VTiR+T49V7br1/X86WH/ZPPNnC4ONzmWVaLz7MRHp7y4UoqrkJQ4MCwu3Cgns+W2MkYO1m4HY9YvPf0p3swaDrQ4lzvCwNw5LMclr6sc0uLykaNbfhxxYFaU2bqx8J1vPVlj1LG5G52KnpnzdGPi6BF5VDmEgi6EUFfEK0TSa2A7hsdLRUgqmPo+DJPWqI4ycXDOBlHD18gtbT09dmBhLybUGdoVaktKAa6sLY9eN4U5sdCdUHJMiqCnIjfTMmuEZG/+FAd49ewVQ74oMzgYGCZzZPq2PJnwKCG0AzqoH7GEHYYy9Xhl9h05vid/5gogHbXhDLfNhFrHjYnjhLnl1LOc/hZmAA5LMHmQ6eszs2Vj/U3PZDrbjYmTY7yYgzhhDpXjdBoc76BvcjEj9cRxmi3KVFKzp0z09JvZL2YRL0X158axE++BBj2dGJXPx8WsW8+e1XIP2zaY99KTnmzP/Bwk1btthVkFJDHEpBnDcbz8+aFnk0B96Anmw5/pVjhOpgRimA/bkqlyztgGlA5VAummJ46zjKKHno+4ZXom/2AW5iMy8ij1EbfzkkMUMQYal6OfErdR41ZqQn7quZpBfmatQ7YxurG65QqODK4Ep/4sO261/CALYfPBzW7IVlrV3+OWtQ8Oe+rJ90CDH1GCxAosRLf8rIWlFII5kZKzenSTyzJV7nOyem3MUviHs07ZtJjEUlwbJ42b8RfS58wSzJHLpsOne6X9eOPDRt0Y+45vE6uJ/LU1XhnvYdL0qX0LTXZn3Ou/wVAwcDE8sbgHYViESHvXd5/cfx0XLFze4H6bGH8WpeRFpv3u28RbvWw/Wkd+rZza+5jyNdUvLuqyJoNfb2Uy6WBU/OT8f/zv8E+AAQCsG7FmLPIRjQAAAABJRU5ErkJggg==");
}
.bookdata .store a.bookwalker {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAAAgCAMAAAAWh7eNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAGBQTFRF1Qs2aL/R////SgcDs6al65cgxMXCldTn5YOcvOTpCIMlu1ph7srK3Nvb+ObGZLh/8tKb4fP1/PXm6ujo7a650OnY8/n59PDu+Obv89Tb9/f3+/X30uzv+/v77Pf5Co7WnDeYpwAAAkxJREFUeNrEl+l22jAQhaWLrMULIBtsHCT0/m/ZO2ZJmv5oSFojBOcYyfNZdxYGhfWH+vuWGDAYMwDTMAFHexwxHQ4zsN1vM96G4Q1obQtcUhpxbmXpp0xXdL3ZGGRrLLCr6yNapRqgqqpeHqcDmg2vg9YJp2Xp58yyOlMX3fzJ9P+TOZaizcrnTKU4s/I56c6wNlOXEl/AxMrMC0NobWZ6AZMh5NZm0p3hBcxxZWYUd67MDC9gLiGEdest3ZnuTLMSc4wps0NoO7YI08SOIB6PGee5PQH9ts/Iy7fDPMjeyOt5Pn2L6bTT+gJ5fh4NnaVFa2F3spjzsscfZB7o1/1e9gzyYTA1EwIHfMPX6QkmI6eUC5EbQjtj2Q7Vu1gvzOCud6rbpMa8FN3pA96So9bawVNkpU5f19YVgMFDL9JRckKL3e6KvDMblRWnRy9uhe2E2RCJqOMiBG2rw9eZWpjhzuwWZl1LaxdDSC6mSJOMpJZGt1W1vTHtZsP+7515foZJcfkTln9nRjHnwojkGKAHRfW8mrGvqv2DaaSOiLTCfFZb50r8dM7joixTJ7oRS1LQaJaUqR5MvzBdWpiy+qS27rO2YmEM40W44lDvb2n6zpQ4j3q8atuqM77rz48xlFxwLlyZLfVF/sCUGJqQ7v6UCHuGyRE/5cooUOcy3+Nic2ppdFv1PYOIhdFcc+V8WXJFYqhRTzCTkzDBm2lsftSEbGmJR2A2kJlnfz75Ofd7TtbArutYCPNkbjUBrcfs8/f6+Ff8L/vn45cAAwDCr0hyPMZ6oQAAAABJRU5ErkJggg==");
}
.bookdata .store a.booklive {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAAAgCAMAAAAWh7eNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF8aqJ52gu98u35FYW/v387pVs+NjI7IdZ6XlF/Ori+uHV/PHr9Luh/vf0///+////zRI7/wAAAxxJREFUeNrsV1lypDAMlbzvvv9t50kGAh3oTM2SnxlXqpFB1tNuheb3L/qP+dvL1ereYw5ZU//Gg5Bx/iScn15eVk1c5niDeRyECPeEebt/VLEyBzyCebTThWaaMXnO8eit2o7zI7Ryq8grZk/cHzGjlcX0RoyxfNDJ+u0gxfLgW4sPZNtzPKNNPia2NMfuNX1uYZatsWnbuxkt7ebIkT22u+Wg1M7Mqb8YcbETCnVvwTNP+TFO8oC56/GB6SiFIxWO8O6Y3mo4+rjF9OoEuC/rueHcofl0bvPthuk+MNf3g9XpUX0PzFJWBMyu1p2ds1n1hTM+Rh9U34NW345ZvIfuh52TvOlev3eKZvYWYzSrVkJEuUz8Ur3tCRBSQmNuENtXQllyc8DdO63xzMmmesZk26CwH6KTLXKUrXyEnR7P7NmXp3iy8FoPxwyP/A0BYO1CC2ZVyFM8kcFN0SQNPfI0hWzgVrETrI2TOfeQl3hySmBD5gdekZeEKrySnSwPYMKMVDa3nDBdwhasoa9GQNi6mptP3NzKyfEQT1cDZEpQlbFA3aZ5s+iAcrIq89VOHOFKNrpiGeGMyUbtQI36p8Z1iafaI7JJTgyNCDCjKDlQhiFYhh+cpugLJlxOQoAlMVbys1h4q+3LuL2MXuzE2wy/Gg3ZEAFZadEFNOw0bH2/sVN8L5wZanZdSlZzLHcbz6bpbsHJKlAahMsftMRzLtAT5liYeSVrj6siCxKi10nJfLpFLnZG733SzCX8NorinDOttQLQ2CUUyevKgjkk4aSbSAZHAnucHdnuiWN4uQsu/XZr8nBrJ1ZahLmDlia1qjDmubFbGzbMAAPFlrbYjTRi5lxQnvWje18xwwp1XttAntp2se30zKRpZojCNHtu1EbSr6BbWP4rjahV7UONozQ+bn3e1cqfWNfru2oFIDoOfaH85Dy0Xyjvr+bHOULulSpXmTjo5zCPOee4zr4y0l3ZtCW1VYG/MveNr1HH7WyC0SSfeu3fnjXXPGT01viu+XbNQ8On/o2Y6NAyLvRvnOM7+VXg49/8H+mHAAMAa/ezvnsB9bIAAAAASUVORK5CYII=");
}
.bookdata .store a.kobo {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAAAgCAMAAAAWh7eNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF12ho0lRU45OT/fT0yDY2+ufntAAA9tfX6aio8cbG7ba2vxsb34GBrwAAtgMD////+16kOwAAAxtJREFUeNrsVtmOHCEM5DCYw7j//29TNsxkjmSllTZRIi37sNM0uFxF2XS4/v4I35jfmL8amcvrFPMnMXOX8RlModdQnah8gNkFo+UnTFrxdXFJUn4rWKWXmVGVP8CMVVUr8RPmW5CrT22/xdR3zPkhptqo84FFjjW+Y9b+hTxnaqQqtjSSNAjtQQYkx4NNSytBa0xA7YEi5nKSEWfoDzxzQdp5NAMbqpzbSZIbv/GcOC1alC/ZlKkE8ASxOqIfLFJIWvGXrqZ2FGJvXZ1254m80zWo1imubTo8EOzh6O6YxbbNPDyeAh2Y0HelHNUxV9xYjakqTdVRkNEELuXDk+eKGbMTr4GN5RFOQUpkU/Vm4weetg0AM7FU46lB1gomvGweLLNKKmFRN1FCRvSB3BDf3occF7hEiy07/WDr4pUUWkAVecHsOc0akGnwOjGeLrGZSQ4P9xCiSGFD5lht8dTg72NYE6/VUihTR9cFioJQsinV8IzpIlUetu260jKemBzXnedyzAYB9bh8kB9W3JjYXpM7pxlmTd19m9Ys53Qq5SffuhuSrTDMdnjaw+EpzlMNsx6b9YN5tN+Y3XkyzITkDFMn77LDr/xcn5FsS1te9Yena3tt38pPnkt4tD46gm7MzTPCg/3OU8FzOk+cweH5gjkvs2MvOM+MHc4zpIrTha0MmW48zRXYi0Is81Fb3WbgzXM6z+6Yp73cO9VDrTS42aojjuj1qbHEBd2SrtDBmgBX48goGZiIasrPPAnxV0JyyLpBUSY8ZVOpGeOT4Vt9qpT5sz5dzNrRef0A4QCsAElkYlPhhqk3FpBgloYoSD+a7WYLRtvqIOH8+jsmMplj7OZCnuCVYC7uutOw68mMAjEwHfLJnG59CqZFuXkng8EQz9u4ITQLOttTHyoysjdFtEcWGR3/u3XI3Ftiu8Mae+fMInjOaMPm6DGsnfnCi89vVFe73Ytn3b4FE/9j3yZJfjniHsFu9875azHbKfrXQeSIKE0u5au/wcYdBteB4STHyX/0u68RhQgJB3P5O+dpNvv+pv5PMX8IMACge7OTD1VCZAAAAABJRU5ErkJggg==");
}
.bookdata .store a.rakuten {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAHMAAAAgCAMAAAAWh7eNAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADBQTFRF/fb2uAIC0U1N4o2N8snJ9dbW3Hh46KKixicn+eTk7ba2++3tyzk512VlvxUV////JQ55egAAAxxJREFUeNrsVtlyIyEMROIU5///7baAGXvsJK6kkn3YjR5cYw611GoBZvx9M7+Y/wdmEflhTCOwC35O7B+jKK+8FfMJzMywlu8mIvUHzMztY18uh/YJzNgJltw9ZnrADJQ+9hVTu+wpbpkYpzSK9+aCSVRrp6p/c3TFYaR63eW9n9vLsBjBvMH8GnFxxehamGZrqO0SgybSu8tpWY1XzJSLJYrDhN4rp+h6EhOwjIGN7VapSHaM1ikFM0LiPv9jBy2rzfo7pkpbw93bvaC7K7dJRklkx3YQFBMwzScCpqU2PbQ9bwcvL3EVWtNkUtUZYXjOeeahzKYkEmEOPMlDnljPZH2nHpBR8D25ilGf+sK0mifSp5Yx7hACYyGbQ/Ui8D44ZARmahrwpCx44i13O/9fMGVkomxBsipKMbn3PA5M1noW8MiCMYpNowz3soN3AzBEg0C5VGoXJDmoveM2tERdGgUMsnKrVJo7TKhqFKYKGlGEoAsl0a2/rI5EspFypGDS0jDCO2QfHnplVdECTcNqmueq+RXT1C2H1jbmmWeZ375a4+A/Dzc7I/e62gc5xDf7EzU5MGee9g3MyjVB10952tVpelhJ2moZYDgcH0/cknoBI3xwi3pWmvVUt+HGbVsnHJaYIVrxXc2TxM3y9N5WIPODH3XbU0EovZwaclO3bOArGOQzMc08GIaEbDa3B6bfkpmH5JGR2NVMGmryID889UpGH8B7artXsAWO0IgN7c86XSPKzNBshzo1z81t0bZy56m5pGp8W18mT8bUQXzqz4Cw9plhEawMXTsLi2ZUxjG/1MZ+5UkrT6w5ID1vSIXQuNZsXtKdvXrcKxVth/U9DDvPPuv0LnO1N0SZMKBtg3StsbX3Jjj74Fm4Tiip9ZZlime98g5ja7esm+t2f869uESNw3kO9RVZNzcYdDjtZ4BT/yXmubTM3+XAnVerye78OvRVXr4T5B3z59X0/W+TmN4z5hBizE6+HdMfZ81pqGdoFleD8yKvXyhfeYPJAsUdi0sKaekt/+PvPhcUSuSHnn6/7/h/C/OPAAMAsNSsQP/8macAAAAASUVORK5CYII=");
}

.mov-frame .link a.rakuten {
	background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJYAAAAgCAMAAADHTHG4AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAABhQTFRF6KKi////8snJxykp+eXl0U1NuQMD23Nz3ptiMAAAAsBJREFUWMPtl8uy20oIRWG/+P8/voNuyZKj46QqleQODhPbckusht2Aqv+XVt9Y31j/DkvSv8WS9MAwNH4LVr+HpbFtzxuEkwessX/JAQqs38NykiTEGxYfsJj8GlbGfIuXcFgLK0WCPmHRTNZjUCVBG0sA9r2CWg5xLMO+qv21W3NYmZV5l8XafqaHh92U8obFEpxMt4ahTfeEaJisodXdw4GT0FguOGp57WgRVA7jGLhHGzz+nPa50PqApW4kPhMa9oSQE2sSdbfj7RY9+5ktnq66G+MVLIfV3eqyulVYbgAATDWqqgqVe0TfsdAtxj1JxifWJETPSq/jWtFSJaxiMmLCmRznY0tGTLVsOdNdcbeTWqp7abbCT9qiumc5YbVmY5kh+oVFyaG0NwKGYrLumLviiRZTYNCz0racTs6zrLe7fsCacRJgrRPDnafqG1Y7XDwzMwzhWDvUV3WHOxhOian2Jrii+K6s5wKR6dpb8oHlfsQ6BZty3D9gYT1HtoRGqMYuBfPK4buyvqhb6nnHIr7Aok2afo6Wt2ZWS/DF+wWlzpPydYEo7mhdkkhnays4JHgk0VrNRXzAOnZ36vqi8XNdJfZPTqK6kuBN8pjEWoehKxtLrQmrW1N6wHrT/yU+qrOXaD3atw08FYhJqLoXCDFxI4mHR5o5QMIpr7N7xxJ8rZGa3P5ZVCquRbpzPWC1E1/KqRM0ksxRPEOt8knsuso6sE7nlWR0QvGMlSbJbjVz9oV9/+MEsZoLTKJfzYdGd5FEF0mbVjfMsLrM0GiZ0318dDd4mRzAuK4SPty/WiGuTbGeZqg1dQFYR0h6XRSgfeE46tit+lx2+NFtvnn9UuFns1h9nEo/2Dmb/JHZ9QMW+NnsmakqQH8TS5MHu+Lgccj+468YdaLQnjlJ/vWbTy0W6W+//Xy/vn5j/Sn7D86cJWkZPpwWAAAAAElFTkSuQmCC");
}

.bookdata::after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.webrel ul {
	margin: 1em 2em;
}
.webrel ul li {
	line-height: 2.5;
	font-size: 1em;
}
.webrel ul li::before {
	font: normal normal normal 14px/1 itsubset;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\f054';
	font-size: 1em;
	line-height: 0.75em;
	vertical-align: -5%;
}

section.errata {
	width: 1100px;
	box-sizing: border-box;
}
section.errata div {
	margin: 1em;
	border: 1px solid #999;
	box-shadow: #ccc 0 0 2px;
	background-color: rgba(255,255,255,120);
	overflow; hidden;
}
section.errata ul {
	margin: 1em;
}
section.errata ul li {
	margin: 0 1.5em;
	list-style: circle outside;
	line-height: 1.8;
}
section.errata h2 {
	margin: 1em;
	padding: 0.2em;
	font-size: 1.2em;
	border-bottom: 1px solid black;
}
section.errata table {
	margin: 1em 2em;
}
section.errata table strong {
	font-weight: bold;
	color: red;
}
section.errata table {
	border: 1px solid #fff;
	border-spacing: 0;
	border-collapse: collapse;
	font-size: 80%;
	min-width: 90%;
}
section.errata th {
	padding: .8em;
	border: 1px solid #fff;
	background-color: #0098d8;
	color: #fff;
	font-weight: bold;
}
section.errata td {
	padding: .6em;
	border-right: 1px solid #0098d8;
}

section.errata table tr {
	background-color: #eee;
}
section.errata table tr:nth-child(even) {
	background-color: #f9f9f9;
}
section.errata table tr td:nth-child(1) {
	width: 10%;
}
section.errata table tr td:nth-child(2) {
	width: 40%;
}
section.errata table tr td:nth-child(3) {
	border-right: 1px solid #fff;
}

@media screen and (min-width: 1140px) {
	header h1 {
		width: 1100px;
	}
	.maincont {
		margin: 0 auto;
		width: 1110px;
		box-sizing: border-box;
	}
	.cont1 {
		width: 820px;
		float: left;
		box-sizing: border-box;
	}
	.cont2 {
		margin-left: 10px;
		width: 280px;
		float: left;
		box-sizing: border-box;
	}
	.cont2 h1 {
		width: auto;
	}
	.cont2 .twitter-frame, .cont2 .webrel , .cont2 .mov-frame {
		width: 270px;
	}
	.cont2 .twitter-frame {
		height: 1800px;
	}
}

@media screen and (max-width: 1139px) {
	header {
		height: 40px;
	}
	header .nav-menu{
		position: absolute;
		top: 5px;
		right: 10px;
		display: block;
		height: 50px;
		width: 50px;
		text-align: center;
		z-index: 100;
	}
	header .nav-menu span {
		display: block;
		height: 30px;
		width: 30px;
		padding: 10px;
	}
	header .nav-menu span::before {
		font: normal normal normal 14px/1 itsubset;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 30px;
		line-height: 30px;
		padding: 10px;
		content: '\f0c9';
	}
	header #nav-menu-check:checked ~ .nav-menu span::before {
		content: '\f00d';
	}
	header #nav-menu-check {
		display: none;
	}
	header #nav-menu-check:checked ~ nav {
		display: flex;
	}
	header nav {
		display:none;
		width: 100%;
		max-width: 260px;
		position: absolute;
		top: 45px;
		right: 0px;
		background-color: #fff;
		border-width: 1px 1px 0;
		border-style: solid;
		border-color: #999;
	}
	header nav ul {
		display: block;
		width: 100%;
	}
	header nav li {
		border-bottom: 1px solid #999;
	}
	header nav li a {
		padding: 1em;
		display: block;
	}
	header nav li a.book::before, header nav li a.mov::before, header nav li a.web::before, header nav li a.twitter::before {
		font: normal normal normal 14px/1 itsubset;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		font-size: 1.2em;
		padding-right: .5em;
		line-height: 0.75em;
		vertical-align: -15%;
	}
	header nav li a.book::before {
		content: '\f02d';
	}
	header nav li a.mov::before {
		content: '\f03d';
	}
	header nav li a.web::before {
		content: '\f040';
	}
	header nav li a.twitter::before {
		content: '\f099';
	}
}
@media screen and (min-width: 840px) and (max-width: 1139px) {
	header h1, .maincont h1 {
		width: 800px;
	}
	section.errata {
		width: 800px;
		margin: auto;
	}
	section.errata h1 {
		width: auto;
	}
	.mov-frame .img {
		width: 280px;
		padding: 10px;
		display: table-cell;
		vertical-align: top;
	}
	.mov-frame div.img img {
		max-width: 240px;
	}
	.mov-frame div.link {
		padding: 10px;
		width: 100%;
		display: table-cell;
		vertical-align: top;
		text-align: left;
	}
	.mov-frame div.link h3 {
		text-align: left;
		margin-top: 1em;
		padding: .1em 1em;
	}
}
@media screen and (max-width: 840px) {
	section.errata, section.errata h1 {
		width: auto;
	}
	.bookdata, .webrel, .twitter-frame, .mov-frame  {
		margin: 1em 5px;
		width: auto;
		border: 1px solid #999;
		box-shadow: #ccc 0 0 2px;
		background-color: rgba(255,255,255,120);
	}
	.bookdata .right {
		width: auto;
	}
	.mov-frame .img {
		width: 200px;
		padding: 10px;
		display: table-cell;
		vertical-align: top;
	}
	.mov-frame div.img img {
		max-width: 240px;
	}
	.mov-frame div.link {
		padding: 10px;
		display: table-cell;
		vertical-align: top;
		width: 100%;
		text-align: left;
	}
}
@media screen and (max-width: 550px) {
	.bookdata .left, .bookdata .right {
		display: block;
		width: auto;
	}
	.bookdata .left h2 {
		display: block;
		margin: 0 0 .5em;
		line-height: 1.2;
	}
	.bookdata .left {
		margin: 0 auto;
		padding: 10px;
	}
	.bookdata .left figure {
		margin: 0 auto;
	}
	.bookdata .right {
		margin: 0 .7em .7em;
	}
	.bookdata .right h2 {
		display: none;
	}
	.bookdata .store a {
		margin: .5em .2em;
	}
	.mov-frame .img {
		width: auto;
		display: block;
	}
	.mov-frame div.img img {
		max-width: 200px;
	}
	.mov-frame div.link {
		display: block;
		width: auto;
	}
}