@charset "utf-8";
/* =========================================================
 SP CSS
========================================================= */

@media (max-width:768px){
.pc_view {display: none; }
.pc_vh {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.pc_vh.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
html, button, input, select, textarea {
	font-size: 13px;
	line-height: 1.4;
}

.inner {
	margin: auto;
}

/* font */
.color_red{color: #FF0000;}
.color_blue{color: #237fc0}
.f_bold{font-weight: bold;}

/* ==========================================================================
   head
   ========================================================================== */

#header{
	background-color: #FFF;
}

#headTop{
	position: relative;
	width: 100%;
	overflow: hidden;
	height:100%;
	min-height:100%;
}

#logo{
	float: left;
	margin: 10px 6.8% 10px 10px;
}

#logo img{width: 110px;}

.my_loginBox{
	background-color: #F1F1F1;
	border: 1px solid #E7E7E7;
	border-radius: 5px;
	margin: 57px 0 0 0;
	padding: 10px;
	font-size: 13px;
	/* スマホでログイン情報ボックスからメールアドレスがはみ出さないように折り返す。 */
	word-wrap : break-word;
	overflow-wrap : break-word;
}

.my_loginBox ul{
	display: block;
	clear: none;
	width: 100%;
	overflow: hidden;
}

.my_loginBox ul li span{
	width: 100%;
}

/* bt_logout */

.bt_logout{
	position: absolute;
	top: 5px;
	right: 10px;
	height: 30px;
	width: 88px;
	margin-top: 9px;
}

.bt_logout a{
	display: block;
	position: relative;
	background-color: #848484;
	color: #FFF;
	text-decoration: none!important;
	height: 30px;
	line-height: 30px;
	border-radius: 6px;
	padding-left: 22px;
	font-size: 11px;
}

.bt_logout a:after{
	position: absolute;
	display: block;
	top: 10px;
	left: 5px;
	content: "";
	width: 7px;
	height: 7px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/*user_infoBox*/

#user_infoBox{
	background-color: #3a546b;
	border-bottom: 1px solid #465B70;
	padding: 13px 10px 12px 10px;
}

.user_infoIn{z-index: 0!important;
	position: relative;
	padding-bottom: 10px;
	padding-top: 10px;
	background: url(../images/bg_info01.png) repeat 0 0;
	/* スマホでお知らせボックスからメールアドレス・お知らせ件名・本文がはみ出さないように折り返す。 */
	word-wrap : break-word;
	overflow-wrap : break-word;
}

.user_infoIn:before{
	display: block;
	position: absolute;
	content: "";
	top: 2.5px;
	left: 2.5px;
	width : -webkit-calc(100% - 16px) ;
	width : calc(100% - 16px) ;
	height : -webkit-calc(100% - 16px) ;
	height : calc(100% - 16px) ;
	padding: 5px;
	background-color: #FFF;
}

.user_info01{
	position: relative;
	margin-bottom: 6px;
}

.user_info01 h2{
	margin: 10px 2.5px 20px 2.5px;
	padding: 10px 10px 10px 70px;
	font-size: 16px;
	font-weight: bold;
	background: url(../images/bg_info02.jpg) repeat 0 0;
}

.user_info01 h2 img{
	position: absolute;
	top: -25px;
	left: 20px;
	width: 40px;
}

.user_info01 ul li{
	margin-left: 20px;
	margin-right: 20px;
}

.user_info01 ul li, .user_info02 ul li{
	font-size: 13px;
	border-bottom: 1px dotted #B4B4B4;
}

.user_info01 ul li:last-child, .user_info02 ul li:last-child{
	border-bottom: none;
}

.user_info01 ul li dl, .user_info02 ul li dl{
	margin-top: 15px;
	margin-bottom: 10px;
}

.user_info01 ul li dt, .user_info02 ul li dt{
	float: left;
	clear: none;
	width: 38px;
	height: 20px;
	line-height: 20px;
	color: #FFF;
	background-color: #ff0000;
	font-size: 12px;
	text-align: center;
	font-weight: bold;
	border-radius: 3px;
	vertical-align: 1px;
	margin-right: 15px;
}

.user_info02{
	clear: none;
	position: relative;
	margin: 0 20px;
}

.user_info02 h2{
	font-size: 16px;
	vertical-align: middle;
	font-weight: bold;
	line-height: 36px;
}

.user_info02 h2 img{
	margin-right: 12px;
	margin-bottom: 5px;
	width: 42px;
	height: auto;
}

.user_info02 ul li{
	margin-left: 0;
	margin-right: 0;
}

/* box
--------------------------------------------------------- */

.box{}

.box > .ttl_h2, .box > .ttl_h1{
	table-layout:fixed;
	background-color: #004117;
}

.box > .ttl_h2 h2, .box > .ttl_h1 h1{
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
	padding-top: 20px;
	padding-bottom: 20px;
	position: relative;
	margin-left: 62px;
}

.box > .ttl_h2 h2 img, .box > .ttl_h1 h1 img{
	margin-left: 10px;
	margin-right: 10px;
	vertical-align: middle;
	height: 46px;
	position: absolute;
	top: 9px;
	left: -62px;
}

.list{
	overflow: hidden;
	padding: 20px 15px;
	margin: 10px;
	font-size: 14px;
	border-radius: 5px;
	border: 1px solid #E1E1E1;
	box-shadow: 0.5px 0.5px 4px #E8E8E8 inset;
}

.list h3{
	font-size: 16px;
	margin-bottom: 10px;
}
.list h3 img{
	width: 42px;
	margin-right: 12px;
}

.dl_toplist01{
	margin-bottom: 6px;
	padding-top: 20px;
	border-top: 1px dotted #B4B4B4;
}

.dl_toplist01 dt{
	font-size: 16px;
	font-weight: bold;
	padding: 0 0 3px 0;
}

.dl_toplist01 dd{
	padding: 3px 0;
	margin-left: 0;
}

.dl_toplist01 dd li{
	display: line;
	padding: 2px 0;
}

.dl_toplist01 dd li:last-child{
	padding-bottom: 15px;
	border-bottom: 1px dotted #B4B4B4;
}

.alert{
	background: url(../images/icon_alert.png) no-repeat 2px 1px;
	background-size: 18px 16px;
	padding-left: 28px;
}

.t_red{color: #ff0000!important;}

.t_red span{margin-right: 28px;}


/* bt　ボタン
--------------------------------------------------------- */

.bt{
	height: 45px;
	width: 220px;
	margin-top: 15px;
}

.bt a{
	display: block;
	position: relative;
	font-size: 15px;
	color: #FFF;
	height: 45px;
	line-height: 45px;
	border-radius: 9px!important;
	text-align: center;
	text-decoration: none!important;
	font-weight: normal!important;
}

.bt a:after{
	position: absolute;
	display: block;
	top: 19px;
	left: 5px;
	content: "";
	width: 7px;
	height: 7px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.bt a:hover{
	opacity: 0.7!important;
	display: block;
	transition: all 0.5s ease;
}

.bt a:hover:after{
	left: 10px;
	transition: all 0.5s ease;
}

/* bt　ボタン 色*/
.bt_red{border-radius: 9px!important; background-color: #e73131; }
.bt_green{border-radius: 9px!important; background-color: #46a6a7;}
.bt_gray{border-radius: 9px!important; background-color: #848484}
.bt_purple{border-radius: 9px!important;}
.bt_yellow{border-radius: 9px!important;}

.bt_red a:hover, .bt_green a:hover, .bt_gray a:hover, .bt_purple a:hover, .bt_yellow a:hover{
	opacity: 0.7!important;
	transition: all 0.5s ease;
}

#extension, #reduction{
	line-height: 45px;
	text-align: center;
	text-decoration: none!important;
	font-weight: normal!important;
}

/* bt_Box */

.bt_Box01 p{
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.bt_Box02, .bt_Box03{
	overflow: hidden;
}

.bt_Box02{
	margin-top: 20px;
}

.bt_Box02 p, .bt_Box03 p{
	text-align: center;
	margin: 0 auto 10px auto;
}

.bt_Box02 p:last-child, .bt_Box03 p:last-child{margin-bottom: 0!important;}

.bt_Box04 p, .bt_Box05 p{
	display: block;
	text-align: center;
	margin-left: auto!important;
	margin-right: auto!important;
}

.bt_Box05{
	margin-top: 0!important;
	margin-bottom: 30px!important;
}

.bt_Box05 p{
	margin-bottom: 15px!important;
}

/*bt_reverseBox ボタンの配置逆*/

#bt_reverseBox{
	position: relative;
	height: 105px;
}

#bt_reverseBox > p:nth-child(1){
	position: absolute;
	left:0px;
	right: 0;
	bottom: 0;
	margin:auto;
}

#bt_reverseBox > p:nth-child(2){
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
}


/* ==========================================================================
   footer
   ========================================================================== */

.pagetop {
	background-image: url(../images/pagetop.png);
	background-repeat: no-repeat;
	background-size: 35px 35px;
	width: 35px;
	height: 35px;
	content: "";
	position: fixed;
	right: 10px;
	bottom: 80px;
	z-index: 999999;
}

#footer{
	overflow: hidden;
	text-align: center;
	background: url(../images/bg_footer.png) repeat-x 0 0;
}

#copyright{
	margin: 15px auto;
}

/* ==========================================================================
   入試選択
   ========================================================================== */

.ttl_selection {
	font-size: 18px;
	border-bottom: 2px solid #24106F;
	padding-bottom: 8px;
}

.ttl_guide{
	margin: 16px 0 13px 0;
	font-weight: bold;
	font-size: 13px;
}

.ttl_entryGuide{
	margin-top: 16px;
	font-weight: bold;
	font-size: 13px;
}

.subject_type{
	color: #AAAAAA;
	margin: 9px 0 0 12px;
}

.ul_selection02 li{
	margin: 0 0 6px 0;
	padding: 7px 15px;
	background: url(../images/bg_info02.jpg) repeat 0 0;
}

.ul_selection01{
	overflow: hidden;
	margin: 15px 0 0 0;
}

.ul_selection01 li{
	overflow: hidden;
	font-weight: bold;
}

.ul_selection01 li p{
	margin-bottom: 5px;
	padding-top: 8px;
}
.ul_selection01 li div{
	font-weight: normal;
	margin-bottom: 15px;
}

.ul_selection01 li span{
	display: block;
	margin-bottom: 5px;
	font-weight: bold;
}

.ul_guide{
	overflow: hidden;
	margin-left: 15px;
}

.ul_guide li{
	overflow: hidden;
	font-weight: normal;
}

.ul_guide li p{
	margin-bottom: 5px;
	padding-top: 8px;
}

.fee_Box{
	z-index: 0!important;
	margin-top: 10px;
	position: relative;
	padding-top: 20px;
	padding-bottom: 20px;
	background: url(../images/bg_info01.png) repeat 0 0;
}

.fee_Box:before{
	display: block;
	position: absolute;
	content: "";
	top: 3.5px;
	left: 2.5px;
	width : -webkit-calc(100% - 16px) ;
	width : calc(100% - 16px) ;
	height : -webkit-calc(100% - 17px) ;
	height : calc(100% - 17px) ;
	padding: 5px;
	background-color: #FFF;
}

#selectionArea > .fee_Box{ margin-top: 30px;}
#cartArea > .fee_Box{ margin-bottom: 20px;}

.fee_Box ul{
	overflow: hidden;
	position: relative;
	margin: 0 20px 3px 20px;
	padding: 13px;
	font-size: 18px;
	color: #ff0000;
	font-weight: bold;
	background: url(../images/bg_info02.jpg) repeat 0 0!important;
}

.ul_fee_Box02{
	font-size: 16px!important;
	font-weight: normal;
}

.fee_Box ul li{}
.fee_Box ul li:nth-child(odd){float: left;}
.fee_Box ul li:nth-child(even){float: right;}

.fee_Box > .bt_Box04{
	overflow: hidden;
	position: relative;
}

/* 入試試験 */
.attention{
    color: #FF0000;
    font-size: 18px;
}

.select01, .select02, .select03{
	padding-left: 7px;
	width: 100%;
	height: 36px;
}
.select05{width: 90px!important;}
.select06{width: 60px!important;}

select{
	height: 36px;
	padding-left: 7px;
	font-weight: normal!important;
}

input{
	height: 32px;
	padding-left: 7px;
	font-weight: normal!important;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

input[type=radio] {vertical-align: middle;}

.form_middle02{ width: 92px!important;}
.form_shot02{width: 68px !important;}
.form_shot03{width: 75px;}
.form_shot04{width: 35px;}

#selectionArea .bt_Box04{
	position: relative;
	height: 105px;
	margin-top: 18px;
}

#selectionArea .bt_Box04 > p:nth-child(1){
	position: absolute;
	left:0px;
	right: 0;
	bottom: 0;
	margin:auto;
}

