@charset "utf-8";

@media screen and (max-device-width: 720px) {
/* ==========================================================================
   　　　　　　　　　　　　　　　　　　　　　　基礎設定
   ========================================================================== */
/* ===== body ===== */
body {
	font-size: 0.8em !important;
	line-height: 1.5em !important;
	display: block !important;
	position: relative;
}
/* ===== テーブル ===== */
.basic {
	width: 100%;
}
.basic th {
	white-space: normal;
}
.basic td, .basic th {
	padding: 0.5em;
	line-height: 1.5em;
}
/* ===== 画像のサイズ制限 ===== */
img {
	max-width: 100%;
	height: auto;
}
/* ===== スマートフォンサイトでは非表示にする要素 ===== */
.sp-disnon {
	display: none;
}
/* ===== スマートフォンサイトでは表示にする要素 ===== */
.pc-disnon {
	display: block;
}


/* ==========================================================================
   　　　　　　　　　　　　　　　　　　　　　　wrapper
   ========================================================================== */
/* ===== wrapper ===== */
#wrapper {
	width: 100%;
	min-width: 100%;
	position: relative;
}
/* ===== box_wrapper（各要素内のレイアウトを調整） ===== */
.box_wrapper {
	width: 100%;
	margin: 0;
}
/* ===== 各要素により余白を変更 ===== */
header .box_wrapper {
	padding: 10px 0;
}
#contents {
	padding: 0;
}
footer .box_wrapper {
	padding: 1em 4% 0;
	width: 92%;
}



/* ==========================================================================
   　　　　　　　　　　　　　　　　　　　　　　header
   ========================================================================== */
