@charset "UTF-8";

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

	/* -------------------------------------------------------------------------------------------
	*
	* コンテンツスクリーン
	*
	* ----------------------------------------------------------------------------------------- */

	#mainVisual{
	}
	#mainVisual div.inner{
		max-width: 788px;
	}


	#mainVisual div.inner a div.mvImg{
		position: relative;
		overflow: hidden;
		}
		#mainVisual div.inner a div.mvImg::before {
			content: '';
			display: block;
			padding-top: 53.427%;
		}

	#mainVisual div.inner a div.mvImg img{
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		object-position: top;
		}
		body.js_isIe #mainVisual div.inner a div.mvImg img{
			width: auto;
		}

	#mainVisual div.inner a:hover div.mvImg img{
		-webkit-transform: scale(1.03,1.03);
		transform: scale(1.03,1.03);
	}


	/* -------------------------------------------------------------------------------------------
	*
	* イントロ
	*
	* ----------------------------------------------------------------------------------------- */

	#intro{
		padding: 3rem 0;
		font-size: 1rem;
		text-align: center;
		line-height: 2.4;
	}


	/* -------------------------------------------------------------------------------------------
	*
	* バナー
	*
	* ----------------------------------------------------------------------------------------- */

	#fixBnr{
		position: fixed;
		bottom: 1rem; left: -10rem;
		opacity: 0;
		z-index: 1;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		}
		#fixBnr.active{
			opacity: 1;
			left: 1rem;
		}
		#fixBnr.hide{
			opacity: 0;
			left: -10rem;
		}

	#fixBnr p.bnr{
		display: inline-block;
		vertical-align: top;
		cursor: pointer;
		opacity: 1;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		}
		#fixBnr p.bnr:hover{
			opacity: 0.8;
		}

	#fixBnr p.bnr img{
		width: 10rem;
	}

	#fixBnr p.close{
		position: absolute;
		top: 0.25rem; right: 0.75rem;
	}

	#fixBnr p.close img{
		width: 1.75rem;
		cursor: pointer;
	}



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

	/* -------------------------------------------------------------------------------------------
	*
	* コンテンツスクリーン
	*
	* ----------------------------------------------------------------------------------------- */

	#mainVisual{
		/*background-color: #e8e8e8;*/
	}

	#mainVisual div.inner a div.mvImg{
		overflow: hidden;
		position: relative;
		}
		#mainVisual div.inner a div.mvImg::before {
			content: '';
			display: inline-block;
			padding-top: 53.427%;
		}

	#mainVisual div.inner a div.mvImg img{
		position: absolute;
		top: 0; right: 0; bottom: 0; left: 0;
		margin: auto;
		width: 100%;
		height: 100%;
		-webkit-transition-duration: 0.5s;
		transition-duration: 0.5s;
		object-position: top;
		}
		#mainVisual div.inner a:hover div.mvImg img{
			-webkit-transform: scale(1.03,1.03);
			transform: scale(1.03,1.03);
		}




	/* -------------------------------------------------------------------------------------------
	*
	* イントロ
	*
	* ----------------------------------------------------------------------------------------- */

	#intro{
		padding: 3rem 0;
		font-size: 0.875rem;
		text-align: center;
		line-height: 2.4;
	}


	/* -------------------------------------------------------------------------------------------
	*
	* バナー
	*
	* ----------------------------------------------------------------------------------------- */

	#fixBnr{
		position: fixed;
		bottom: 1rem; left: -8rem;
		opacity: 0;
		z-index: 1;
		-webkit-transition: all 0.3s;
		transition: all 0.3s;
		}
		#fixBnr.active{
			opacity: 1;
			left: 1rem;
		}
		#fixBnr.hide{
			opacity: 0;
			left: -8rem;
		}

	#fixBnr p.bnr{
		display: inline-block;
		vertical-align: top;
	}

	#fixBnr p.bnr img{
		width: 8rem;
	}

	#fixBnr p.close{
		position: absolute;
		top: 0.125rem; right: 0.25rem;
	}

	#fixBnr p.close img{
		width: 1.75rem;
		cursor: pointer;
	}


}