/*common css*/

@media screen and (min-width: 751px) {
	#index_cont {
		width: 1100px;
		margin: 12px auto;
		width: 1101px\9;
	}

	#index_btn {
		text-align: center;
		margin: 12px auto;
		width: 1101px\9;
	}
	.head_index img {
		/*margin:auto; width:1101px;*/
	}

	body {
		background-attachment: fixed;
		background-position: center;
		background-position: left top \9;
		background-color: #000;
		background-image: url(../img/main-bg.jpg);
	}
	a {
		text-decoration: none;
		color: #000;
	}

	#blog a {
		color: #fff;
	}
	#blog a hover {
		color: red;
	}

	a:hover {
		color: #ff0000;
	}

	a img:hover {
		filter: alpha(opacity=80);
		opacity: 0.8;
	}

	li {
		list-style-type: none;
		font-size: small;
	}

	h3 {
		background-image: url(../img/index_bg.jpg);
		font-size: small;
		padding: 4px;
		border-radius: 10px 10px 0px 0px;
		color: #fff;
	}

	#head {
		width: 1100px;
		margin: 12px auto;
		height: 63px;
		padding-top: 200px;
		background: url(../img/head2.jpg);
	}

	#head2 {
		width: 1100px;
		margin: 12px auto;
		height: 63px;
		padding-top: 270px;
		background: url(../img/logo_12.jpg);
		background-repeat: no-repeat;
	}

	/*menu*/
	.btn {
		float: left;
	}

	#cont_all {
		width: 1100px;
		margin: 1px auto;
		height: 2000px;
		background: #000;
		padding-top: 0px;
		margin-top: 40px;
	}

	#cont_one {
		width: 640px;
		float: left;
		background: #000;
		padding: 12px;
		margin-right: 12px;
	}

	#cont_two {
		width: 387px;
		float: left;
		background: #000;
		padding: 12px;
		margin-left: 12px;
	}

	#index_b1 {
		position: relative;
		top: -1331px;
		left: -88px;
	}

	#cont_all2 {
		width: 1100px;
		margin: 1px auto;
		height: 2000px;
		background: #000;
		padding-top: 0px;
		margin-top: -10px;
	}

	#cont_one2 {
		width: 640px;
		float: left;
		background: #000;
		padding: 12px;
		margin-right: 12px;
	}

	#cont_two2 {
		width: 387px;
		float: left;
		background: #000;
		padding: 12px;
		margin-left: 12px;
		margin-top: -10px;
	}

	ul.missing li {
		float: left;
	}

	h4 {
		text-shadow:
			0 15px 10px rgba(0, 0, 0, 0.5),
			1px 1px 1px rgba(0, 0, 0, 0.6),
			-1px -1px 1px rgba(255, 255, 255, 0.5);
		font-size: 52px;
		color: rgb(136, 0, 98);
		margin-bottom: 24px;
	}

	.kessai {
		width: 90%;
		height: 291px;
		background: #fff;
		margin: 12px auto;
		border-radius: 10px;
	}

	.kessai form {
		width: 100%;
		height: 230px;
		position: relative;
		top: -258px;
		opacity: 0;
	}

	/*バナー*/

	.bana {
		width: 640px;
		background: #978;
		margin-bottom: 12px;
		clear: both;
		height: 120px;
	}

	.bana2 {
		width: 320px;
		background: #968;
		margin-bottom: 12px;
		clear: both;
		height: 120px;
	}

	h2 {
		color: #fff;
		font-size: small;
		font-weight: bold;
		margin-bottom: 6px;
	}

	/*footer*/

	#footer {
		background: #000;
		width: 100%;
		color: #fff;
		height: 46px;
		clear: both;
		text-align: center;
		font-size: small;
	}

	#cont_prf {
		width: 100%;
		float: left;
		background-image: url(../img/prf_bg.jpg);
		margin-right: 12px;
		margin-top: 12px;
		margin-bottom: 24px;
	}

	#blog_in {
		overflow-y: scroll;
		height: 460px;
		background: #fff;
		font-size: small;
		text-align: center;
	}

	#index_head {
		margin: 12px auto;
	}
	#index_btn {
		position: relative;
		z-index: 5;
		width: 90%;
		height: auto;
		text-align: center;
		padding: 0px\9;
		background: url(../img/index_bg.jpg);
		border-radius: 20px;
		border: 1px solid #fff;
		padding: 24px 30px;
		margin-top: 15px;
		margin-bottom: 80px;
		opacity: 1;
	}

	#index_btn2 {
		position: relative;
		z-index: 5;
		width: 90%;
		height: auto;
		text-align: center;
		padding: 0px\9;
		border-radius: 20px;
		border: 1px solid #fff;
		padding: 24px 30px;
		margin: auto;
		opacity: 1;
	}

	#a_b {
		border-image: url("../img/index_bg.jpg") 15 round;
		border-style: solid;
		border-width: 4px;
		margin: 50px auto;
		width: 81%;
		background: #fff;
		opacity: 0.6;
	}

	.a1 {
		font-size: small;
		font-weight: bold;
		color: #000;
	}
	.a2 {
		font-size: small;
		font-weight: bold;
		color: red;
		background-image: url(../img/index_bg.jpg);
		padding-bottom: 12px;
	}

	.a3 {
		font-size: small;
		font-weight: bold;
		color: red;
		background-color: #000;
		padding-bottom: 12px;
	}

	.index_bana {
		width: 640px;
		margin: 33px auto -64px;
	}
	.index_enter {
		margin: auto;
		width: 70%;
	}
	.index_ent {
		float: left;
		margin-right: 12px;
	}
	.index_leave {
		float: left;
	}
	.index_ng {
		/*	float:left; margin-right:40px; margin-left:220px;*/
	}
}