#selectionArea .bt_Box04  > p:nth-child(2){
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin:auto;
}


/* ==========================================================================
   入試検索
   ========================================================================== */

.dl_search{
	overflow: hidden;
	margin: 0 0 5px 0;
}

.dl_search dt{
	margin-bottom: 5px;
	font-weight: bold;
}
.dl_search dd{
	font-weight: normal;
	margin: 0 0 10px 0;
}

.dl_search dd p{
	margin-bottom: 5px;
}

.dl_search dd p input{
	 margin-right: 8px;
	 width: 17px;
	 height: 17px;
	 vertical-align: middle;
}
/* 大学様の要望により追加した入試検索のタイトル */
.ul_searchTitle{
	margin-bottom: 15px;
	padding: 10px 10px;
	border-bottom: 2px solid #24016F;
	background: url(../images/bg_info03.jpg) repeat 0 0;
	text-align: center;
}

.ul_searchTitle span{
	font-weight: bold;
	margin-right: 16px;
}

.ul_searchResult{
	margin-top: 15px;
	padding: 15px 10px;
	border-bottom: 2px solid #24016F;
	/* bg_info02を使用していたが、ここだけ濃くしてほしいという大学様の要望 */
	background: url(../images/bg_info03.jpg) repeat 0 0;
	text-align: center;
}

