@charset "utf-8";

@import url("../../css/style.css");

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

	/* 募集要項 */
	#project {
		margin: 20px 0;
	}

	#project .lead {
		margin: 20px 0;
		line-height: 1.4;
	}

	#project h3 {
		clear: both;
		font-size: 116%;
		margin: 40px 0 0px 0;
		padding: 10px 10px 10px 15px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		background-color: #e5e5e5;
	}

	#project .em {
		font-weight: bold;
		margin-bottom: 20px;
		line-height: 24px;
	}

	#project .m1 {
		clear: both;
		padding: 30px 0 10px 7px;
		font-weight: bold;
	}

	#project .m1 span {
		color: #d7d7d7;
		font-size: 90%;
		padding-right: 4px;
	}

	#project .m1 span.sub {
		color: #464646;
		font-weight: normal;
		margin-left: 5px;
	}

	#project ul.ul1 {
		margin: 30px 10px 10px 0;
		padding: 0;
	}

	#project ul.ul1 .limit {
		color: #e60012;
		display: block;
		padding-left: 1em;
	}

	#project ul.ul2 {
		margin: 12px 0 0 0;
		padding: 0;
	}

	#project ul.ul2 li {
		background: none;
		text-indent: -1em;
		padding-left: 1em;
	}

	#project li {
		letter-spacing: 0;
		margin: 0 0 5px 10px;
		padding: 0 0 0 15px;
		line-height: 1.3;
		list-style: none;
		zoom: 1;
		background: url(../img/li.gif) left 4px no-repeat;
	}

	#project .m1_2 {
		clear: both;
		padding: 10px 0 5px 7px;
		font-weight: bold;
	}


	/* お問い合せ */
	#project .contact {
		clear: both;
		margin-top: 50px;
		width: 563px;
		height: 101px;
		background: url(../../img/contact_bg.gif) left top no-repeat;
	}

	#project .contact table {
		margin: 0;
		border-collapse: collapse;
		border-spacing: 0px;
	}

	#project .contact p.fwb {
		font-size: 100%;
		margin: 0 0 0 20px;
		padding: 0 0 3px 0;
		font-weight: bold;
	}

	#project .contact p.fwn {
		font-size: 100%;
		margin: 5px 0 0 20px;
		padding: 0;
	}

	#project .contact p.form {
		font-size: 90%;
		margin: 10px 0 0 20px;
		padding: 0 0 0 15px;
		zoom: 1;
		background: url(../img/li.gif) left center no-repeat;
	}

	/* 募集要項 詳細 */

	#project_by {
		margin: 20px 0;
	}

	#project_by h3 {
		clear: both;
		font-size: 116%;
		margin: 0;
		padding: 10px 10px 10px 15px;
		border-radius: 3px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		background-color: #e5e5e5;
	}

	#web_oh {
		margin: 0 16px 20px 10px;
	}

	#project_by #web_oh p.tn {
		margin: 20px 0 0 0;
		line-height: 1.4;
	}

	#project_by #web_oh p.kome {
		margin: 10px 0 0 0;
		font-size: 90%;
		line-height: 1.4;
	}

	#project_by div.m1 {
		font-size: 131%;
		margin: 30px 0 10px 10px;
		font-weight: bold;
	}

	#project_by div.m2 {
		font-size: 131%;
		font-weight: bold;
		margin: 0 0 5px 10px;
		padding: 0 0 0 6px;
		line-height: 1;
		border-left: solid 7px #d20000;
	}

	#project_by div.m3 {
		float: left;
		font-size: 116%;
		font-weight: bold;
		padding: 20px 0 8px 10px;
	}

	#project_by div.m3 span {
		font-size: 90%;
		font-weight: normal;
		color: #afbfcf;
		padding: 0 4px 0 0;
	}

	.sec_box {
		margin: 30px 0 60px 0;
	}

	.subtitle {
		width: 420px;
		float: left;
		margin-bottom: 10px;
	}

	.btn_entry {
		width: 140px;
		float: right;
	}

	.btn_entry2 {
		width: 140px;
		padding: 12px 0 0 0;
		float: right;
	}

	.linktxt {
		clear: both;
		padding: 10px 0px 10px 2em;
		line-height: 1.4;
		text-indent: -1em;
	}

	#project_by img {
		vertical-align: 0;
	}

	p.kinmuchi {
		font-size: 93%;
		color: #646464;
		margin: 0 0 5px 25px;
	}

	.back_index {
		text-align: right;
		font-size: 90%;
		letter-spacing: 0;
		margin: 15px 0 0 0;
	}

	.back_index a {
		padding: 0 0 0 15px;
		zoom: 1;
		background: url(../img/li.gif) left center no-repeat;
	}

	table.bs {
		clear: both;
		margin: 0 0 30px 10px;
		border-collapse: collapse;
		border-spacing: 0px;
	}

	table.bs th {
		background-color: #fffae3;
		border: solid 1px #bebebe;
		padding: 15px;
		line-height: 1.3;
		white-space: nowrap;
		text-align: center;
	}

	#project_by a:link,
	#project_by a:visited {
		text-decoration: underline;
	}

	table.bs td {
		border: solid 1px #bebebe;
		padding: 15px 15px 10px 15px;
		line-height: 1.4;
		width: 100%;
	}

	table.bs td p {
		line-height: 1.4;
		margin: 0 0 5px 0;
	}

	table.bs td p.maru {
		text-indent: -1.2em;
		padding: 0 0 0 1.2em;
	}

	table.bs td p.maru2 {
		text-indent: -1em;
		padding: 0 0 0 1em;
		margin-left: 1.2em;
	}

	table.bs td p.km {
		margin: 20px 0 5px 0;
	}

	table.bs td p.maru span {
		color: #cdcdcd;
		font-size: 85%;
		padding: 0 3px 0 0;
	}

	table.bs td p.kome {
		margin: 10px 0 0 0;
		line-height: 1.2;
		text-indent: -1.2em;
		padding: 0 0 0 1.2em;
	}

	p.note a {
		padding: 0 0 0 13px;
		zoom: 1;
		background: url(../img/li.gif) left center no-repeat;
	}

	.btn_kadai p {
		padding: 0 0 10px 1em;
		text-indent: -1em;
		margin: 0 0 0 1em;
		line-height: 1.4;
	}

	table.bs td p.dotline {
		padding-bottom: 8px;
		margin-bottom: 10px;
		background: url(../../cmn_img/line_dot.gif) bottom left repeat-x;
	}

	/* 作品送付先 */
	#sakuhin_box {
		margin: 0 0 0 10px;
		background-color: #fff;
		border: solid 1px #bebebe;
		padding: 15px 20px 15px 20px;
		line-height: 1.4;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	}

	#sakuhin_box p.m_saku {
		font-size: 108%;
		font-weight: bold;
		padding: 3px 0 10px 0;
		margin-bottom: 10px;
		background: url(../../cmn_img/line_dot.gif) left bottom repeat-x;
	}

	#sakuhin_box p.m_saku span {
		font-size: 93%;
		color: #d20000;
	}

	#sakuhin_box p.nt {
		margin: 10px 0 0 0;
	}

	#sakuhin_box p.kome {
		font-size: 93%;
		padding-left: 1em;
		text-indent: -1em;
		margin: 3px 0 0 0;
	}

}