@media screen and (max-width: 750px) {
	#big-video-wrap {
		display: none;
	}

	body {
		background-attachment: fixed;
		background-position: center;
		background-position: left top \9;
		background-color: #000;
		width: 90%;
		background-image: url(../img/main-bg.jpg);
		margin: auto;
	}
	#index_cont {
		width: 99%;
	}

	.head_index img {
		width: 100%;
	}
	.index_ent img {
		width: 100%;
	}
	.index_leave img {
		width: 100%;
	}
	.index_enter {
		width: 100%;
	}
	#index_bana {
		width: 100%;
	}

	a {
		text-decoration: none;
		color: #000;
	}

	#blog a {
		color: #fff;
	}
	#blog a hover {
		color: red;
	}

	a:hover {
		color: #ff0000;
	}

	a img:hover {
		filter: alpha(opacity=80);
		opacity: 0.8;
	}

	li {
		list-style-type: none;
		font-size: small;
	}

	h3 {
		background-image: url(../img/index_bg.jpg);
		font-size: small;
		padding: 4px;
		border-radius: 10px 10px 0px 0px;
		color: #fff;
	}

	#head {
		width: 1100px;
		margin: 12px auto;
		height: 63px;
		padding-top: 200px;
		background: url(../img/head2.jpg);
	}

	#head2 {
		width: 1100px;
		margin: 12px auto;
		height: 63px;
		padding-top: 270px;
		background: url(../img/logo_12.jpg);
		background-repeat: no-repeat;
	}

	/*menu*/
	.btn {
		float: left;
	}

	#cont_all {
		width: 1100px;
		margin: 1px auto;
		height: 2000px;
		background: #000;
		padding-top: 0px;
		margin-top: 40px;
	}

	#cont_one {
		width: 640px;
		float: left;
		background: #000;
		padding: 12px;
		margin-right: 12px;
	}

	#cont_two {
		width: 387px;
		float: left;
		background: #000;
		padding: 12px;
		margin-left: 12px;
	}

	#index_b1 {
		position: relative;
		top: -1331px;
		left: -88px;
	}

	#cont_all2 {
		width: 1100px;
		margin: 1px auto;
		height: 2000px;
		background: #000;
		padding-top: 0px;
		margin-top: -10px;
	}

	#cont_one2 {
		width: 640px;
		float: left;
		background: #000;
		padding: 12px;
		margin-right: 12px;
	}

	#cont_two2 {
		width: 387px;
		float: left;
		background: #000;
		padding: 12px;
		margin-left: 12px;
		margin-top: -10px;
	}

	ul.missing li {
		float: left;
	}

	h4 {
		text-shadow:
			0 15px 10px rgba(0, 0, 0, 0.5),
			1px 1px 1px rgba(0, 0, 0, 0.6),
			-1px -1px 1px rgba(255, 255, 255, 0.5);
		font-size: 52px;
		color: rgb(136, 0, 98);
		margin-bottom: 24px;
	}

	.kessai {
		width: 90%;
		height: 291px;
		background: #fff;
		margin: 12px auto;
		border-radius: 10px;
	}

	.kessai form {
		width: 100%;
		height: 230px;
		position: relative;
		top: -258px;
		opacity: 0;
	}

	/*バナー*/

	.bana {
		width: 640px;
		background: #978;
		margin-bottom: 12px;
		clear: both;
		height: 120px;
	}

	.bana2 {
		width: 320px;
		background: #968;
		margin-bottom: 12px;
		clear: both;
		height: 120px;
	}

	h2 {
		color: #fff;
		font-size: small;
		font-weight: bold;
		margin-bottom: 6px;
	}

	/*footer*/

	#footer {
		background: #000;
		width: 100%;
		color: #fff;
		height: 46px;
		padding-top: 40px;
		clear: both;
		text-align: center;
		font-size: small;
	}

	#cont_prf {
		width: 100%;
		float: left;
		background-image: url(../img/prf_bg.jpg);
		margin-right: 12px;
		margin-top: 12px;
		margin-bottom: 24px;
	}

	#blog_in {
		overflow-y: scroll;
		height: 460px;
		background: #fff;
		font-size: small;
		text-align: center;
	}

	#index_head {
		margin: 12px auto;
	}
	#index_btn {
		position: relative;
		z-index: 5;
		/* width: 90%; */
		height: auto;
		text-align: center;
		padding: 0px\9;
		background: url(../img/index_bg.jpg);
		border-radius: 20px;
		border: 1px solid #fff;
		padding: 24px 30px;
		margin-top: 15px;
		margin-bottom: 80px;
		opacity: 1;
	}

	#a_b {
		border-image: url("../img/index_bg.jpg") 15 round;
		border-style: solid;
		border-width: 4px;
		margin: 50px auto;
		width: 81%;
		background: #fff;
		opacity: 0.6;
	}

	.a1 {
		font-size: small;
		font-weight: bold;
		color: #000;
	}
	.a2 {
		font-size: small;
		font-weight: bold;
		color: red;
		background-image: url(../img/index_bg.jpg);
		padding-bottom: 12px;
	}
}

.banner_area img {
	max-width: 100%;
	height: auto;
}