@charset "UTF-8";
/* ---------------------------------------- file info */
/* filename:cotents.css */
/* creation date:2015年12月3日 */
/* last updated:2015年12月3日 */
/* -------------------------------------------------- */

/* --------------------------------------------------
	001.storyBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	.storyBlock {
		background:url(/cmp/nightmuseum/common_201601/images/bg_story.png);
		clear:both;
		position:relative;
		z-index:1000;
	}
	.storyBlock:before {
		width:100%;
		height:70px;
		content:" ";
		background:url(/cmp/nightmuseum/common_201601/images/bg_p1.png) repeat-x;
		display:block;
		top:-35px;
		left:0;
		position:absolute;
	}
	.storyBlock:after {
		width:100%;
		height:70px;
		content:" ";
		background:url(/cmp/nightmuseum/common_201601/images/bg_p1.png) repeat-x;
		display:block;
		bottom:-35px;
		left:0;
		position:absolute;
	}
	.storyBlock h2 {
		text-align:center;
		padding:60px 0;
	}
	.storyBlock .inner {
		width:800px;
		font-size:114%;
		letter-spacing:3px;
		text-align:center;
		padding:20px 0;
		margin:0 auto;
	}
	.storyBlock .inner p {
		clear:both;
		padding-bottom:38px;
	}
	.storyBlock .inner p b {
		font-size:150%;
	}
	.storyBlock .inner div.sum {
		font-size:107%;
		text-align:left;
		overflow:hidden;
		padding:0 60px 30px;
	}
	.storyBlock .inner .alignleft {
		float:right;
		margin-left:30px;
	}
	.storyBlock .inner .sum span {
		display:inline-block;
		padding-top:100px;
	}
	.storyBlock .inner strong {
		font-size:188%;
		color:#ec415e;
	}
	.storyBlock .inner strong span {
		font-size:200%;
		font-weight:900;
	}
}
@media screen and (max-width: 639px) {
	.storyBlock {
		background:url(/cmp/nightmuseum/common_201601/images/bg_story.png);
		clear:both;
		position:relative;
		z-index:1000;
	}
	.storyBlock:before {
		width:100%;
		height:35px;
		content:" ";
		background:url(/cmp/nightmuseum/common_201601/images/bg_p1.png) repeat-x;
		background-size:auto 35px;
		display:block;
		top:-10px;
		left:0;
		position:absolute;
	}
	.storyBlock:after {
		width:100%;
		height:35px;
		content:" ";
		background:url(/cmp/nightmuseum/common_201601/images/bg_p1.png) repeat-x;
		background-size:auto 35px;
		display:block;
		bottom:-10px;
		left:0;
		position:absolute;
	}
	.storyBlock h2 {
		text-align:center;
		padding:30px 20px 10px;
	}
	.storyBlock h2 img {
		width:100%;
		height:auto;
	}
	.storyBlock .inner {
		text-align:center;
		padding:10px 0px;
		margin:0 auto;
	}
	.storyBlock .inner i {
		display:block;
	}
	.storyBlock .inner p {
		clear:both;
		padding-bottom:18px;
	}
	.storyBlock .inner p b {
		font-size:129%;
		line-height:1.3;
		display:inline-block;
		padding-bottom:10px;
	}
	.storyBlock .inner div.sum {
		overflow:hidden;
		padding:0 5px 30px;
	}
	.storyBlock .inner .alignleft {
		margin:0 auto 15px;
		width:50%;
		height:auto;
		display:block;
	}
	.storyBlock .inner > img {
		width:80%;
		margin:0 auto;
		display:block;
	}
	.storyBlock .inner .sum span {
		display:inline-block;
	}
	.storyBlock .inner strong {
		font-size:129%;
		line-height:1.2;
		color:#ec415e;
		display:inline-block;
		padding-bottom:10px;
	}
	.storyBlock .inner strong span {
		font-size:178%;
		font-weight:900;
	}
}



/* --------------------------------------------------
	003.pointBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	.pointBlock {
		padding:45px 0;
	}
	.pointBlock h2 {
		text-align:center;
		padding-bottom:30px;
	}
	.pointBlock .inner {
		background:url(/cmp/nightmuseum/common_201601/images/bg_point.png);
		box-shadow: inset 0px 0px 20px 0px rgba(37, 30, 28, 0.4);
		padding:25px 0 40px;
		overflow:hidden;
		zoom:1;
	}
	.pointBlock .inner .in {
		width:990px;
		margin:0 auto;
	}
	.pointBlock .inner .in dl {
		width:330px;
		text-align:center;
		float:left;
	}
	.pointBlock .inner .in dl dt {
		font-size:143%;
		line-height:1.2;
		color:#b98c08;
		padding-bottom:18px;
	}
	.pointBlock .inner .in dl dt .en {
		font-size:72%;
		line-height:1.1;
		display:block;
	}
	.pointBlock .inner .in dl dd {
		text-align:left;
		padding:0px;
	}
	.pointBlock .inner .in dl dd p {
		height:130px;
		padding:0 20px;
	}
	.pointBlock .inner .in dl dd i {
		color:#F29B9E;
	}
	.pointBlock .inner .in dl dd figure {
		margin:10px auto;
	}
	.pointBlock .inner .in dl dd figure img {
		border:5px solid #fff;
		box-shadow: 0px 0px 5px 0px rgba(37, 30, 28, 0.4);
	}
}

@media screen and (max-width: 639px) {
	.pointBlock {
		padding:15px 0;
	}
	.pointBlock h2 {
		text-align:center;
		padding:0 15px 20px;
	}
	.pointBlock h2 img {
		width:100%;
		height:auto;
	}
	.pointBlock .inner {
		background:url(/cmp/nightmuseum/common_201601/images/bg_point.png);
		box-shadow: inset 0px 0px 20px 0px rgba(37, 30, 28, 0.4);
		padding:25px 0 0px;
		overflow:hidden;
		zoom:1;
	}
	.pointBlock .inner .in dl {
		padding-bottom:25px;
	}
	.pointBlock .inner .in dl dt {
		font-size:129%;
		text-align:center;
		line-height:1.2;
		color:#b98c08;
		padding-bottom:10px;
	}
	.pointBlock .inner .in dl dt .en {
		font-size:72%;
		line-height:1.1;
		display:block;
	}
	.pointBlock .inner .in dl dd {
		text-align:left;
		padding:0 20px;
	}
	.pointBlock .inner .in dl dd i {
		color:#F29B9E;
	}
	.pointBlock .inner .in dl dd figure {
		margin:10px auto;
		background:#fff;
		padding:5px;
		box-shadow: 0px 0px 5px 0px rgba(37, 30, 28, 0.4);
	}
	.pointBlock .inner .in dl dd figure img {
		width:100%;
		height:auto;
	}
}

/* --------------------------------------------------
	003.aboutBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	.aboutBlock {
		padding:45px 0;
		text-align:center;
		background:url(/cmp/nightmuseum/common_201601/images/bg_pat_2.png);
	}
	.aboutBlock h2 {
		text-align:center;
		padding-bottom:50px;
	}
	.aboutBlock .inner {
		color:#fff;
	}
	.aboutBlock .inner figure {
		padding-bottom:30px;
	}
	.aboutBlock .inner p {
		font-size:129%;
		padding-bottom:50px;
	}
	.aboutBlock .outlineBlock {
		width:700px;
		border:3px solid #816107;
	 	box-shadow: 0px 5px 0px 0px rgba(37, 30, 28, 0.5);
		padding:6px;
		margin:0 auto 30px;
	}
	.aboutBlock .outlineBlock .in {
		background:url(/cmp/nightmuseum/common_201601/images/bg_white_a_10.png);
		padding:20px 50px;
	}
	.aboutBlock .outlineBlock .in dl {
		font-size:114%;
		padding:20px 30px;
		color:#fff;
		border-bottom:1px solid #021D2C;
	}
	.aboutBlock .outlineBlock .in dl dt {
		text-align:left;
		color:#ccc;
	}
	.aboutBlock .outlineBlock .in dl dd {
		text-align:left;
	}
	.aboutBlock .outlineBlock .in dl dd small {
		font-size:79%;
		line-height:1.3;
		display:inline-block;
	}
	.aboutBlock .outlineBlock .in dl dd span {
		color:#b2071b;
	}
	.aboutBlock .attention {
		width:680px;
		font-size:86%;
		text-align:left;
		color:#fff;
		margin:0 auto;
		padding-bottom:50px;
	}
}
.aboutBlock .outlineBlock .in dl:nth-last-of-type(1) {
	border:none;
}
@media screen and (max-width: 639px) {
	.aboutBlock {
		padding:25px 0;
		text-align:center;
		background:url(/cmp/nightmuseum/common_201601/images/bg_pat_2.png);
		background-size:256px auto;
		margin-top:20px;
	}
	.aboutBlock h2 {
		text-align:center;
		padding-bottom:30px;
	}
	.aboutBlock h2 img {
		width:90%;
		margin:0 auto;
	}
	.aboutBlock .inner {
		color:#fff;
	}
	.aboutBlock .inner figure {
		padding-bottom:30px;
	}
	.aboutBlock .inner figure img {
		width:60px;
		height:auto;
	}
	.aboutBlock .inner p {
		padding:0 15px 30px;
	}
	.aboutBlock .inner p span {
		display:block;
	}
	.aboutBlock .outlineBlock {
		border:1px solid #816107;
	 	box-shadow: 0px 5px 0px 0px rgba(37, 30, 28, 0.5);
		padding:3px;
		margin:0 10px 20px;
	}
	.aboutBlock .outlineBlock .in {
		background:url(/cmp/nightmuseum/common_201601/images/bg_white_a_10.png);
		padding:5px 10px;
	}
	.aboutBlock .outlineBlock .in dl {
		padding:5px;
		color:#fff;
		border-bottom:1px solid #021D2C;
	}
	.aboutBlock .outlineBlock .in dl dt {
		font-weight:bold;
		text-align:left;
		color:#ccc;
	}
	.aboutBlock .outlineBlock .in dl dd {
		font-size:93%;
		text-align:left;
	}
	.aboutBlock .outlineBlock .in dl dd small {
		font-size:71%;
		line-height:1.3;
		display:inline-block;
	}
	.aboutBlock .outlineBlock .in dl dd span {
		color:#b2071b;
	}
	.aboutBlock .attention {
		font-size:71%;
		text-align:left;
		color:#fff;
		margin:0 15px;
		padding-bottom:10px;
	}
}



/* --------------------------------------------------
	007.mapBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	.mapBlock {
		width:950px;
		background:url(/cmp/nightmuseum/common_201601/images/bg_blue_a80.png);
		position:relative;
		margin:0 auto;
		padding:15px;
		overflow:hidden;
		zoom:1;
	}
	.mapBlock .ttl {
		width:324px;
		color:#fff;
		text-align:center;
		float:left;
	}
	.mapBlock .ttl .mt {
		font-size:172%;
		color:#c2b367;
		padding-bottom:10px;
	}
	.mapBlock .ttl figure {
		padding-bottom:10px;
	}
	.mapBlock #gmap {
		width:580px;
		height:360px;
		float:right;
	}
	.catch {
		text-align:center;
		padding:50px 0;
	}
	.catch .com {
		font-size:172%;
		color:#fff;
		background:url(/cmp/nightmuseum/common_201601/images/bg_catch.png) no-repeat 50% 50%;
		margin-bottom:50px;
	}
	.catch ul {
		max-width:1000px;
		text-align:center;
		margin:0 auto;
	}
	.catch ul li {
		width:33%;
		float:left;
		padding:5px;
	}
	.catch ul li img {
		max-width:100%;
		height:auto;
		padding:4px;
		border:1px solid #dea500;
	}
}

@media screen and (max-width: 639px) {
	.mapBlock {
		background:url(/cmp/nightmuseum/common_201601/images/bg_blue_a80.png);
		position:relative;
		padding:25px 15px;
		overflow:hidden;
		zoom:1;
		margin-bottom:15px;
	}
	.mapBlock .ttl {
		font-size:86%;
		text-align:center;
		color:#fff;
	}
	.mapBlock .ttl img {
		width:60%;
		margin:0 auto;
	}
	.mapBlock .ttl .mt {
		font-size:129%;
		color:#c2b367;
		padding-bottom:5px;
	}
	.mapBlock .ttl figure {
		padding-bottom:10px;
	}
	.mapBlock #gmap {
		width:100%;
		height:200px;
	}
	.catch {
		text-align:center;
	}
	.catch .com {
		color:#fff;
		margin:0 0px 20px;
	}
	.catch ul {
		text-align:center;
		margin:0 5px;
	}
	.catch ul li {
		margin-bottom:10px;
	}
	.catch ul li.left {
		width:50%;
		float:left;
		margin-bottom:5px;
		padding:5px;
	}
	.catch ul li:nth-of-type(3) {
		clear:both;
		padding:0 5px;
	}
	.catch ul li img {
		max-width:100%;
		height:auto;
		padding:4px;
		border:1px solid #dea500;
	}
}

@media screen and (min-width: 640px) {
	#problemBlock {
		text-align:center;
		background:#fff;
		padding:50px 0 80px;
		position:relative;
	}
	#problemBlock:after {
		content:" ";
		display:block;
		clear:both;
	}
	#problemBlock h2 {
		padding-bottom:20px;
	}
	#problemBlock .inner {
		width:1000px;
		margin:0 auto;
	}
	#problemBlock .inner dl {
		width:50%;
		float:left;
		position:relative;
		padding-top:56px;
	}
	#problemBlock .inner dl dt {
		width:100%;
		position:absolute;
		text-align:center;
		top:0;
		left:0;
		z-index:11;
	}
	#problemBlock .inner dl dd {
		text-align:center;
		position:relative;
		z-index:10;
	}
	#problemBlock .check {
		width:100%;
		height:153px;
		text-align:center;
		position:absolute;
		bottom:-76px;
		left:0;
		z-index:1;
	}
	.checkBtn {
		font-size:107%;
		color:#fff;
		text-align:center;
		clear:both;
		padding:100px 0 30px;
	}
}
@media screen and (max-width: 639px) {
	#problemBlock {
		text-align:center;
		background:#fff;
		padding:20px 0 40px;
		position:relative;
	}
	#problemBlock:after {
		content:" ";
		display:block;
		clear:both;
	}
	#problemBlock h2 {
		padding-bottom:20px;
	}
	#problemBlock h2 img {
		width:80%;
		margin:0 auto;
	}
	#problemBlock .inner {
	}
	#problemBlock .inner dl {
		position:relative;
		padding-top:30px;
		margin:0 10px;
	}
	#problemBlock .inner dl dt {
		width:100%;
		position:absolute;
		text-align:center;
		top:0;
		left:0;
		z-index:11;
	}
	#problemBlock .inner dl dt img {
		width:60px;
		height:auto;
	}
	#problemBlock .inner dl dd {
		text-align:center;
		position:relative;
		z-index:10;
	}
	#problemBlock .inner dl dd img {
		width:100%;
		height:auto;
	}
	#problemBlock .check {
		width:100%;
		height:100px;
		text-align:center;
		position:absolute;
		bottom:-50px;
		left:0;
		z-index:1;
	}
	#problemBlock .check img {
		width:100px;
	}
	.checkBtn {
		font-size:107%;
		color:#fff;
		text-align:center;
		clear:both;
		padding:60px 0 10px;
	}
}

/* --------------------------------------------------
	005.faqBlock
-------------------------------------------------- */
@media screen and (min-width: 640px) {
	#faqBlock {
		margin:10px auto 0;
		background:url(/cmp/nightmuseum/common_201601/images/bg_pat_1.png);
		padding:50px 0;
		clear:both;
	}
	#faqBlock h2 {
		text-align:center;
		padding:0 0 30px;
	}
	#faqBlock article {
		width:660px;
		padding:15px 10px;
		margin:0 auto;
	}
	#faqBlock article h3 {
		font-size:129%;
		line-height:20px;
		color:#fff;
		text-align:left;
		padding-bottom:12px;
		padding-top:6px;
		position:relative;
	}
	#faqBlock article h3:before {
		font-size:93%;
		font-family:"copperplate";
		content:"Question";
		color:#e3b735;
		margin-right:20px;
	}
	#faqBlock article .inner {
		padding:35px 25px 25px;
		background:#fff;
		position:relative;
		margin-bottom:15px;
	}
	#faqBlock article .inner:before {
		width:80px;
		font-family:"copperplate";
		text-align:center;
		line-height:20px;
		background:#e3b735;
		content:"Answer";
		color:#fff;
		display:block;
		position:absolute;
		top:0px;
		left:0;
	}
}
@media screen and (max-width: 639px) {
	#faqBlock {
		margin:10px auto;
		background:url(/cmp/nightmuseum/common_201601/images/bg_pat_1@2.png);
		background-size:54px auto;
		padding:20px 0;
		clear:both;
	}
	#faqBlock h2 {
		text-align:center;
	}
	#faqBlock h2 img {
		width:85%;
		margin:0 auto;
	}
	#faqBlock article {
		padding:5px 10px;
	}
	#faqBlock article h3 {
		font-size:114%;
		line-height:20px;
		color:#fff;
		text-align:left;
		padding-bottom:12px;
		padding-top:6px;
		position:relative;
	}
	#faqBlock article h3:before {
		font-size:50%;
		font-family:"copperplate";
		content:"Question";
		color:#e3b735;
		display:block;
	}
	#faqBlock article .inner {
		padding:25px 15px 15px;
		background:#fff;
		position:relative;
	}
	#faqBlock article .inner:before {
		width:80px;
		font-family:"copperplate";
		text-align:center;
		line-height:20px;
		background:#e3b735;
		content:"Answer";
		color:#fff;
		display:block;
		position:absolute;
		top:0px;
		left:0;
	}
}
.report-btn {
	margin-top: 15px;
}
.report-btn a {
	color: #fff;
	font-size: 18px;
	line-height: 1.3;
}