/* ===== ロゴマーク ===== */
header h1 {
	float: none;
	line-height: 0;
	margin: 0 10px;
}
header h1 img {
	width: 100%;
	max-width: 368px;
	height: auto;
}
/* ===== サイドメニュー ===== */
#sidenav {
	display: none;
}
/* ===== サイドメニュー2 ===== */
#sidenav_02 {
	display: none;
}
/* ===== メインメニュー ===== */
#nav_wrap {
	width: 100%;
	height: 35px;
	margin: 0;
	border-top: 1px solid #006599;
}
header nav {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}
header nav ul {
	width: 100%;
	margin: 0;
}
header nav ul li {
	width: 50%;
	text-align: center;
	margin: 0;
	border-right: none;
	height: 35px;
	line-height: 35px;
}
header nav ul li a {
	font-size: 0.9em;
	display: block;
}
header nav ul li a:before {
	content: "▶ ";
}
/* ホームのみカレント表示しない */
.nav_home {
	font-weight: normal !important;
	text-decoration: none !important;
}
/* ===== 画面スクロール時メニュー固定 ===== */
.follow {
	width: 100%;
	position: fixed;
	top: 0;
	right: 0;
	background-image: none;
	background-color: #006599;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
}
/*
.sp_follow {
	position: fixed;
	top: 0;
	right: 0;
	border-left: none !important;

}
.sp_follow li {
	width: 100%;
	float: none;
}
*/
/* ===== SP用メニュー ===== */
/***** スイッチ *****/
.sp-menubtn a {
	cursor: pointer;
	border-left: 1px solid #03567C;
}
/* active時 */
#sp-menu .sp-homebtn,
#sp-menu .sp-menubtn {
	width: 50% !important;
	float: left;
}
#sp-menu .sp-menubtn a {
	background-color: #3B87AF !important;
	font-weight: bold;
	text-decoration: underline;
	/*background-image: url(../img/bg_nav_header.png);*/
	/*
	background-image: url(../img/index/bg_category.gif);
	*/
}
#sp-menu .sp-menubtn a:before {
	content: "▼ " !important;
}
/***** ラッパー *****/
#sp-menu {
	width: 100%;
	position: fixed;
	display: none;
}
/* active時 */
.sp-active #sp-menu {
	display: block;
	height: 100% !important;
	overflow-y: auto;
	z-index: 100;
}
.sp-active #wrapper {
	filter: alpha(opacity=8);
	-moz-opacity: 0.08;
	opacity: 0.08;
}
/*
#sp-menu nav {
	border-top: 1px solid #006599;
}
*/
/***** ロゴマーク *****/
#sp-menu h1 {
	line-height: 0;
	margin: 10px;
}
#sp-menu h1 img {
	width: 100%;
	max-width: 368px;
	height: auto;
}
/***** メインメニュー *****/
#sp-menu ul {
	width: 100%;
}
#sp-menu .main {
	/*
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	*/
}
#sp-menu .main li {
	width: 100%;
}
#sp-menu .main li a {
	font-size: 0.9em;
	display: block;
	color: #FFF;
	background-color: #006599;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 4%;
}
#sp-menu .main li a:before {
	content: "▶ ";
}
#sp-menu .main li a {
	border-top: 1px dotted #FFF;
}
/* 上2つのボタンにはラインを入れない */
#sp-menu .sp-homebtn a,
#sp-menu .sp-menubtn a {
	border-top: none !important;
	padding-left: 0;
	text-align: center;
}
#sp-menu .toggle,
#sp-menu .toggle_02,
#sp-menu .toggle_02_a,
#sp-menu .toggle_02_b {
	cursor: pointer;
}
/* 二階層目 */
#sp-menu .main li ul {
	display: none;
}
#sp-menu .main li ul li a {
	background-color: transparent;
	text-align: left;
	padding-left: 8%;
	color: #006599;
}
#sp-menu .main li ul li + li a {
	border-top: #006599 1px solid;
}
#sp-menu .t1 .drop-active,
#sp-menu .t2 .drop-active,
#sp-menu .t3 .drop-active,
#sp-menu .t4 .drop-active,
#sp-menu .t5 .drop-active {
	background-color: #3B87AF;
	text-decoration: underline;
}
/* 三階層目 */
#sp-menu .t1 .drop-active_02,
#sp-menu .t2 .drop-active_02,
#sp-menu .t3 .drop-active_02,
#sp-menu .t4 .drop-active_02,
#sp-menu .t5 .drop-active_02 {
	background-color: #cce0eb;
	text-decoration: underline;
}
#sp-menu .main li ul li ul li {
	background-color: #cce0eb;
	/*background-image: url(../img/index/bg_category.gif);*/
}
#sp-menu .main li ul li ul li a {
	padding-left: 12%;
}
/* カレント表示 */
.current ul {
	display: block;
}
.current .toggle {
	background-color: #3B87AF !important;
}
#sp-menu .t1 .drop-active:before,
#sp-menu .t2 .drop-active:before,
#sp-menu .t3 .drop-active:before,
#sp-menu .t4 .drop-active:before,
#sp-menu .t5 .drop-active:before,
.current .toggle:before {
	content: "▼ " !important;
}
/* カレント表示 : 第三階層 */
.current_02 .toggle_02,
.current_02 .toggle_02_a,
.current_02 .toggle_02_b {
	background-image: url(../img/index/bg_category.gif);
	font-weight: bold;
	text-decoration: underline;
}
/*
.current ul li ul li {
	background-color: transparent !important;
	background-image: url(../img/index/bg_category.gif);
	font-weight: bold;
	text-decoration: underline;
}
*/
#sp-menu .t1 .drop-active_02:before,
#sp-menu .t2 .drop-active_02:before,
#sp-menu .t3 .drop-active_02:before,
#sp-menu .t4 .drop-active_02:before,
#sp-menu .t5 .drop-active_02:before,
.current_02 .toggle_02:before,
.current_02 .toggle_02_a:before,
.current_02 .toggle_02_b:before {
	content: "▼ " !important;
}
/***** カテゴリーメニュー
#sp-menu .category {
	width: 96%;
	padding: 2%;
	background-image: url(../img/index/bg_category.gif);
}
#sp-menu .category li {
	height: 40px;
	width: 98%;
	padding: 1%;
	background-image: url(../img/index/bg_category_02.gif);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 7px rgba(0,0,0,0.2);
}
#sp-menu .category li + li {
	margin-top: 5px;
}
#sp-menu .category li a {
	font-weight: bold;
	color: #222;
	font-size: 0.9em;
	line-height: 1.1em;
	width: 100%;
	height: 40px;
	display: table-cell;
	vertical-align: middle;
	padding: 0 0 0 10px;
}
#sp-menu .category li a:hover {
	color: #999;
}
#sp-menu .category li img {
	float: left;
	width: 40px;
	height: 40px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
 *****/
