@charset "utf-8";




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


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

	body{
		background-color:#021418;
	}

	#wrapper{

	}

	#content{
		background:#000 url("../img/common/bg.jpg") center top no-repeat;
		background-attachment:fixed;
		min-width:1000px;
				overflow:hidden;
	}

	#content.sp{
		background:#000 url("../img/common/bg_nofix.jpg") center top repeat-y;
		background-attachment:scroll;
		min-width:1000px;
		overflow:hidden;
	}

	#secMenu{
		display:block;
		background:#000 url('../img/common/bg_secnavi.jpg') no-repeat center top;
		background-size:auto 100%;
		height:40px;
		margin-top:-5px;
		padding:22px 18px 8px;
		text-align:center;
		box-shadow:0 4px 1px rgba(0,0,0,0.4);
	}

	#secMenu a{
		position:relative;
	}

	#secMenu a img.on{
		display:none;
		position:relative;
	}


	#secMenu a.new:after{
		display:block;
		content:'';
		position:absolute;
		left:-2px;
		top:-10px;
		background-image:url('../img/common/new.gif');
		background-size:20px;
		width:20px;
		height:20px;
		border-radius:15px;
		overflow:hidden;
		box-shadow:2px 2px 3px rgba(0,0,0,0.9),0px 0px 5px rgba(0,0,0,0.9);
	}

	.subWindow{
		background-color:rgba(0,0,0,0.5);
		line-height:1.4;
		position:relative;z-index:20;
		padding:18px 0 15px;
	}

	.subWindow .inner{
		font-size:14px;
		line-height:1.6;
		width:930px;
		margin:0 auto 0;
	}


	.cbox.plus{
		position:relative;
		display:inline-block;
		background-color:#000;
	}

	.cbox.plus:hover img{
		opacity:0.5;
	}

	.cbox.plus::after{
		content:'';
		display:block;
		background-image:url('../img/common/btn_plus.png');
		background-size:100%;
		width:30px;
		height:30px;
		position:absolute;
		bottom:5px;right:5px;
	}



}

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

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

	body{
		background-color:#021418;
	}

	#wrapper{

	}

	#content{
		background-color:#EEB79A;
		overflow:hidden;
	}

	#content::before{
		content:'';
		position:fixed;
		top:0;left:0;
		display:block;
		height:100%;
		width:100%;
		background:#EEB79A url("../img/common/bg_sp.jpg") center top no-repeat;
		background-size:100%;
		z-index:0;
	}

	#secMenu{
		display:block;
		background-image: url('../img/common/bg_secnavi.jpg');
		background-size:cover;
		background-position:center top;
		padding:13px 2% 13px;
		text-align:center;
		position:relative;
		z-index:101;
	}

	#secMenu a img.on{
		display:none;
		position:relative;
	}


	#secMenu a.new:after{
		display:block;
		content:'';
		position:absolute;
		left:-2px;
		top:-10px;
		background-image:url('../img/common/new.gif');
		background-size:20px;
		width:20px;
		height:20px;
		border-radius:15px;
		overflow:hidden;
		z-index:200;
		box-shadow:2px 2px 3px rgba(0,0,0,0.9),0px 0px 5px rgba(0,0,0,0.9);
	}

	.subWindow{
		background-color:rgba(0,0,0,0.6);
		margin:0px auto -5%;
		line-height:1.4;
		width:100%;
		position:relative;
		color:#ddd;
		z-index:20;
	}

	.subWindow .inner{
		font-size:11px;
		line-height:1.7;
		padding:4%;
		font-weight:normal;
	}

	.cbox.plus{
		position:relative;
		display:inline-block;
		background-color:#000;
	}



	.cbox.plus::after{
		content:'';
		display:block;
		background-image:url('../img/common/btn_plus.png');
		background-size:100%;
		width:30px;
		height:30px;
		position:absolute;
		bottom:5px;right:5px;
		z-index:30;
	}



}