.ul_searchResult span{
	font-weight: bold;
	margin-right: 16px;
}

.ul_searchResult li:nth-child(1){
	 margin-bottom: 10px;
}

.div_searchComment{
	margin-top: 15px;
	padding: 15px 10px;
	text-align: left;
	border-bottom: 1px dotted #b4b4b4;
}

.div_search{
	padding-top: 9px;
	padding-left: 5px;
	padding-bottom: 5px;
}

.ul_searchList{
	 margin-bottom: 20px;
}
.ul_searchList li{
	border-bottom: 1px dotted #b4b4b4;
	padding: 9px 11px;
}

/* ==========================================================================
   出願内容確認
   ========================================================================== */

.info_txt{
	margin: 15px 0 20px 0;
	padding: 10px;
	color: #ff0000;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border: 3px solid #ff0000;
}

#cartArea > .ttl_guide{
	margin: 0 0 13px 0;
	font-weight: bold;
}

#cartArea .test_info > .ttl_testGuide{
	margin: 18px 0 13px 0;
	padding-bottom: 13px;
	font-weight: bold;
	border-bottom: 1px dotted #b4b4b4;
}

.dl_cart01{
	position: relative;
	margin: 0 0 20px;
	padding-bottom: 12px;
	border-bottom: 1px dotted #b4b4b4;
}

