@charset "UTF-8";

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

@media screen and (max-width: 768px) {
	.oldContent#container {
		width: 100%;
		position: relative;
	}

	.oldContent#container::after {
		background: url(/img/student/jyoshi_forum/common/kabe_right.png) right top repeat-y;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 100%;
	}

	.oldContent #inside03,
	.oldContent #inside {
		width: 100%;
		padding: 0 40px;
		box-sizing: border-box;
		background-position: top 100px left 40px;
	}

	.oldContent #inside03 #subtitle01,
	.oldContent #inside #subtitle01 {
		margin-bottom: 280px;
	}

	.oldContent #inside08,
	.oldContent #inside07,
	.oldContent #inside06,
	.oldContent #inside03,
	.oldContent #inside02 {
		width: 100%;
		padding: 0 40px;
		box-sizing: border-box;
	}

	.oldContent#container #inside06 p,
	.oldContent#container #inside03 p,
	.oldContent#container #inside02 p,
	.oldContent#container #inside p {
		padding-left: 0;
	}

	.oldContent #inside08 table {
		margin-top: 15px;
	}

	.oldContent #inside08 table td {
		display: block;
		text-align: center;
	}

	.oldContent#container #title_kansai2014,
	.oldContent#container #title_shikoku,
	.oldContent#container #title {
		width: auto;
		max-width: 100%;
		text-align: center;
		padding: 0 40px;
	}

	.oldContent #date {
		padding: 0 20px;
	}

	.oldContent #date #inside02 {
		padding: 0 10px;
	}

	.oldContent #header {
		position: relative;
	}

	.oldContent #header::after {
		background: url(/img/student/jyoshi_forum/common/header_right_o.png) right top repeat-y;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 74px;
		z-index: 1;
	}

	.oldContent #header02::after {
		background: url(/img/student/jyoshi_forum/common/header_right_p.png) right top repeat-y;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 74px;
		z-index: 1;
	}

	.oldContent #header03::after {
		background: url(/img/student/jyoshi_forum/common/header_right_dbg.png) right top repeat-y;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 74px;
		z-index: 1;
	}

	.oldContent #header04::after {
		background: url(/img/student/jyoshi_forum/common/header_right_g.png) right top repeat-y;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 74px;
		z-index: 1;
	}

	.oldContent #header05::after {
		background: url(/img/student/jyoshi_forum/common/header_right_pk.png) right top repeat-y;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 74px;
		z-index: 1;
	}

	.oldContent #header06::after {
		background: url(/img/student/jyoshi_forum/common/header_right_rb.png) right top repeat-y;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 74px;
		z-index: 1;
	}

	.oldContent #header07::after {
		background: url(/img/student/jyoshi_forum/common/header_right_dpk.png) right top repeat-y;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 74px;
		z-index: 1;
	}

	.oldContent #header08::after {
		background: url(/img/student/jyoshi_forum/common/header_right_b.png) right top repeat-y;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 74px;
		z-index: 1;
	}

	.oldContent #header09::after {
		background: url(/img/student/jyoshi_forum/common/header_right_eg.png) right top repeat-y;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 74px;
		z-index: 1;
	}

	.oldContent #header10::after {
		background: url(/img/student/jyoshi_forum/common/header_right_db.png) right top repeat-y;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 74px;
		z-index: 1;
	}

	.oldContent #header11::after {
		background: url(/img/student/jyoshi_forum/common/header_right_pu.png) right top repeat-y;
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		width: 40px;
		height: 74px;
		z-index: 1;
	}

	.oldContent #header10 p,
	.oldContent #header09 p,
	.oldContent #header08 p,
	.oldContent #header07 p,
	.oldContent #header06 p,
	.oldContent #header05 p,
	.oldContent #header04 p,
	.oldContent #header p,
	.oldContent #header02 p,
	.oldContent #header03 p {
		position: relative;
		z-index: 2;
	}

	.oldContent div.imagebox_kansai2014,
	.oldContent div.imagebox10-2,
	.oldContent div.imagebox10,
	.oldContent div.imagebox9,
	.oldContent div.imagebox7,
	.oldContent div.imagebox8-2,
	.oldContent div.imagebox8,
	.oldContent div.imagebox6-2,
	.oldContent div.imagebox6,
	.oldContent div.imagebox2,
	.oldContent div.imagebox {
		float: none;
		margin: auto;
	}

	.oldContent div.imagebox9,
	.oldContent div.imagebox7,
	.oldContent div.imagebox6-2,
	.oldContent div.imagebox6,
	.oldContent div.imagebox8 {
		margin-top: 15px;
	}

	.oldContent div.imagebox2.left {
		margin: 15px 0 0;
		text-align: left;
		width: 100%;
	}

	.oldContent div.imagebox2.left span {
		display: block;
		text-align: center;
	}

	.oldContent div.imagebox6 {
		height: auto;
	}

	.oldContent div.imagebox6.left,
	.oldContent div.imagebox6-2.left,
	.oldContent div.imagebox6.left,
	.oldContent div.imagebox7.left,
	.oldContent div.imagebox8.left,
	.oldContent div.imagebox9.left {
		margin: 15px 0 0;
		text-align: left;
		width: 100%;
	}

	.oldContent div.imagebox6.left .tokai {
		text-align: center;
	}

	.oldContent div.imagebox7.left span,
	.oldContent div.imagebox8.left span,
	.oldContent div.imagebox9.left span {
		display: block;
		text-align: center;
	}

	.oldContent div.imagebox10.height {
		height: auto;
	}

	.oldContent div.imagebox10-2 {
		width: 100%;
	}

	.categoryListSmall ul {
		display: block;
	}

	.categoryListSmall ul li {
		width: 100%;
	}
}

@media screen and (max-width: 460px) {
	.oldContent #inside10,
	.oldContent #inside08,
	.oldContent #inside07,
	.oldContent #inside06-2,
	.oldContent #inside06,
	.oldContent #inside03,
	.oldContent #inside02,
	.oldContent #inside {
		padding: 0 30px;
	}

	.oldContent div.imagebox_kansai2014,
	.oldContent div.imagebox10-2,
	.oldContent div.imagebox10,
	.oldContent div.imagebox9,
	.oldContent div.imagebox8-2,
	.oldContent div.imagebox8,
	.oldContent div.imagebox7,
	.oldContent div.imagebox6-2,
	.oldContent div.imagebox6,
	.oldContent div.imagebox2,
	.oldContent div.imagebox {
		width: 227px;
	}
}

@media screen and (max-width: 390px) {
	.oldContent #inside03,
	.oldContent #inside {
		background-size: 212px;
	}

	.oldContent #inside03 #subtitle01,
	.oldContent #inside #subtitle01 {
		margin-bottom: 220px;
	}

	.oldContent #header10 p,
	.oldContent #header09 p,
	.oldContent #header08 p,
	.oldContent #header07 p,
	.oldContent #header06 p,
	.oldContent #header05 p,
	.oldContent #header04 p,
	.oldContent #header p,
	.oldContent #header02 p,
	.oldContent #header03 p {
		font-size: 12px;
	}
}