/*SP*/
@media screen and (max-width: 759px) {

	/* 募集要項 */
	#project {
		margin: 20px 0;
	}

	/* 募集要項 詳細 */
	#ld_zelda,
	#ld_2d,
	#ld_3d,
	#sp_zelda,
	#spl3 {
		display: block;
		padding-top: 64px;
		margin-top: -64px;
	}

	#project .lead {
		text-align: left;
		padding: 0 10px;
	}

	#project .em {
		text-align: left;
		padding: 0 10px;
		font-weight: bold;
		margin-top: 20px;
	}

	#project h3 {
		font-size: 15px;
		font-weight: bold;
		margin: 20px 0 0 0;
		padding: 10px 10px 10px 15px;
		background-color: #e5e5e5;
	}

	#project .m1 {
		font-size: 15px;
		padding: 30px 0 10px 7px;
		font-weight: bold;
	}

	#project .m1 span {
		padding-right: 4px;
	}

	#project .m1 span.sub {
		color: #464646;
		font-weight: normal;
		margin-left: 5px;
	}

	#project ul.ul1 {
		margin: 12px 10px 0 0;
		padding: 0;
	}

	#project ul.ul1 .limit {
		color: #e60012;
		display: block;
	}

	#project ul.ul2 {
		margin: 12px 10px 0;
		padding: 0;
	}

	#project ul.ul2 li {
		background: none;
		text-indent: -1em;
		padding-left: 10px;
	}

	#project li {
		margin: 0 0 7px 10px;
		padding: 0 0 5px 25px;
		line-height: 1.3;
		background: url(../../img_sp/navi_arrow9.png) left 4px no-repeat;
		background-size: 17px 10px;
	}

	#project .m1_2 {
		clear: both;
		padding: 10px 0 5px 7px;
		font-weight: bold;
	}

	/* 募集要項 詳細 */
	#pr_3d {
		display: block;
		padding-top: 64px;
		margin-top: -64px;
	}

	#project_by {
		margin: 20px 0;
	}

	#project_by h3 {
		font-size: 15px;
		font-weight: bold;
		margin: 20px 0 0 0;
		padding: 13px 10px 13px 15px;
		line-height: 1.2;
		background-color: #e5e5e5;
	}

	#web_oh {
		margin: 0 16px 20px 10px;
	}

	#web_oh h4 {
		font-size: 14px;
		font-weight: bold;
	}

	#project_by #web_oh p.tn {
		margin: 10px 0 0 0;
	}

	#project_by #web_oh p.kome {
		line-height: 1.2;
		margin: 20px 0 0 0;
	}

	#project_by div.m2 {
		font-size: 16px;
		font-weight: bold;
		margin: 0 0 5px 10px;
		padding: 0 10px 0 10px;
		line-height: 1.4;
		border-left: solid 7px #d20000;
	}

	.sec_box {
		padding: 40px 0 0 0;
	}

	.btn_entry a {
		display: block;
		color: #fff !important;
		text-decoration: none !important;
		margin: 0 10px 10px 0;
		text-align: center;
		padding: 4px 20px 4px 10px;
		float: right;
		font-size: 12px;
		font-weight: bold;
		background: url(../../img_sp/navi_arrow9.png) right center no-repeat #d10000;
		background-size: 17px 10px;
		border-radius: 3px;
	}

	#project_by .btn_entry a .no_pc {
		color: #fff !important;
	}

	.linktxt {
		clear: both;
		padding: 10px 10px 10px 1em;
		line-height: 1.4;
		text-indent: -1em;
	}

	.linktxt a {
		padding: 0 0 0 20px;
		background: url(../../img_sp/navi_arrow9.png) left center no-repeat;
		background-size: 14px 8px;
	}

	.linktxt img {
		display: none;
	}

	p.kinmuchi {
		color: #646464;
		margin: 0 0 0 10px;
	}

	.back_index {
		text-align: right;
		margin: 10px 15px 0 0;
	}

	.back_index a {
		padding: 0 0 0 24px;
		background: url(../../img_sp/navi_arrow9.png) left center no-repeat;
		background-size: 14px 8px;
	}

	table.bs {
		clear: both;
		margin: 0 10px 20px 10px;
		border-collapse: collapse;
		border-spacing: 0px;
	}

	table.bs th {
		background-color: #fffae3;
		border: solid 1px #bebebe;
		font-size: 11px;
		padding: 5px;
		line-height: 1.2;
		white-space: nowrap;
		text-align: center;
		color: #000;
	}

	#project_by a:link,
	#project_by a:visited {
		text-decoration: underline;
	}

	table.bs td {
		border: solid 1px #bebebe;
		font-size: 13px;
		line-height: 1.2;
		width: 100%;
		padding: 5px;
	}

	table.bs td p {}

	table.bs td p.maru,
	table.bs td p.sq {
		text-indent: -1.2em;
		padding: 0 0 10px 1.2em;
	}

	table.bs td p.maru2 {
		text-indent: -0.7em;
		padding: 0 0 10px 0.7em;
		margin-left: 1em;
	}

	table.bs td p.km {
		margin: 20px 0 5px 0;
	}

	table.bs td p.maru span {
		font-size: 110%;
		color: #cdcdcd;
		padding: 0 3px 0 0;
	}

	table.bs td p.kome {
		margin: 10px 0 0 0;
		line-height: 1.2;
		text-indent: -1.2em;
		padding: 0 0 0 1.2em;
	}

	p.note a {
		padding: 0 0 0 22px;
		background: url(../../img_sp/navi_arrow9.png) left center no-repeat;
		background-size: 14px 8px;
	}

	.btn_kadai p {
		padding: 0 10px 10px 1em;
		text-indent: -1em;
		margin: 0 0 0 10px;
		line-height: 1.4;
	}

	.btn_kadai p.ta_r {
		padding: 3px 0 3px 0;
		text-indent: 0;
		margin: 0 20px;
		line-height: 1;
	}

	.btn_kadai a {
		display: block;
		color: #d10000 !important;
		text-decoration: none !important;
		border: solid 1px #d10000;
		padding: 5px 0 5px 0;
		border-radius: 20px;
		text-align: center;
		width: 100%;
		margin: 0 auto;
		font-size: 12px;
		font-weight: normal;
		background: url(../../img_sp/navi_arrow.png) 10px center no-repeat;
		background-size: 17px 10px;
	}

	table.bs td p.dotline {
		padding-bottom: 8px;
		margin-bottom: 10px;
		background: url(../../cmn_img/line_dot.gif) bottom left repeat-x;
	}

	/* 作品送付先 */
	#sakuhin_box {
		margin: 0 10px 0 10px;
		border: solid 1px #bebebe;
		padding: 0 15px 15px 15px;
		font-size: 15px;
		line-height: 1.6;
		border-radius: 10px;
	}

	#sakuhin_box p.m_saku {
		font-size: 15px;
		font-weight: bold;
		padding: 13px 0 10px 0;

	}

	#sakuhin_box p.m_saku span {
		font-size: 110%;
		color: #d20000;
		padding: 0 5px 0 0;
	}

	#sakuhin_box p.nt {
		margin: 10px 0 0 0;
	}

	#sakuhin_box p.kome {
		font-size: 13px;
		padding-left: 1em;
		text-indent: -1em;
		margin: 10px 0 0 0;
	}

	/* WEB応募規約 */
	#agreement {}

	#agreement p {
		margin: 20px;
		line-height: 1.4;
	}

	#kiyaku {
		margin: 20px 0 20px 0;
	}

	#kiyaku #kiyaku_txt {
		margin: 0 20px 0 20px;
		font-size: 12px;
		padding: 0 10px;
		border: solid 1px #bebebe;
		background-color: #f3f3f3;
	}

	#kiyaku_txt p.mt {
		margin: 10px 0 5px 0;
	}

	#kiyaku_txt p {
		margin: 0 0 5px 0;
		line-height: 1.2;
	}

	.kiyaku_li {
		text-indent: -2em;
		padding-left: 2em;
	}

	#agreement .btn a {
		text-decoration: none !important;
		color: #fff !important;
	}

	#agreement .btn a span {
		display: block;
		font-size: 16px;
		font-weight: bold;
		text-align: center;
		padding: 14px 0;
		border-radius: 6px;
		margin: 0 30px;
	}

	#agreement .btn a span.type1 {
		background: url(../../img_sp/agree1.png) 15px center no-repeat #d10000;
		background-size: 25px 25px;
		color: #fff;
	}

	#agreement .btn a span.type2 {
		background: url(../../img_sp/agree2.png) 15px center no-repeat #787878;
		background-size: 25px 25px;
		color: #fff;
	}

	#agreement .pp {
		margin-top: 40px;
		text-align: center;
		letter-spacing: 0;
	}

	#agreement .pp a {
		padding: 0 0 0 24px;
		background: url(../../img_sp/navi_arrow9.png) left center no-repeat;
		background-size: 14px 8px;
	}

	#agreement a:link,
	#agreement a:visited {
		text-decoration: underline;
	}

	#alert {
		color: #ff0000;
		text-align: center;
		line-height: 1.3;
	}

}