.dl_cart01 dt{
	margin: 15px 0px 8px 0;
	padding-left: 0;
	font-weight: bold;
}

.dl_cart01 dd{
	margin: 8px 0;
}

.dl_cart01 dd:nth-child(1), .dl_cart01 dd:nth-child(2), .dl_cart01 dd:nth-child(3){
	padding-left: 14px;
}

.dl_cart01 > dd.color_red{
	padding-left: 14px;
}

.test_info .dl_cart01 > dd > p.bt{
	padding-left: 0!important;
	margin-left: auto;
	margin-right: auto;
}

/* ==========================================================================
   個人情報の入力
   ========================================================================== */

#step_Box{display: none;}

.personal_infoBox01{position: relative;}

/* form_photoBox */
.form_photoBox{
	padding-top: 52px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.form_photoBox img{
	 width: 188px;
	 height: 188px;
	 border-radius: 3px;
}

.form_photoBox p{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 188px;
	margin-top: 10px;
}

/* 個人情報の入力 form */
.form_infoBox{
	font-weight: bold;
	font-size: 16px;
}

.form_infoBox .pc_view{display: none;}
.form_sub{
	margin: 0;
	padding: 0;
	clear: none;
	overflow: hidden;
}

/* 必須 */
.required{
	color: #FFF;
	margin-left: 5px;
	background-color: #FF0000;
	border-radius: 3px;
	font-size: 12px;
	padding: 0 5px;
	vertical-align: middle;
	vertical-align: 1px;
}

/* dl_form01 */
.dl_form01{
	padding: 0;
	margin-top: 30px;
}
.dl_form01 dt{
	margin-top: 0;
	padding: 0;
	margin-bottom: 10px;
}
.dl_form01 dd{
	display: block;
	margin: 0;
}
.dl_form01 dd .namae{
	display: inline-block;
	font-size: 15px;
	margin-bottom: 10px;
	text-align: right;
	width: 33px;
}
.dl_form01 dd input{margin-bottom: 10px;}

/* dl_form02 */
.dl_form02{}
.dl_form02 dt{padding: 0; margin-bottom: 10px;}
.dl_form02 dd{margin: 0 0 15px 0;}
.dl_form02 select{ width: 200px;}
.dl_form02 dd span{
	margin-left: 4px!important;
	margin-right: 0px!important;
	padding-top: 7px;
}
.apartment_name{display: inline-block;}

/* dl_form03 */
.dl_form03{margin-top: 0;}
.dl_form03 dd{
	margin: 10px 0 0 0;
	padding-bottom: 5px;
}

/* dl_form04 */
.dl_form04{}
.dl_form04 dt{}
.dl_form04 dd{margin: 15px 0 0 0;}

/* dl_form05 */
.dl_form05{margin: 0 0 30px 0;}
.dl_form05 dt{margin: 15px 0 0;}
.dl_form05 dd{
	padding-top: 5px;
	margin-left: 0;
	font-weight: normal;
}

/* dl_form06, dl_form07, dl_form08 */
.dl_form06{
	margin-top: 25px;
	margin-bottom:0px;
}
.dl_form06 dt, .dl_form07 dt, .dl_form08 dt{margin-bottom: 10px;}
.dl_form06 dd, .dl_form07 dd, .dl_form08 dd{margin: 0 0 15px 0;}
.dl_form06 select, .dl_form07 select, .dl_form08 select{width: 240px;}

/* dl_form09 */
.dl_form09{margin: 0 0 27px 0;}
.dl_form09 dt{margin-bottom: 10px;}
.dl_form09 dd{margin: 0 0 10px 0;}
.dl_form09 dd input{margin-top: 10px;}


/* radio */
.list_radio{
	height: 30px;
	padding: 0;
	margin-top: -10px;
	margin-bottom: 10px;
}
.list_radio li{display: inline-block;}
.list_radio label{
	font-weight: normal;
	margin-right: 17px;
	padding: 0;
}
.list_radio input{
	width: 20px!important;
	vertical-align: -10px;
}

/* 生年月日 */
.dl_form01 dd.f_birthday > input{margin-right: 0!important;}

.birthday{
	font-weight: normal;
	margin-left: 5px;
	margin-right: 5px;
}

.japanese_calendar{
	font-weight: normal;
	margin-left: 5px;
	display: block!important;
}

/* 郵便番号 */
.f_postal{overflow: hidden;}
.f_postal li{float: left;}
.f_postal li:nth-child(1) input{margin-right: 0;}
.f_postal li:nth-child(2){
	margin-left: 9px!important;
	margin-right: 9px!important;
	padding-top: 7px;
}

.f_postal li:nth-child(1) input, .f_postal li:nth-child(3) input{width: 100px!important;}

.form_sub h3, .personal_infoBox02 h3{
	position: relative;
	padding-left: 14px;
	padding-bottom: 6px;
	margin: 9px 0 12px;
	border-bottom: 1px dotted #b4b4b4;
}

.form_sub h3:before, .personal_infoBox02 h3:before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 8px;
	left: 0px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 4px 0 4px;
	border-color: #1d2c3c transparent transparent transparent;
 }

