@charset "utf-8";
@import url("base.css");



/*共通設定-------------------------------------------------------------------------------------------------------------------------------------*/

/*リンク*/
#notfound span a,#next a{
	transition: all 0.2s linear;
	background-color: #1c3572;
	color: #fff;
	text-decoration: none;
	border-radius: 4px;
	padding: 0.25em 4%;
	font-size: 120%;
	font-weight: bold;
}
#notfound span a:hover,#notfound span a:active,#next a:hover,#next a:active{
	background-color: #2B51B0;
	color: #fff;
	text-decoration: none;
}

/*メイン*/
#notfound,#next{
	margin: 3em auto 0;
}
#notfound h2{
	font-size: 120%!important;
	color: #1c3572;
	font-weight: bold;
	border-bottom: 3px solid #1c3572;
	margin: 0.5em 0 1em;
	text-align: left;
	background-color: #fff;
}
#next{
	text-align: center;
}

/*共通設定ここまで-------------------------------------------------------------------------------------------------------------------------------------*/

/* pc */
@media screen and (min-width: 1280px)  {

/*メイン*/
#notfound,#next{
	width: 1200px;
}
}

/* tablet以下共通 ------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1279px)  {

/*メイン*/
#notfound,#next{
	width: 96%;
}
}
/* tablet以下共通ここまで ------------------------------------------------------------------------------------------*/

/* tablet1 */
@media only screen and (min-width: 1024px) and (max-width: 1279px)  {

/*メイン*/

}


/* tablet2  */
@media only screen and (min-width: 768px) and (max-width: 1023px) {

/*メイン*/
}

/* tablet3  */
@media only screen and (max-width: 767px) {

/*リンク*/
#notfound span a,#next a{
	display: block;
	width: 70%;
	margin: 0 auto;
	padding: 0.25em 0;
	text-align: center;
}
/*メイン*/
#notfound h2{
	font-size: 120%!important;
}
#notfound{
	margin: 2em auto 0;
}
}


/* smartPhone1 */
@media only screen and (max-width: 499px) {

/*リンク*/

/*メイン*/
}