/***** サブメニュー 
#sp-menu .sub {
	margin: 1em 4%;
	width: 92%;
}
#sp-menu .sub a:before {
	content: "> "
}
*****/
/***** 連絡先 
#sp-menu address {
	font-size: 0.85em;
	line-height: 1.3em;
	font-weight: bold;
	color: #006599;
	margin: 0 4%;
	width: 92%;
}
*****/
/***** 著作権
#sp-reserved {
	text-align: center;
	color: #006599;
	font-size: 0.7em;
	line-height: 1.2em;
	margin: 1.5em 4%;
	width: 92%;
}
*****/
/***** カレント表示 *****/
#sp-menu .main .current ul.second,
#sp-menu .main .current_02 ul {
	display: block;
}
#sp-menu .main .current .drop-active ul,
#sp-menu .main .current_02 .drop-active_02 ul {
	display: none !important;
}
#sp-menu .main .current .drop-active {
	background-color: #006599 !important;
	background-image: none !important;
	text-decoration: none;
	font-weight: normal;
}
#sp-menu .main .current_02 .drop-active_02 {
	background-color: transparent !important;
	text-decoration: none !important;
}
#sp-menu .main .current .drop-active:before,
#sp-menu .main .current_02 .drop-active_02:before {
	content: "▶ " !important;
}
#sp-menu .main .current_02 ul li {
	background-color: transparent !important;
}
 

/* ==========================================================================
   　　　　　　　　　　　　　　　　　　　　　　contents
   ========================================================================== */