.form_sub p{
	margin: 9px 0 9px 0;
	font-size: 14px;
}

.personal_infoBox02{font-weight: bold;}

.personal_infoBox02 h2{
	font-size: 18px;
	padding-bottom: 8px;
	border-bottom: 2px solid #24016F;
}

.personal_infoBox02 p{margin: 15px 0 0 0;}

.alma_mater{
	margin: 19px 0 10px 0;
	font-weight: normal;
}
.alma_mater li{
	margin-bottom: 10px;
}

.alma_mater li span{
	display: block;
	margin-bottom: 5px;
}

.highSchool_Search{margin: 0 0 0 0;}
.highSchool_Search li{margin: 0 0 15px 0;}
.highSchool_Search li select{
	display: block;
	width: 150px;
	margin: 10px 0 15px 0;
}
.highSchool_Search {margin: 15px 0 10px 0;}

.form_txt03{
	position: absolute;
	top: 0px;
	text-align: center;
	margin: auto;
	font-size: 16px;
}

/* 住所を探す */
.find_address01{
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: 1px dotted #b4b4b4;
}

.find_address01 > .dl_form02, .find_address02 > .dl_form02{
	margin-top: 0;
}

.find_address01 > .bt, .find_address02 > .bt{
	margin-left: auto;
	margin-right: auto;
}

.find_address01 p:first-of-type, .find_address02 p:first-of-type{
	margin-top: 15px;
}

.find_address02{
	margin-bottom: 20px;
	padding-top: 20px;
	border-top: 1px dotted #b4b4b4;
}

/* アコーディオン */
.accordion h3{
	position: relative;
	margin: 9px 0 12px;
	border-bottom: 1px dotted #b4b4b4;
	display: block;
	padding: 6px 0 6px 23px;
	cursor:pointer;
}

.accordion h3:before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 14px;
	left: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #1d2c3c;
 }

.accordion h3.active:before{
	content: '';
	display: inline-block;
	position: absolute;
	top: 14px;
	left: 5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 4px 0 4px;
	border-color: #1d2c3c transparent transparent transparent;
 }

.accordion h3.over {
	 background-color: #f1f1f1;
	 border-bottom: 1px dotted #b4b4b4;
}
.accordion h3.active{
	background-color: #f1f1f1 !important;
}

.product_accordion ul{
	position: relative;
	margin: 9px 0 12px;
	display: block;
	cursor:pointer;
}

.product_accordion ul:before{
	content: '';
	display: inline-block;
	position: relative;
	top: 20px;
	left: 90px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 7px;
	border-color: transparent transparent transparent #1d2c3c;
}

.product_accordion ul.active:before{
	content: '';
	display: inline-block;
	position: relative;
	top: 20px;
	left: 90px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 4px 0 4px;
	border-color: #1d2c3c transparent transparent transparent;
}

.accordion_panel{
	display: none;
}


/* ==========================================================================
   個人情報照会
   ========================================================================== */

#personal_checkArea .form_photoBox{
	padding-top: 10px;
}

.form_checkBox{
	font-size: 16px;
	margin: 10px 0;
}

.form_checkBox dl{
	padding: 17px 0 11px;
	margin: 0;
	border-bottom: 1px dotted #b4b4b4;
}

.form_checkBox dt{
	font-weight: bold;
	margin-bottom: 5px;
}

.form_checkBox dd{
	margin-left: 0;
}

.form_checkBox dl:last-child{border-bottom: none;}

.personal_checkBox02 h2{
	font-size: 18px;
	padding-bottom: 8px;
	border-bottom: 2px solid #24016F;
}

.alma_mater02{
	margin: 19px 0 0 0;
	font-weight: normal;
}
.alma_mater02 li{
	margin-bottom: 15px;
}

.alma_mater02 li span{
	display: block;
	margin-bottom: 5px;
}

/* dl_formCheck01 */
.dl_formCheck01{}

.dl_formCheck01 dt{
	font-weight: bold;
	padding-bottom: 5px;
	border-bottom: 1px dotted #b4b4b4;
}
.dl_formCheck01 dd{
	margin: 5px 0 15px;
}

/* dl_formCheck02 */
.dl_formCheck02{margin: 0 0 30px 0;}

.dl_formCheck02 dt{
	font-weight: bold;
	margin-bottom: 10px;
}
.dl_formCheck02 dd{
	margin-left: 0;
	margin-bottom: 10px;
}

.dl_formCheck02 dd span{
	font-weight: bold;
	margin-right: 15px;
}

/* ==========================================================================
   出願完了
   ========================================================================== */

.info_txt02{
	margin: 0 0 20px 0;
	padding-top: 21px;
	padding-bottom: 21px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border: 3px solid #ff0000;
}

.flow_Box ul{
	display: table;
	margin: 10px 0 28px 0;
	width: 100%;
}

.flow_Box ul li{
	font-size: 14px;
	border-bottom: 1px dotted #b4b4b4;
}

.flow_img, .flow_txt{
	display: table-cell;
  	vertical-align: middle;
 }

