/*	world
============================== */
article.unit {
	background-image:url(../img/world_bg.jpg);
	background-repeat:repeat;
	background-position:left top;
}
article.unit h1 {
	background-image:url(../img/world_h1.jpg);
	background-repeat:no-repeat;
	background-size:cover;
	position:relative;
	height:0;
	padding-top:30.71672%;
	margin-bottom:15px;
}
article.unit h1 span {
	display:block;
	font-size:2px;
	text-indent:-9999px;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
@media all and (min-width: 768px) {
	div.cmn-brd-inner article.unit p.lines {
		background-image:url(../img/line30w.png);
	}
}
@media all and (max-width: 767px) {
	div.cmn-brd-inner article.unit p.lines {
		background-image:url(../img/line27w.png);
	}
}


article.unit section.unit h2 {
	background-color:rgba(48, 11, 0, .8);
}


figure p.pics {
	line-height:1;
	background-color:#fff;
	border:1px solid #ab8d69;
	box-shadow:0 6px rgba(78,23,0, .1);
}
figure p.pics span {
	display:block;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#ab8d69;
}
figure figcaption {
	display:block;
	text-align:center;
	font-size:75%;
	line-height:1.5;
}
figure figcaption span {
	background-color:#fff;
	padding:0.25em 1em;
}

@media all and (min-width: 768px) {
figure.tate {
	padding:0 143px;
}
figure.yoko {
	padding:0 73px;
}
figure p.pics {
	padding:9px;
	margin-bottom:20px;
}
figure.tate p.pics span, figure.tate p.pics img {
	width:280px;
	height:420px;
}
figure.yoko p.pics span, figure.yoko p.pics img {
	width:420px;
	height:280px;
}
}
@media all and (max-width: 767px) {
figure p.pics {
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:3px;
	margin:0 auto 10px;
}
figure.tate p.pics {
	width:192px;
}
figure.yoko p.pics {
	width:284px;
}
figure.tate p.pics span, figure.tate p.pics img {
	width:184px;
	height:276px;
}
figure.yoko p.pics span, figure.yoko p.pics img {
	width:276px;
	height:184px;
}
}


/* vol.2 */
div.vol2unit {
	background-color:#061a30;
	margin-bottom:20px;
}
div.vol2unit div.prof {
	position:relative;
	background-image:url(../world/img/qqq02_bg.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}
div.vol2unit div.prof div.lazy, div.vol2unit div.prof div.lazy img {
	display:block;
	width:240px;
}
div.vol2unit div.prof ul li, div.vol2unit div.waku p {
	color:#fff;
	font-family:"Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo,serif;
}
div.waku {
	background-color:#32578a;
	border:3px double #000;
}
div.waku:after {
	content:"";
	display:block;
	clear:both;
}
div.vol2unit div.waku p {
	line-height:1.5;
}
div.waku ul li {
	background-color:#061a30;
}
div.waku ul li span, div.waku ul li span a, div.waku ul li span a img {
	display:block;
	width:100px;
	height:100px;
}

@media all and (min-width: 768px) {
div.vol2unit div.prof {
	height:320px;
	overflow:hidden;
}
div.vol2unit div.prof div.lazy {
	position:relative;
	height:320px;
}
div.vol2unit div.prof div.lazy img {
	height:320px;
}
div.vol2unit div.prof ul {
	position:absolute;
	left:50%;
	top:30px;
}
div.vol2unit div.prof ul li {
	line-height:2;
}
div.waku {
	padding:20px;
}
div.vol2unit div.waku p {
	font-size:87.5%;
	width:420px;
	float:left;
}
div.waku ul {
	float:right;
}
div.waku ul li {
	margin-bottom:10px;
}
div.waku ul li:last-child {
	margin-bottom:0;
}
div.waku ul li > span > a:hover {
	background-color:#fc0;
	opacity:0.3;
}
}
@media all and (max-width: 767px) {
div.vol2unit {
	padding-top:15px;
}
div.vol2unit div.prof div.lazy, div.vol2unit div.prof div.lazy img {
	height:280px;
}
div.vol2unit div.prof div.lazy {
	margin:0 auto;
}
div.vol2unit div.prof ul {
	display:block;
	padding:15px;
}
div.vol2unit div.prof ul li {
	text-align:center;
	line-height:1.5;
	font-size:87.5%;
}
div.waku {
	padding:10px;
}
div.vol2unit div.waku p {
	font-size:83%;
	margin-bottom:10px;
}
div.waku ul {
	width:222px;
	margin:0 auto;
}
div.waku ul li {
	float:left;
	margin-right:20px;
}
div.waku ul li:last-child {
	margin-right:0;
}
}
@media print {
div.vol2unit div.prof div.lazy {
	display:none;
}
}