@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


@media screen and (min-width: 481px){

	#content_inner{
		padding:70px 0 80px;
		width:1000px;
		margin:0 auto 0;
		z-index:50;
		position:relative;
	}

	h2{
		display:block;
		text-align:center;
		padding:10px 0 0;
		margin:0 0 0px;
		}

		#secMenu{
			display:block;
			background-image: url('../img/common/bg_secnavi.png');
			background-size:auto 100%;
			height:40px;
			margin-top:-5px;
			padding:18px;
			text-align:center;
		}

		#secMenu .inner{
			width:320px;
			margin:0 auto 0;
		}

		#secMenu a{
			display:block;
			float:left;
			padding:0 20px;
			border-left:1px solid #999;
		}


		#secMenu a:nth-child(1){width:134px;border-left:none;}
		#secMenu a:nth-child(2){width:98px;}

		#secMenu a img{
			display:block;
			width:100%;
		}



	h3{
		display:block;
		padding:100px 0 0;
	}

	p{
		display:block;
		text-align:center;
		color:#fff;
		line-height:2;
		margin:0 0 20px;
		font-size:18px;
		font-weight:800;
		z-index:20;
		position:relative;
		padding:240px 0 60px;
		text-shadow:1px 1px 3px #000;
	}

	#base{
		width:1000px;
		/*background:#000 url('../img/story/base_bottom.jpg') center bottom no-repeat;*/
		background-size:100%;
		background-color:#000;
		position:relative;
		box-shadow:1px 1px 2px rgba(0,0,0,0.3);
	}

	#base:after{
		content:'';display:block;
		width:980px;height:98.2%;
		position:absolute;top:9px;left:9px;
		border:1px solid #E3A0BB;
	}

		#base::before{
			content:'';
			width:1000px;
			background:transparent url('../img/story/base_top.jpg') center top no-repeat;
			background-size:100%;
			padding-top:1300px;
			display:block;
			position:absolute;
			top:0px;left:0px;

		}

	.photolist{
		width:95%;
		margin:0 auto;
		padding-bottom:120px;
	}

	.photolist a{
		width:19.2%;
		float:left;
		display:block;
		z-index:100;
		position:relative;
		margin-left:1%;
		margin-top:1%;
	}

	/*.photolist a:after{
		content:'';
		background-image:url('../img/common/new.gif');
		display:block;
		width:28px;
		height:28px;
		background-size:100%;
		position:absolute;
		border-radius:25px;
		box-shadow:2px 2px 1px rgba(0,0,0,0.2);
		top:3px;
		left:3px;
	}*/

	.photolist a:nth-of-type(5n+1){
		margin-left:0px;
	}

	.photolist a img{
		width:100%;
		display:block;
	}

	.photolist .border{
		border:1px solid #966912;
	}



}




/*----------------------------------------
	for SP
----------------------------------------*/

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


	#content_inner{
		padding:7% 0 20%;
		margin:0 auto 0;
		z-index:50;
		position:relative;
	}

	h2{
		display:block;
		text-align:center;
		padding:10px 0 0;
		margin:0 0 0px;
		width:100%;
		}

		h2 img{
			display:block;
			width:100%;
			}

			#secMenu{
				display:block;
				background-image: url('../img/common/bg_secnavi.png');
				background-size:cover;
				padding:20px;
				text-align:center;
				position:relative;
				z-index:60;
			}

			#secMenu .inner{
				width:65%;
				margin:0 auto 0;
			}

			#secMenu a{
				display:block;
				float:left;
				padding:0 3%;
				border-left:1px solid #999;
				position:relative;
			}


			#secMenu a:nth-child(1){width:47%;border-left:none;}
			#secMenu a:nth-child(2){width:35%;}

			#secMenu a img{
				display:block;
				width:100%;
			}

	.subWindow{
		background-color:rgba(0,0,0,0.3);
		padding:4px;margin:20px auto -5%;
		line-height:1.4;
		border:1px solid rgb(204, 142, 25);
		width:90%;
	}

	.subWindow .inner{
		background-color:rgba(0,0,0,0.5);
		padding:12px 16px 16px;
		font-size:11px;
		line-height:1.6;
		font-weight:normal;
	}

	.subWindow .tit{
		font-size:24px;
		text-align:left;
		margin-bottom:5px;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		text-shadow:0px 0px 3px rgba(0,0,0,0.5);
		width:180px;
	}

	.subWindow .inner .catch{
		font-size:16px;
		font-weight:800;
		line-height:1.4;
		margin-bottom:10px;
		text-shadow:1px 1px 2px rgba(0,0,0,0.2);
	}

	.subWindow .inner .catch .oni{
		font-size:20px;
		font-weight:800;
		line-height:1.4;
		margin-bottom:10px;
		text-shadow:1px 1px 2px rgba(0,0,0,0.2);
		color:#d00;
	}

	.subWindow .txt{
		display:block;
		text-shadow:0px 0px 3px rgba(0,0,0,0.5);
	}

	p{
		display:block;
		text-align:center;
		color:#fff;
		line-height:1.7;
		margin:0 auto 0px;
		font-size:14px;
		font-weight:400;
		z-index:20;
		position:relative;
				padding:24% 0 10%;
			text-shadow:1px 1px 3px #000;
		width:84%;
		text-shadow:0px 0px 5px #000, 0px 0px 10px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000, 0px 0px 5px #000;
	}

	#base{
		width:100%;
		/*background:#000 url('../img/story/base_bottom.jpg') center bottom no-repeat;*/
		background-color:#000;
		background-size:160%;
		position:relative;
		box-shadow:1px 1px 2px rgba(0,0,0,0.3);
	}

	#base:after{
		content:'';display:block;
		width:94%;height:96%;
		position:absolute;top:1.8%;left:2.5%;
		border:1px solid #ddd;
	}

	#base::before{
		content:'';
		width:100%;
		background:transparent url('../img/story/base_top.jpg') center top no-repeat;
		background-size:100%;
		padding-top:1300px;
		display:block;
		position:absolute;
		top:0px;left:0px;

	}

	.photolist{
		width:86%;
		margin:0 auto;
		padding-bottom:10%;
	}

	.photolist a{
		width:49.5%;
		float:left;
		display:block;
		z-index:100;
		position:relative;
		margin-left:1%;
		margin-top:1%;
	}

	/*.photolist a:after{
		content:'';
		background-image:url('../img/common/new.gif');
		display:block;
		width:28px;
		height:28px;
		background-size:100%;
		position:absolute;
		border-radius:25px;
		box-shadow:2px 2px 1px rgba(0,0,0,0.2);
		top:3px;
		left:3px;
	}*/

	.photolist a:nth-of-type(2n+1){
		margin-left:0px;
	}

	.photolist a img{
		width:100%;
		display:block;
	}

	.photolist .border{
		border:1px solid #966912;
	}



}