.flow_img img{
	max-width: 55px;
	width: 55px;
	height: 55px;
	margin-top: 14px;
	margin-bottom: 14px;
}

.flow_txt{
	padding-left: 17px;
	font-weight: bold;
}

.flow_pay{
	padding-top: 18px;
	padding-bottom: 15px;
	text-align: center;
	border-top: 1px dotted #b4b4b4;
}

.flow_pay table{
	width: 100%;
	text-align: left;
}

.flow_pay table th{
	width: 40%;
	padding: 9px 9px;
	font-weight: normal;
	border: 1px solid #9B9B9B;
}

.flow_pay table td{
	padding: 9px 9px;
	border: 1px solid #9B9B9B;
}

.flow_pay > .bt{
	margin: 18px auto 8px auto;
}

.flow_pay > .color_red{
	margin-top: 10px;
	text-align: left;
}

.flow_Box ul li:nth-child(2) > .bt_Box01 .bt{
	margin-top: 0;
	margin-bottom: 0px;
}


/* ==========================================================================
   入力内容の確認
   ========================================================================== */

#personal_confirmationArea > .ttl_guide{
	margin: 0 0 13px 0;
	font-weight: bold;
}

#personal_confirmationArea > .ttl_testGuide{
	margin: 10px 0 13px 0;
	font-weight: bold;
}

/* dl_check */
.dl_check{
	position: relative;
	margin: 0 0 15px;
	padding-bottom: 0;
}

.dl_check dt{
	margin: 5px 0px 8px 0;
	padding: 0 0 5px 0;
	font-weight: bold;
	border-bottom: 1px dotted #b4b4b4;
}

.dl_check dt p{
	left: 0;
	right: 0;
	bottom: 20px;
	margin: auto;
	position: absolute;
	display: inline-block;
}

.dl_check dd{
	margin: 8px 0;
	padding-left: 14px;
}

#personal_confirmationArea > .fee_Box{
	margin-bottom: 20px;
}

/* entry_checkBox */
.entry_checkBox{
	font-size: 16px;
	margin: 10px 0;
}

.entry_checkBox dl{
	padding: 17px 0 11px;
	margin: 0;
	border-bottom: 1px dotted #b4b4b4;
}

.entry_checkBox dt{
	font-weight: bold;
	margin-bottom: 5px;
}

.entry_checkBox dd{
	margin-left: 0;
}

.entry_checkBox dl:last-child{border-bottom: none;}

/* アンケート */
.enquete_Box{}

.enquete_Box dl{
	margin-bottom: 20px;
}

.enquete_Box dl dt{
	padding: 5px 0 5px 0;
	font-weight: bold;
	border-bottom: 1px dotted #b4b4b4;
}

.enquete_Box dl dd{
	margin: 10px 0 10px 0;
}


/* ==========================================================================
   出願情報詳細
   ========================================================================== */

#application_detailsArea > .info_txt{margin: 0 0 10px 0;}

#application_detailsArea > .ttl_testGuide{
	margin: 10px 0 10px 0;
	font-weight: bold;
}

/* apply_detailsBox */

.apply_detailsBox{
	font-size: 16px;
	margin: 10px 0;
}

.apply_detailsBox dl{
	padding: 17px 0 11px;
	margin: 0;
	border-bottom: 1px dotted #b4b4b4;
}

.apply_detailsBox dt{
	font-weight: bold;
	margin-bottom: 5px;
}

.apply_detailsBox dd{
	margin-left: 0;
}

.apply_detailsBox dl:last-of-type{border-bottom: none !important;}

.apply_detailsBox dl dd > div{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	margin-bottom: 5px;
}

.apply_detailsBox > .bt_Box04{
	margin-top: -15px!important;
	margin-bottom: 30px;
}

/* ==========================================================================
   受験情報詳細
   ========================================================================== */

#exam_detailsArea .exam_ticketBox > .ttl_testGuide{
	margin: 10px 0 13px 0;
	padding-bottom: 6px;
	font-weight: bold;
	border-bottom: 1px dotted #b4b4b4;
}

/* exam_detailsBox01 */
.exam_detailsBox01{
	font-size: 16px;
	margin: 0 0 10px;
}

.exam_detailsBox01 dl{
	padding: 17px 0 11px;
	margin: 0;
	border-bottom: 1px dotted #b4b4b4;
}

.examRecord_rank{
	margin: 12px 0px 8px 0px;
	font-size: 16px;
	font-weight: bold;
}

.exam_detailsBox01 dl:first-of-type{padding: 0 0 14px 0;}
.exam_detailsBox01 dl:last-of-type{padding: 17px 0 0 0;}

.exam_detailsBox01 dt{
	font-weight: bold;
	margin-bottom: 5px;
}

.exam_detailsBox01 dd{
	margin-left: 0;
}

.exam_detailsBox01 dl:last-of-type{border-bottom: none;}

.exam_detailsBox01 > .bt_Box04{
	margin-bottom: 30px;
}

/* dl_check */
.dl_ticket{
	margin-bottom: 25px;
}

.dl_ticket dt{
	margin: 5px 0px 8px 0;
	padding: 0;
}