/* ===== 編集領域 ===== */
/* カラムの変更 */
article.one_column {
	float: none;
	width: 92%;
	margin: 0 4%;
}
article.two_column {
	float: none;
	width: 92%;
	margin: 0 4%;
}
/* ===== section ===== */
section {
	margin: 0 0 1.5em 0;
}
/* ===== ページタイトル ===== */
.pagetitle {
	font-size: 1.3em;
	margin: 0.7em 0 0.7em 4%;
}
/* ===== メイン画像 ===== */
.sp_mainphoto {
	line-height: 0;
	position: relative;
	/*
	-moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 5px rgba(0,0,0,0.2);
	*/
}
.sp-mainphoto_cap {
	position: absolute;
	bottom: -1%;
	left: 0;
	width: 100%;
	height: auto;
}
/* ===== キャプション ===== */
.cap {
	font-size: 1em;
	margin: 0 0 1em;
}
/* ===== whatsnew（新着情報） ===== */
.whatsnew {
	margin-top: 1em;
}
/*
.whatsnew h1 {
	font-size: 0.9em;
}
.whatsnew .update {
	font-size: 0.85em;
}
*/
.whatsnew .update a {
	padding-left: 2em;
	background-position: left 2px;
}
.whatsnew .update a + a {
	margin-top: 1em;
	padding-top: 1em;
	background-position: left 14px;
}
/*
.whatsnew .update a + a + a + a + a + a {
	display: none;
}
*/
.whatsnew .update a span {
	font-weight: bold;
	color: #C00;
}
/* 過去の情報を見る */
.archive {
	margin: 0.5em 0 0;
	font-size: 0.85em;
}
/* ===== 二層目のページナビゲーション（第三階層へ） ===== */
/* ページタイトル */
.secondnav_title {
	padding: 4px 0;
	margin: 0.7em 0 0.5em;
}
.secondnav {
	margin: 0;
}
.secondnav ul li {
	margin: 0;
	float: none;
	width: 100%;
}
.secondnav ul li:nth-child(2n) {
	margin-left: 0;
}
.secondnav ul li a {
	margin: 0 0 0.5em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	/*
	background-image: url(../img/contents/btn_secondnav_title.gif);
	background-position: 0.5em center;
	background-repeat: no-repeat;
	background-color: #F1F7F7;
	border: #006599 1px solid;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	*/
}
/* 外部リンク */
.secondnav .attention {
	display: block;
	font-size: 0.85em;
	line-height: 1.3em !important;
	margin: 0 0 1em 1em;
}
/* 項目 */
.secondnav ul li ul {
	margin: 1em 0;
}
.secondnav ul li ul li a:hover {
	background-image: url(../img/contents/btn_secondnav_ov.gif);
	background-color: transparent;
	color: #CCC;
}
/* 項目のカテゴリー */
.secondnav .category {
	padding: 6px 0;
	color: #000;
	font-weight: bold;
}
.secondnav .continue {
	text-align: right;
	border-bottom: 0;
}
/* 続きを見る */
.secondnav .continue a {
	padding: 0;
	background-image: none;
	color: #666;
}
.secondnav .continue a:hover {
	background-image: none;
	color: #999;
}
/* ===== バナー群（右メニュー） ===== */
#contents aside {
	float: none;
	width: 92%;
	margin: 1em 4%;
}
#contents aside a {
	display: block;
}
#contents aside img {
	width: 100%;
	height: auto;
}
#contents aside ul {
}
#contents aside ul li.title {
	list-style-type: none;
	color: #000;
	margin: 0.5em 0;
}
#contents aside ul li {
	list-style-type: square;
	color: #006599;
	margin: 0 0 0 2em;
}
/* 入試情報非表示 */
#contents aside a.photo_02 {
	display: none;
}
/* コンテンツページでのバナー群 */
#topics {
	display: none;
}
/* ページジャンプ用aタグ */
.jump {
	position: relative;
	top: -59px;
}
/* 前のページへ戻る（第三階層以降） */
#back {
	padding-top: 1em;
}
#back a {
	padding: 0.3em 0.5em;
	font-size: 0.9em;
	font-weight: bold;
	color: #FFF;
	background-color: #006599;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}
#back a:hover {
	background-color: #89c2df;
}
/* リンクボタン */
.btn a {
	width: 92%;
	padding-left: 4%;
	padding-right: 4%;
	display: block;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
/* ===== サブメニュー（contents最下部） ===== */
.sp-sub {
	margin: 1.5em 0 0;
	width: 100%;
}
.sp-sub li a {
    background-color: #006599;
    color: #fff;
	font-size: 0.9em;
    display: block;
    height: 35px;
    line-height: 35px;
	padding-left: 4%;
}
.sp-sub li a:before {
	content: "▶ ";
}
.sp-sub li + li a {
	border-top: 1px dotted #FFF;
}



/* ==========================================================================
   　　　　　　　　　　　　　　　　　　　　　　ユーザビリティ（aside）
   ========================================================================== */
/* ===== ページトップへ ===== */
#usability .pagetop {
	bottom: 0;
	z-index: 2;
	padding: 4px 8px;
	background-color: #222;
	-moz-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 4px rgba(0,0,0,0.3);
}
#usability .pagetop a {
	color: #FFF;
}
aside .photo_02 {
	display: none;
}


/* ==========================================================================
   　　　　　　　　　　　　　　　　　　　　　　footer
   ========================================================================== */
/* ===== ロゴマーク ===== */
footer h1 {
	display: none;
}
/* ===== 連絡先 ===== */
footer address {
	font-size: 0.85em;
	line-height: 1.3em;
	font-weight: bold;
	margin: 0;
	left: 0;
}
/* ===== サイトマップ ===== */
footer nav {
	display: none;
}
/* ===== 著作権 ===== */
#reserved {
	background-color: transparent;
	color: #006599;
	font-size: 0.85em;
	line-height: 1.2em;
	padding: 1.5em 4% 45px;
	width: 92%;
}
}