@charset "UTF-8";
/* ******************************************************************

	--home.css--

	1. Layout setting

****************************************************************** */


/*==================================================================
	1. Layout setting
===================================================================*/
h4 {
	font-family: "Times New Roman", Georgia, Serif;
	letter-spacing: 1px;
}
.bHead img {
	height: 33px;
	width: auto;
}
.mHead {
	color: #002B73;
	font-size: 23px;
	font-family: "Sawarabi Mincho";
	margin-bottom: 52px;
}
.mHead span {
	background-color: #333;
	color: #FFF;
	display: inline-block;
	font-size: 14px;
	font-family: 'Noto Sans Japanese', sans-serif;
	position: relative;
	top: -3px;
	margin-right: 14px;
	padding: 2px 13px 0 15px;
	border-radius: 4px;
}
.owl-carousel {
	margin-bottom: 54px;
}
.mbText,
.enText {
	margin-bottom: 55px;
}
.info {
	border: 1px solid #262626;
	margin-bottom: 98px;
	padding: 21px 30px 24px 24px;
}
#contents .info p {
	line-height: 1.7;
}
.staff {
	margin-bottom: 147px;
}
.staff h4,
.story h4,
.scenery h4 {
	border-bottom: 1px solid #262626;
	margin-bottom: 34px;
	padding: 0 0 13px 4px;
	letter-spacing: 2px;
}
.graphic h4 {
	border-bottom: 1px solid #262626;
	margin-bottom: 34px;
	padding: 0 0 13px 4px;
	letter-spacing: 2px;
}

.staff dl dt,
.staff dl dd {
	letter-spacing: 5px;
}
.staff dl {
	width:auto;
}

.staff dl dt {
	float:left;
	display:inline-block;
	margin-right:17px;
	margin-bottom:1.35em;
}
.staff dl dd {
	margin-bottom:1.35em;

}
.wide{
}
.wide dd.threedt{
	padding-left: 170px;
}
.wide dd.twodt{
	padding-left: 120px;
}


.note {
	margin-bottom: 177px;
}
.note h4 {
	position: relative;
	padding-left: 3px;
	margin-bottom: 9px;
}
.note h4 span {
	position: absolute;
	left: 63px;
	bottom: 13px;
}
.detail {
	background-color: #F7F7F7;
	padding: 64px 67px;
	line-height: 2.3;
}
.detail p {
	margin-bottom: 29px;
}
.detail p:last-child {
	margin-bottom: 0;
}
.scenery .sceneryList {
	margin-bottom: 62px;
}
.scenery ul li {
	float: left;
	font-size: 13px;
	line-height: 1.8;
	margin-bottom: 45px;
	margin-right: 1%;
	width: 32.6333%;
	display: inline-block;
	}
.scenery ul li:nth-child(3n) {
	margin-right: 0;
	float: right;
}
.scenery ul li:nth-child(6n) {
	margin-right: 0;
	float: right;
}
.scenery ul li .image {
	margin-bottom: 2px;
}
.graphic .sceneryList {
	margin-bottom: 62px;
}
.graphic ul li {
	float: left;
	font-size: 13px;
	line-height: 1.8;
	margin-bottom: 45px;
	margin-right: 1%;
	width: 32.6333%;
}
.graphic ul li:nth-child(3n) {
	margin-right: 0;
	float: right;
}
.graphic ul li .image {
	margin-bottom: 2px;
}
.pagination {
	font-size: 16px;
}
.previous {
	font-family:"Times New Roman", Times, serif;
	letter-spacing:1.5;
	float: left;
	background: url(../common/images/ico_previous.png) no-repeat left center;
	padding-left: 20px;
}
.next {
	font-family:"Times New Roman", Times, serif;
	letter-spacing:1.5;
	float: right;
	background: url(../common/images/ico_next.png) no-repeat right center;
	padding-right: 20px;
}
.pagination a {
	color: #000;
}
.ttlEng {
	font-size: 14px;
    font-family: "Sawarabi Mincho";
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
	.detail {
		padding: 44px 47px;
	}
	.scenery ul li {
		width: 49%;
		margin-right: 0;
	}
	.scenery ul li:nth-child(2n) {
		float: right;
	}
	.scenery ul li:nth-child(3n) {
		float: left;
	}
	.scenery ul li:nth-child(4n) {
		float: right;
	}
	.scenery ul li:nth-child(5n) {
		float: left;
	}
	.scenery ul li:nth-child(6n) {
		float: right;
	}
	.graphic ul li {
		width: 49%;
		margin-right: 0;
	}
	.graphic ul li:nth-child(2n) {
		float: right;
	}
	.graphic ul li:nth-child(3n) {
		float: left;
	}

	.mHead {
	margin: 0 20px 52px 20px;
	}
	
}

@media screen and (max-width: 640px) {
	.info {
		margin-bottom: 70px;
	}
	.staff {
		margin-bottom: 90px;
	}
	.note {
		margin-bottom: 110px;
	}
	.detail {
		padding: 40px;
	}
}
@media screen and (max-width: 480px) {
	.detail {
		padding: 20px;
	}
	.scenery ul li {
		float: none;
		width: 100%;
	}
	.scenery ul li img {
		width: 100%;
	}
	.graphic ul li {
		float: none;
		width: 100%;
	}
	.graphic ul li img {
		width: 100%;
	}
}