.dl_ticket dd{
	margin: 5px 0px 8px 0;
	padding: 0 0 0 14px;
}

#exam_detailsArea .exam_ticketBox > .info_txt{
	margin: 15px 0 12px!important;
}

/* entry_checkBox */
.exam_detailsBox02{
	font-size: 16px;
	margin: 10px 0 20px;
}

.exam_detailsBox02 dl{
	padding: 17px 0 11px;
	margin: 0;
	border-bottom: 1px dotted #b4b4b4;
}

.exam_detailsBox02 dt{
	font-weight: bold;
	margin-bottom: 5px;
}

.exam_detailsBox02 dd{
	margin-left: 0;
}

/* ==========================================================================
   会員登録
   ========================================================================== */

/* dl_mailAddress */
.dl_mailAddress{
	overflow: hidden;
	margin: 10px 0 15px 0;
	padding: 15px 0 5px 0;
	border-top: 1px dotted #b4b4b4;
	border-bottom: 1px dotted #b4b4b4;
}

.dl_mailAddress dt{
	overflow: hidden;
	margin: 0 0 5px 0;
	font-weight: bold;
}

.dl_mailAddress dd{
	font-weight: normal;
	margin: 0 0 5px 0 !important;
	/* メールアドレスに文書の意味合いはないので強制的に折り返す。 */
	word-break: break-all;
}

/* dl_membership */
.dl_membership{
	margin-bottom: 20px;
}

.dl_membership dt{
	margin-bottom: 5px;
	font-weight: bold;
}

.dl_membership dd{
	font-weight: normal;
	margin: 0 0 10px 0;
}

.mail_rule{
	text-align: center;
}

/* ==========================================================================
   マイページログイン
   ========================================================================== */

.ttl_guide02{
	font-weight: bold;
    margin: 0 0 13px;
}

/* dl_formLCon */
.dl_formLCon{
	margin-bottom: 20px;
}

.dl_formLCon dt{
	margin-bottom: 5px;
	font-weight: bold;
}

.dl_formLCon dd{
	font-weight: normal;
	margin: 0 0 10px 0;
}

#loginArea > .dl_formLCon{
	padding: 15px 0 10px;
	border-top: 1px dotted #b4b4b4;
	border-bottom: 1px dotted #b4b4b4;
}

/* ul_login */
.ul_login{
	text-align: center;
	margin: 20px auto 0 auto !important;
}

.ul_login li{
	margin-bottom: 5px;
}

.ul_login li a{
	display: block;
	font-weight: bold;
}

.ul_login li a:hover{
	text-decoration: none!important;
}


/* ==========================================================================
   マイページログイン
   ========================================================================== */

/* rule */
#rule {
	height: 180px;
	width : -webkit-calc(100% - 40px) ;
  	width : calc(100% - 40px) ;
    padding: 20px;
	margin: 20px 0 10px 0;
    overflow-y:scroll;
    border: 1px solid #DADADA;
    -webkit-overflow-scrolling: touch;
}

.rule_consent{
	text-align: center;
	margin-bottom: 15px;
}

.rule_consent label{
	margin-right: 13px;
	vertical-align: middle;
}

.rule_consent input{
	width: auto!important;
}


/* ==========================================================================
   パスワード . メールアドレス 設定
   ========================================================================== */


/* dl_mailMessage , dl_passwdMessage */
.dl_mailMessage, .dl_mailMessage02, .dl_passwdMessage{
	overflow: hidden;
	margin: 0;
	font-weight: bold;
}

.dl_mailMessage02{
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 20px 0;
	border-top: 1px dotted #b4b4b4;
	border-bottom: 1px dotted #b4b4b4;
}

.dl_mailMessage dt, .dl_mailMessage02 dt, .dl_passwdMessage dt{
	overflow: hidden;
	margin: 0 0 5px 0;
}

.dl_mailMessage dd, .dl_mailMessage02 dd, .dl_passwdMessage dd{
	margin: 0;
	/* メールアドレスに文書の意味合いはないので強制的に折り返す。 */
	word-break: break-all;
}

.dl_mailMessage02 dd:first-of-type{margin-bottom: 14px;}

/* dl_mail */
.dl_mail, .dl_passwd{
	margin-bottom: 20px;
	padding: 15px 0 10px;
	border-top: 1px dotted #b4b4b4;
	border-bottom: 1px dotted #b4b4b4;
}

.dl_mail dt, .dl_passwd dt{
	margin-bottom: 5px;
	font-weight: bold;
}

.dl_mail dd, .dl_passwd dd{
	font-weight: normal;
	margin: 0 0 10px 0;
}

.finish_message{
	margin-top: 15px;
	margin-bottom: 20px;
	padding-bottom: 15px;
	font-weight: bold;
	border-bottom: 1px dotted #b4b4b4;
}

/* ==========================================================================
   支払方法の選択
   ========================================================================== */

.payment_choiceBox h2{
	padding: 13px 15px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background-color: #24106f;
}

.payment_choiceBox > .ttl_guide{
	font-weight: normal;
	margin: 0 0 0 3px;
	line-height: 20px;
	padding-left: 1em;
    text-indent: -1em;
}

.payment_choiceBox .pay_choice:first-of-type{
	margin-top: 13px;
}

.pay_choice{
	border: 3px solid #24106f;
	margin-bottom: 30px;
}

.pay_choice ul{
	margin: 10px 18px 20px 15px;
}

.pay_choice ul li label{
	font-weight: bold;
}

/* ul_paymen01 */

.ul_payment01 li label{
	display: inline-block;
	width: 90px !important;
}

.ul_payment01 li img{
	vertical-align: middle;
	margin-bottom: 10px;
	height: 46px;
	width: auto;
}

.ul_payment01 li:nth-child(4){
	margin-top: 10px;
}

.pay_choice input[type=radio] {
 	width: 20px!important;
	vertical-align: middle;
	vertical-align:-10px;
	margin-right: 4px;
}

/* ul_paymen02 */

.ul_payment02 li p{
	margin: 0 0 19px 15px;
}

.ul_payment02 li img{
	display: block;
	margin-right: 22px;
	margin-bottom: 22px;
}

.ul_payment02 li:nth-child(1){
	margin-top: 20px;
}

.ul_payment02 li .ttl_payment, .ul_payment03 li .ttl_payment, .ul_payment04 li .ttl_payment{
	margin-bottom: 5px;
}

.ul_payment02 input[type=radio] , .ul_payment03 input[type=radio], .ul_payment04 input[type=radio]{
	width:20px;
	height:18px;
	vertical-align:middle;
	margin-bottom:2px;
	display:block;
}

.ul_payment02 li label, .ul_payment03 li label, .ul_payment04 li label{
	display:block;
	margin-top:-20px;
	margin-left:24px;
}

.ul_payment02 li span, .ul_payment03 li span, .ul_payment04 li span{
	display: block;
}

/* ul_paymen03 */
.ul_payment03{
	margin-left: 2.0em;
}

.ul_payment03 li{
	margin-top: 15px;
}

.ul_payment03 li p{
	margin: 20px 0 0 15px;
}

.ul_payment03 li img{
	display: block;
	margin-left: 13px;
}

/* ul_paymen04 */

.ul_payment04 li{
	margin-top: 15px;
}

.ul_payment04 li p{
	margin: 15px 0 19px 15px;
}

.ul_payment04 li img{
	display: block;
	margin-right: 22px;
	margin-bottom: 14px;
}

/* dl_card01 */
.dl_card01{
	margin: 30px 18px 0 18px;
}

.dl_card01 dt{
	font-weight: bold;
}

.dl_card01 dd{
	margin: 5px 0 0 0;
	padding-bottom: 15px;
}

.dl_card01 dd img{
	margin-top: 18px;
}

.deadline{
	color: #FF0000;
	overflow: hidden;
	position: relative;
	font-weight: bold;
	display: block;
	/* 支払期限が青点線枠と重ならないように余白を設ける。 */
	margin: 15px 20px 0 20px;
	text-align: center;
}

/* fee_Box */

#personal_completionArea .payment_choiceBox > .fee_Box{
	margin-bottom: 27px;
	padding-bottom: 15px;
}

#personal_completionArea .payment_choiceBox > .fee_Box ul{
	font-size: 16px!important;
	text-align: center;
}

#personal_completionArea .payment_choiceBox > .fee_Box ul li:nth-child(odd){
	float: none;
	text-align: center;
	margin: 0px auto 5px;
	margin-right: auto;
	display: block;
}

#personal_completionArea .payment_choiceBox > .fee_Box ul li:nth-child(even){
	font-weight: normal;
}

/* 最終確認画面用fee_Box */
#personal_completionArea .entry_checkBox > .fee_Box{
	margin-bottom: 27px;
	padding-bottom: 15px;
}

#personal_completionArea .entry_checkBox > .fee_Box ul{
	font-size: 16px!important;
	text-align: center;
}

#personal_completionArea .entry_checkBox > .fee_Box ul li:nth-child(odd){
	float: none;
	text-align: center;
	margin: 0px auto 5px;
	margin-right: auto;
	display: block;
}

#personal_completionArea .entry_checkBox > .fee_Box ul li:nth-child(even){
	font-weight: normal;
}


/* ==========================================================================
   合否の確認
   ========================================================================== */

.pass_view{
	color: #FF0000;
	font-size: 32px;
	text-align: center;
	font-weight: bold;
}
/* ==========================================================================
   入試選択
   ========================================================================== */

li.li_selection02{
	border-radius: 9px!important;
	border:solid;
}
li.li_selection02:hover{
	opacity: 0.7!important;
	display: block;
	transition: all 0.5s ease;
}
}

/* ==========================================================================
   メンテナンスページ
   ========================================================================== */
#meintenance .errMes{
	font-size:16px;
	font-weight:bold;
	text-align:center;
	line-height:1.6;
	margin:0 0 10px 0;
}
#meintenance .errMes02{
	font-size:12px;
	font-weight:bold;
	text-align:center;
}
#meintenance .backBtn{
	width:200px;
	text-align:center;
	margin:40px auto 0 auto;
}
#meintenance .backBtn a{
	color:#fff;
	text-decoration:none !important;
	background:#848484;
	border-radius:6px;
	display:block;
	padding:10px 0;
}