@charset "utf-8";

@media screen and (min-width: 860px) { /*ウィンドウ幅が480px以上の場合に適用*/

.pc { display: inline-block!important; }
.tb { display: none !important; }
.sp { display: none !important; }

 input[type='text']{
 	height:2rem;
 }
input[type='password']{
 	height:2rem;
 }

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]:focus,
input[type="button"]:focus {
  outline-offset: -2px;
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
    &::-webkit-search-decoration {
      display: none;
    }
    &::focus {
      outline-offset: -2px;
    }
}
input[type="checkbox"]{
  width:1.5rem;
  height:1.5rem;
  vertical-align: middle;
  margin-right:0.5rem;
}
input[type="radio"]{
  width:1.3rem;
  height:1.3rem;
  vertical-align: bottom;
  margin-right:0.5rem;
}
form button:hover {
  cursor: pointer;
  opacity:0.8;
}

.w10{
	width:10% !important;
}
.w20{
	width:20% !important;
}
.w25{
	width:25% !important;
}
.w30{
	width:29% !important;
}
.w40{
	width:39% !important;
}
.w50{
	width:49% !important;
}
.w60{
	width:59% !important;
}
.w70{
	width:69% !important;
}
.w80{
	width:79% !important;
}
.w90{
	width:89% !important;
}
.w100{
	width:99% !important;
}
.mgn_b05{
	margin-bottom:0.5rem;
}
.txtclr_bl{
	color:#057FD7 !important;
}
.txtclr_yllw{
	color:#FFC000;
}
.txtclr_rd{
	color:#FF0000;
}
.txtclr_blck{
	color:#333 !important;
}
.txtclr_grey{
	color:#7F7F7F !important;
}
.txtwght_500{
  font-weight:500;
}
.txt_lg{
	font-size:1.3rem;
}

.block_center{
  margin:0 auto;
}
.uline{
	height:1px;
}
.noline_b{
	border:0 !important;
}
.ulnclr_yllw{
	border-bottom:2px solid #FFD000;
}
.ulnclr_blck{
	border-bottom:2px solid #666;
}
.ulnclr_blck_nrw{
	border-bottom:1px solid #DDD;
}
.lsttype{
	position:absolute;margin-right:0.1rem;height:5rem;
}
.mgn_l20{
	margin-left:20px;
}
.mgn_b1rem{
	margin-bottom:1rem;
}

.txtalgn_l{
	text-align: left !important;
}
.txtalgn_r{
	text-align: right;
}
.txtalgn_c{
	text-align: center;
}
.txtsize_smll{
  font-size:0.7rem;
}
.txtsize_middle{
  font-size:1rem;
}
.txtsize_big{
  font-size:1.2rem;
}
.valgn_t{
	vertical-align: top !important;
}
.underl{
	margin-bottom:2%;
	border-bottom:1px solid #aaa;
}
.mgnt05{
  margin-top:0.5rem;
}
.mgnb1{
  margin-bottom:0.5rem !important;
}

.btn0{
  display:inline-block;
  padding:10px;
  height:2.8rem;
}
.btn1{
	padding:10px;
  border-radius:0.3rem;
}
.btn2{
  width:7rem;
  padding:0.2rem;
  border:2px solid #057FD7;
  border-radius:0.3rem;
}
.btn3{
  width:7rem;
  padding:0.1rem;
  border-radius:0.3rem;
  border:2px solid #DDD;
}
.btn4{
  width:12rem;
  padding:0.1rem;
  border-radius:0.3rem;
  border:2px solid #DDD;
}
.btnclr_bl{
	color:#FFF;
	background-color: #057FD7;
	border:1px solid #057FC7;
}
.btnclr_grey{
	color:#FFF;
	background-color: #CCC;
	border:1px solid #CCC;
}
.btnclr_yllw{
	color:#000 !important;
	background-color: #FFC000 !important;
	border:1px solid #FFC000 !important;
}
.btnclr_blck{
	color:#FFF;
	background-color: #000;
	border:1px solid #000;
}
.ttl_block{
	width:100%;
	font-size:1.3rem;
	color:#000;
	margin-bottom:10px;
}
.ttl_block ul{
	width:100%;
}
.ttl_block ul li{
	width:68%;
	display: inline-block;
}
.ttl_block ul li:nth-child(2){
	width:30%;
	text-align:right;
}
.caution{
	font-weight:bold;
	color:#A00;
}
.bgclr_wht{
	background-color:#FFF;
}
.bgclr_yllw{
	background-color:#FFD000;
}
.bgclr_orng{
	background-color:#F63;
}
.bgclr_bl{
	background-color:#057FD7;
}
.bgclr_gr{
	background-color:#73e5dc;
}
.check_rd{
  background-color: #FFF;
  color:red;
  width:1.5rem;
  border-radius: 1rem;
  font-size:1.2rem;
}
/*  マイページ登録 */
.registbox{
	width:70%;
	margin:0 auto;
	text-align: center;
}
.registbox input[type='text']{
	height:2rem;
	margin-bottom:1rem;
}
.registbox .setpasswd{
	width:70%;
	margin:1rem auto;
}
.registbox .setpasswd li{
	width:100%;
	margin:0 auto;
}
.registbox .setpasswd li input[type='password']{
	width:80%;
	margin-bottom:0.5rem;
}
.registbox .privacyagree{
	width:100%;
}
.privacycont{
	width:100%;
	margin:0 auto;
	height:200px;
	overflow-y:scroll;
	border:1px solid #ddd;
	padding:2%;
	text-align:left;
}
.privacycont dd{
	width:100%;
}
.privacycont dd ul{
	width:100%;
}
.privacycont dd ul li{
	width:100%;
}



/*　共通パーツ */
.contentheader{
  width:80%;
  margin:0 auto;
  max-width:860px;
  min-width:860px;
}
.contentheader ul{
  width:100%;
}
.membername{
	width:65%;
	margin:20px auto;
  font-size:1.3rem;
  display:inline-block;
}
.rtnbtn{
  width:30.5%;
  display:inline-block;
  text-align: right;
}
.rtnbtn button{
  height:2rem;
  border:1px solid #057FD7;
  background-color:#057FD7;
  color:#FFF;
}
.viewlet{
  position:absolute;
  top:0;
  left:0;
}
.viewlet_dwn{
  position:absolute;
  right:0.5rem;
  line-height: 1.5rem;
}
.mark_check{
  position:absolute;
  right:0.5rem;
  line-height: 1.5rem;
}

/* 利用規約　*/
#riyoindent ul li{
  padding-left:2rem;
  position:relative;
}
#riyoindent2 ul li{
  padding-left:1.2rem;
  position:relative;
}

/* トップページ　*/
.topics{
	border:2px solid #AAA;
}
#topicslst{
	width:100%;
}
#topicslst ul{
	width:100%;
	padding-bottom:10px;
}
#topicslst ul li{
	display:inline-block;
	vertical-align:top;
}
#topicdetaillink{
	width:80%;
	font-size:0.9em;
	border:1px solid #057FD7;
	text-align: center;
	background-color: #DEF;
}

.menubtnlst ul{
	width:100%;
}
.menubtnlst ul li{
	width:32%;
	display:inline-block;
	vertical-align: top;
	padding-bottom:10px;
}
.menubtnlst ul li button{
	width:90%;
	height:100px;
	border:2px solid #057FD7;
	border-radius: 5px;
	font-size:1rem;
	color:#FFF;
	background-color: #057FD7;
	box-shadow: 0px 0px 5px 5px rgba( 50, 50, 50, 0.1);
}
.menubtnlst ul li button.b_off {
	background-color: #DDD;
	border:2px solid #CCC;
	color:#666;
	box-shadow: 0px 0px 0 0 rgba( 50, 50, 50, 0.1);
}
.menubtnlst ul li button.b_yllw {
	background-color: #FFD000;
	border:2px solid #FFC000;
	color:#000;
	box-shadow: 0px 0px 5px 5px rgba( 50, 50, 50, 0.1);
}
.menubtnlst .itemlineup{
	width:100%;
}
.menubtnlst .itemlineup li{
	width:19%;
}
.shopbtns{
	margin:1rem 0;
}
.smlttl{
	color:#057FD7;
}
.txtsml{
	font-size:0.7rem;
}
.smlcaution{
	font-size:0.7rem;
	color:#A67;
}
.msgbox{
	width:100%;
	padding:2% 0;
	border-radius: 5px;
	text-align:left;

}
.msgbox2{
  width:95% !important;
	border:0;
	padding:0;
}
.errmsg{
	color:#A00;
	margin-bottom:0.5rem;
}
.itemerrmsg{
	color:#A00;
	margin:0;
	padding:0 ;
}
.viewlet_rd{
  color:#A00;
}
/* よくある質問　*/
.qatext{
	position:relative;
	padding-left:1rem;
}
.qattl{
	position:absolute;
	height:3rem;
	top:0;
	left:0;
}

#login_form{
	width:100%;
}
#login_form ul{
	width:100%;
}
#login_form li{
	width:100%;
	text-align:center;
	padding:10px;
}
#login_form li input[type='email']{
	width:50%;
	height:40px;
}
#login_form li input[type='password'] , #passwordregist_form li input[type='password'] , #passwordregist_form li input[type='text']{
	width:50%;
	height:40px;
	margin-bottom:5px;
  border-color: #AAA;
}
#reminder{
	width:100%;
	text-align: center;
}
#reminder li input[type='password'] , #reminder li input[type='password'] , #reminder li input[type='text']{
	width:50%;
	height:40px;
	margin:5px auto;
}

#passwordregist_form{
	text-align: center;
}
#riyokiyaku{
	height:300px;
	overflow-y:scroll;
}
#kiyakucheck{
	width:100%;
	text-align: center;
	margin:20px auto;
}
/* お問合せ */
#contactlst{
	width:100%;
}
#contactlst ul{
	width:100%;
}
#contactlst ul li{
	display:inline-block;
	padding:10px;
}
#contactlst ul li:nth-child(4n){
	border-bottom:1px dotted #AAA;
	padding:0;
}
#contact_form{
	width:100%;
	margin:0 auto;
}
#contact_form ul{
	width:100%;
	margin:0 auto;
}
#contact_form li{
	display:inline-block;
	vertical-align: top;
	padding-bottom:10px;

}

/* 登録内容 */
#myinfo{
	width:100%;
}
#myinfo ul{
	width:100%;
}
#myinfo ul li{
	display:inline-block;
	vertical-align: middle;
	padding:1%;
}
#myinfochange{
	color:#000;
	text-align:center;
}
#micertification{
	width:100%;
}
#micertification ul{
	width:100%;
}
#micertification ul li{
	display:inline-block;
	vertical-align: top;
  padding-bottom:0.4rem;
}
#certification{
  position:relative;
  line-height: 1.3rem;
  margin:0 0 0.5rem;
  padding-left:0.9rem;
}
#certification_fixed{
  position:relative;
  line-height: 1.3rem;
  color:#700;
  font-weight:bold;
  padding-left:0.9rem;
}
#certification span.cviewlet , #certification_fixed span.cviewlet{
  position:absolute;
  top:0.1rem;
  left:0.1rem;
  font-size:0.4rem;
  height:2rem;
}
#applibox{
	width:12rem;
	height:3rem;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	margin:0 auto;
/*	background-color:#FFD000; */
	border-radius: 5px;
	font-weight:bold;
	padding-top:1%;
	padding-bottom:1%;
}
.waku_wht{
			width: 98%;
      height:2.8rem;
	    border: 2px solid #FFF;
	    margin: 0 auto;
      padding-top:0.5rem;
    	padding-bottom:0.5rem;
	    vertical-align: middle;
	    border-radius: 5px;
	    display: inline-table;
      color:#000;
      font-size:0.8rem;
}

#newarrival{
	width:1.5rem;
	height:1.2rem;
	display: inline-table;
	border:1px solid #F00;
	border-radius: 50%;
	margin-left:0.5rem;
	background-color:#F00;
	color:#FFF;
	font-size:0.8rem;
	padding:0.1rem;
	vertical-align: bottom;
}
#newarrival2{
	width:2.5rem;
	height:1.5rem;
	display: inline-table;
	border:1px solid #F00;
	border-radius: 50%;
	margin-left:0.5rem;
	background-color:#F00;
	color:#FFF;
	font-size:0.8rem;
	padding:0.2rem;
	margin-bottom:-3px;
	vertical-align: bottom;
}
/*　スケジュール */
#stepttl{
	border:5px solid ##FFD000;;
	background-color:#FFD000;
	padding:5px;
	font-size:1.2rem;
	color:#000;
	margin-top:20px;
}


#stepbox0{
	margin:10px auto;
}
#stepbox1{
  height:5rem;
	border:1px solid #057FD7;;
	border-left:5px solid #057FD7;
	background-color:#DDEEFF;
	color:#000;
	padding-left:10px;
	position: relative;
	margin:20px auto;
}
#stepbox2{
  height:5rem;
	border:1px solid #057FD7;;
	border-left:5px solid #057FD7;
	background-color:#DDEEFF;
	color:#000;
	padding-left:10px;
	position: relative;
	margin:20px auto;
}

#stepbox1 p{
	position: absolute;
	margin:0;
	top: 50%;
	transform: translate(0, -50%);
}
#stepsubttl{
	border-bottom:1px solid #DD6633;
	padding:5px;
	font-size:1.2rem;
	color:#DD6633;
	margin-top:10px;
}
#stepttl0{
	width:100px;
	height:100px;
	border-radius: 50%;
	padding:1%;
	font-size:0.8rem;
	margin-top:0px;
	text-align:center;
	position:relative;
}
#stepttl0 p{
	width:100%;
	position: absolute;
	top: 50%;
	margin:0 auto;
	transform: translate(0, -50%);
}
#stepttl2{
	width:100px;
	height:100px;
	padding:1%;
	font-size:0.8rem;
	margin-top:0px;
	text-align:center;
	position:relative;
}
#stepttl2 p{
	width:100%;
	position: absolute;
	top: 50%;
	margin:0 auto;
	transform: translate(0, -50%);
}
.stepttl_clr1{
	background-color:#FFF;
	color:#000;
	border:5px solid #FFD000;
}
.stepttl_clr2{
	background-color:#DDEEFF;
	color:#000;
	border-color:#057FD7;
	border:5px solid #057FD7;
}
.stepttl_clr3{
	background-color:#FFF;
	color:#000;
	border-color:#333;
	border:2px solid #333;
}

#stepexpl{
	padding:1%;
	color:#000;
}
#stepexpl ul{
	width:100%;
	vertical-align: top;

}
#stepexpl ul li{
	vertical-align: middle;
	display: inline-block;
}
#stepexpl ul li ul{
		width:100%;
}
#stepexpl ul li ul li{
}

#term{
	color:#FF6633;
	padding:5px;
	font-weight:bold;
	background-color:#FFEEDD;
}
/*　よくある質問 */
.question{
	font-size:1.0rem;
	color:#057FD7;

}
.openBox{
	margin:20px 0;
}

/* ステータス表示 */
#sts_stepcompletemsg{
  text-align: center;
  font-size: 1.1rem;
}
#sts_nextstepmsg{
  width:80%;
  text-align: center;
  border:2px solid #A00;
  border-radius: 5px;
  text-align: center;
  font-size: 1.1rem;
  margin:20px auto;
  color:#A00;
}
div#sts_nowcontent{
  width:80%;
  margin:0 auto;

}

div#sts_nowcontent button{
  width:300px;
  border:0px;
  height:2rem;
  border-radius: 5px;
  color:#FFF;
/*  background-color:#057FD7; */
  margin-bottom:5px;
}

div#sts_nowcontent ul#sts_aoacception{
  width:80%;
  margin:0 auto;
  vertical-align: top;
}
div#sts_nowcontent ul#sts_aoacception li{
  width:30%;
  display:inline-block;
  vertical-align: top;
  margin-bottom:10px;
}
div#sts_nowcontent ul#sts_aoacception li:nth-child(2n){
  width:68%;
  display:inline-block;
}
div#sts_nowcontent ul#sts_payment{
  width:100%;
  margin:0 auto;
  vertical-align: top;
}
div#sts_nowcontent ul#sts_payment li{
  width:100%;
  display:inline-block;
  vertical-align: top;
  margin-bottom:10px;
}
div#sts_nowcontent ul#sts_payment li:nth-child(2n){
  width:100%;
  display:inline-block;
}
div#sts_nowcontent ul#sts_payment li button{
  width: 90%;
  height: 5rem;
  border: 2px solid #FFD000;
  border-radius: 5px;
  font-size: 1rem;
  color: #333;
  background-color: #FFD000;
  box-shadow: 0px 0px 5px 5px rgb(50 50 50 / 10%);
}
div#sts_nowcontent ul#sts_application_submission{
  width:100%;
  margin:0 auto;
  vertical-align: top;
}
div#sts_nowcontent ul#sts_application_submission li{
  width:100%;
  position:relative;
  display:inline-block;
  vertical-align: top;
  margin-bottom:10px;
}
div#sts_nowcontent ul#sts_application_submission li ul{
  width:100%;
}
div#sts_nowcontent ul#sts_application_submission li ul li{
  width:100% !important;
  display:inline-block;
  vertical-align: top;
  padding-left:1rem;
}
div#sts_nowcontent ul#sts_application_submission li ul li span#maruno{
  position:absolute;
  top:0;
  left:0;
}

div.nowcontent_ttl{
  width:100%;
  background-color: #FFC000;
  padding:0.5rem;
  font-weight:600;
}

/* クレジットカード決済 */
.orderinfo{
	width:90%;
}
.orderinfo li{
	border-bottom:1px solid #CCC;
}
.orderinfo li.shohinmei{
	width:25%;
}
.orderinfo li.shohinsize{
	width:10%;
	text-align:center;
}
.orderinfo li.shohinnum{
	width:30%;
	text-align:center;
}
.orderinfo li.shohincost{
	width:13%;
	text-align:right;
}
.orderinfo li.paymenttype{
	width:18%;
	text-align:right;
}
.orderinfo li.shohinttlcost{
	width:31%;
	text-align:right;
}


.orderqr{
	width:100%;
	text-align: center;

}
.orderqr img{
	width:70%;
}

.bankaccount{
	padding:1rem;
	border:3px dotted #057FD7;
	font-size: 1.1rem;
	font-weight:500;
	margin-bottom:1rem;
}
.payInfoArea{

}
.payInfoArea h2{
  margin-bottom:0.5rem;
}
.payInfoArea hr{
  margin-top:1.5rem;
}

#myinfo .logoList{
  width:100%;
}
#myinfo .logoList{
  width:100%;
}
#myinfo .logoList li{
  width:13%;
  text-align: center;
}
#myinfo .logoList li img{
  width:90%;
}
#securitycode{
  width:100%;
  max-width:200px;
  margin:0 auto;
}
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #FFF;
  opacity:0.7;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #111;
  z-index: 2;
}




/* 出願登録 */
.application ul li{
  position:relative;
  padding-left:1rem;
}
#entry{
  width:90%;
  margin:0 auto;
}
#entry ul{
  width:100%;
}
#entry ul li{
  display:inline-block;
  width:25%;
  vertical-align: top;
  margin-bottom:1rem;
}
#entry ul li:nth-child(2n){
  width:72%;
}
#entry ul li#shitei{
  width:72%;
}
#entry ul li#shiteibtn{
  width:26%;
  text-align:right;
}
#entry ul li#heiganbtn{
  width:25%;
}
#entry ul li .aspiration_pd{
  width:100%;
  margin-top:-0.2rem;
  margin-bottom:0.2rem;
}
#entry ul li .aspiration_pd {
  width:100%;
}
#entry ul li .aspiration_pd li{
  width:100%;
  border:1px solid #aaa;
  margin:0;
  line-height:2rem;
}
#entry ul li ul#myinfo li{
  width:20%;
  color:#057FD7;
}
#entry ul li ul#myinfo li:nth-child(2n){
  width:78%;
  color:#333;
  vertical-align: bottom;
}
#entry ul li ul#myinfo li#educationhistory ul{
  width:100%;
  color:#333;
}
#entry ul li ul#myinfo li#educationhistory ul li{
  width:100%;
  margin:0;
}
.ma_graduate_slct{
  width:28%;
  border-color:#aaa;
}
#idphoto_prvw{
  margin-top:1rem;
}
.img-wrap img{
 max-width: none;
 position: absolute;
 top: 40%;
 left: 50%;
 margin-right: -50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
.img-wrap{
  widdth:120px;
 border:1px solid #AAA;
 width:120px;
 height:160px;
 position: relative;
 overflow:hidden;
 background-color: #FFF;
 margin-top:1rem;
}
.selectaspiring{
  width:100%;
  height:2.5rem;
  vertical-align: middle;
  margin-bottom: 0.2rem;
  color:#FFF;
  background-color: #057FD7;
  border:0;
}
#familyscholarship{
  width:100% !important;
  padding-top:1rem;
  background-color: #DDEEFF;
}
#familyscholarship #myino{
  width:80% !important;
  margin:0 auto;
}
#familyscholarship{
  width:100% !important;
  padding-top:1rem;
  background-color: #DDEEFF;
}
#familyscholarship #myino{
  width:80% !important;
  margin:0 auto;
}

#heiganform #myino{
  width:80% !important;
  margin:0 auto;
}
#heiganform{
  padding-top:1rem;
  background-color: #DDEEFF;
  margin:0 auto 0 1rem;
}
#heiganform #myino{
  width:80% !important;
  margin:0 auto;
}
#privacy_agree{
/*  width:100%; */
}
#privacy_agree #ttl{
  width:100%;
  text-align: center;
  margin:1rem auto;
}
#privacy_agree #cont{
  width:85%;
  padding:3%;
  border:1px solid #AAA;
  margin: 0 auto;
  text-align: left;
  margin-bottom:1rem;
}
#entrybtns{
  width:100%;
  position:fixed;
  bottom:0;
  background: rgba(256 , 208 , 0 , 0.8);
  padding:1rem;
}
#entrybtns ul{
  width:100%;
  bottom:0;
}
#entrybtns ul li{
  display:inline-block;
}
#entrybtns ul li:nth-child(1){
  width:68%;
  text-align: right;
  font-weight:bold;
}
#entrybtns ul li:nth-child(2){
  width:20%;
  text-align: center;
}
#entrybtns ul li:nth-child(3){
  width:10%;
  text-align: left;
}
#innerborder_wht{
  width:100%;
  display:block;
  margin:0 auto;
  padding:0.1rem;
  border:2px solid #FFF;
  border-radius:0.2rem;
}
#application_inactive , #application_inactive{
  width:10%;
  text-align:center;
}
.shiteiko_codebox{
  padding:1rem;
/*  background-color: #DDEEFF; */
}

/* 特定商取引　*/
#tokusho table{
  width:90%;
  margin:0 auto;
  border-collapse:collapse;
  border-spacing:0px;
}
#tokusho table th{
  width:30%;
  height:30px;
  border:1px solid #333;
  background-color: #E5EFF7;
}
#tokusho table td{
  width:70%;
  height:30px;
  padding:1%;
  border:1px solid #333;
  background-color: #FFF;
}
#facephoto{
  width: 100%;
  background-color:#FFF;
  border:1px solid #E5EFF7;
  border-radius:  1rem;
}
#ttl_facephoto{
  width:90%;
  margin:1rem auto;
  font-size:2rem;
  border-left:5px solid #057FD7;
  padding-left:1rem;
}
#facephotos{
  width:90%;
  margin:0 auto;
}
#facephotos_ok{
  width:49%;
  display: inline-block;
}
#facephotos_ok img{
  width:49%;
  display: inline-block;
  vertical-align: top;
}

#facephoto_expl{
  position:relative;
  width:49%;
  display: inline-block;
  vertical-align: top;
  padding-left:1rem;
}
#facephoto_expl span{
  position:absolute;
  height:1.7rem;
  left:0;
}
#facephotos_ng{
  width:100%;
}
#facephotos_ng ul{
  width:100%;
}
#facephotos_ng ul li{
  width:24%;
  display:inline-block;
  vertical-align: top;
}
#facephotos_ng ul li img{
  width:90%;
  margin:0 auto;
}
#facephoto_ng_expl{
  width:90%;
  margin:0.1rem auto 1.5rem 0;
}
.ttl_document{
  width:100%;
  font-size:1rem;
  font-weight:500;
  color:#057FD7;
  margin:0.5rem auto;
  padding:10px 0 10px 2%;
  border:2px solid #057FD7;
  border-radius:10px;
}
.explbox_document{
  width:100%;
  background-color:#FFD000;
  border-radius: 1rem;
  padding:1rem;
}
.cautionmark{
  width:25px;
}
.cautionmark img{
  width:100%;
}
.btn_applicationapproval::after{
  position:absolute;
  content: "▼";
  color: #057FD7;
  right:20px;
}
.btn_applicationapproval_change::after{
  position:absolute;
  content: "▲";
  color: #057FD7;
  right:20px;
}
.btn_surveyreport::after{
  position:absolute;
  content: "▼";
  color: #057FD7;
  right:20px;
}
.btn_surveyreport_change::after{
  position:absolute;
  content: "▲";
  color: #057FD7;
  right:20px;
}
.btn_recommendation::after{
  position:absolute;
  content: "▼";
  color: #057FD7;
  right:20px;
}
.btn_recommendation_change::after{
  position:absolute;
  content: "▲";
  color: #057FD7;
  right:20px;
}
.btn_zaishoku::after{
  position:absolute;
  content: "▼";
  color: #057FD7;
  right:20px;
}
.btn_zaishoku_change::after{
  position:absolute;
  content: "▲";
  color: #057FD7;
  right:20px;
}
.expl_close{
  width:100%;
  display:none;
  text-align:justify;
}
#kigencaution{
  margin:0 auto;
  border:1px solid #F00;
  padding:10px;
}
#passresult{
  font-weight:500;
  font-size:1.5rem;
  padding:1rem 0;
}
#footer_link{
  width:100%;
  margin:10px auto;
  padding-top:10px;
  border-top:1px solid #CCC;
}
#footer_link ul{
  width:100%;
  max-width:860px;
  margin:0 auto;
}
#footer_link ul li{
  width:49%;
  display:inline-block;
  font-size:0.7rem;
  text-align:center;
}
#footer_link ul li a{
    color:#333;
}
.topmessage{
  border:1px solid #F00;
  padding:1rem;
  margin-bottom:1rem;
}
#shakaijin_msgbox{
}
#shakaijin_msgbox li{
	padding:0;
}
.shakaijin_msg{
  width:90%;
  margin: 1rem auto;
  padding:1rem;
  border:2px solid #A00;
  color:#A00;
}
.shakaijin_msg2{
  width:98%;
  margin: 1rem 0;
  padding:2%;
  border:2px solid #DDD;
}
.idphoto_retryformbox{
  width:90%;
  margin:20px auto;
}
.idphoto_retryform{
  padding:1rem;

}
.idphoto_retryform #reup_dummy , .idphoto_retryform #reup_submit
{
  width:300px;
  border:0px;
  height:2rem;
  border-radius: 5px;
  color:#FFF;
  margin-bottom:5px;
  text-align:center;
  padding:0.4rem;
}
.idphoto_retryform ul{
  width:100%;
}
.idphoto_retryform ul li{
  display:inline-block;
}
#previewbox{
  width:100px;
  margin-left:1rem;
}
#previewbox img{
  width:100%;
}


}/*PCここまで*/

@media screen and (max-width: 860px) and  (min-width: 480px){ /*ウィンドウ幅が480px以上の場合に適用*/

 input[type='text']{
 	height:2rem;
 }
input[type='password']{
 	height:2rem;
 }

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]:focus,
input[type="button"]:focus {
  outline-offset: -2px;
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
    &::-webkit-search-decoration {
      display: none;
    }
    &::focus {
      outline-offset: -2px;
    }
}
input[type="checkbox"]{
  width:1.5rem;
  height:1.5rem;
  vertical-align: middle;
  margin-right:0.5rem;
}
input[type="radio"]{
  width:1.3rem;
  height:1.3rem;
  vertical-align: bottom;
  margin-right:0.5rem;
}
form button:hover {
  cursor: pointer;
  opacity:0.8;
}

.w10{
	width:10% !important;
}
.w20{
	width:20% !important;
}
.w25{
	width:25% !important;
}
.w30{
	width:29% !important;
}
.w40{
	width:39% !important;
}
.w50{
	width:49% !important;
}
.w60{
	width:59% !important;
}
.w70{
	width:69% !important;
}
.w80{
	width:79% !important;
}
.w90{
	width:89% !important;
}
.w100{
	width:99% !important;
}
.txtclr_bl{
	color:#057FD7 !important;
}
.txtclr_yllw{
	color:#FFC000;
}
.txtclr_rd{
	color:#FF0000;
}
.txtclr_blck{
	color:#333 !important;
}
.txtclr_grey{
	color:#7F7F7F !important;
}
.txtwght_500{
  font-weight:500;
}
.txt_lg{
	font-size:1.3rem;
}

.block_center{
  margin:0 auto;
}
.uline{
	height:1px;
}
.noline_b{
	border:0 !important;
}

.ulnclr_yllw{
	border-bottom:2px solid #FFD000;
}
.ulnclr_blck{
	border-bottom:2px solid #666;
}
.ulnclr_blck_nrw{
	border-bottom:1px solid #DDD;
}
.lsttype{
	position:absolute;margin-right:0.1rem;height:5rem;
}
.mgn_l20{
	margin-left:20px;
}
.mgn_b1rem{
	margin-bottom:1rem;
}

.txtalgn_l{
	text-align: left;
}
.txtalgn_r{
	text-align: right;
}
.txtalgn_c{
	text-align: center;
}
.txtsize_smll{
  font-size:0.7rem;
}
.txtsize_middle{
  font-size:1rem;
}
.txtsize_big{
  font-size:1.2rem;
}
.valgn_t{
	vertical-align: top !important;
}
.underl{
	margin-bottom:2%;
	border-bottom:1px solid #aaa;
}
.mgnt05{
  margin-top:0.5rem;
}
.mgnb1{
  margin-bottom:0.5rem !important;
}

.btn0{
  display:inline-block;
  padding:10px;
  height:2.8rem;
}
.btn1{
	padding:10px;
  border-radius:0.3rem;
}
.btn2{
  width:7rem;
  padding:0.2rem;
  border:2px solid #057FD7;
  border-radius:0.3rem;
}
.btn3{
  width:7rem;
  padding:0.1rem;
  border-radius:0.3rem;
  border:2px solid #DDD;
}
.btn4{
  width:12rem;
  padding:0.1rem;
  border-radius:0.3rem;
  border:2px solid #DDD;
}
.btnclr_bl{
	color:#FFF;
	background-color: #057FD7;
	border:1px solid #057FC7;
}
.btnclr_grey{
	color:#FFF;
	background-color: #CCC;
	border:1px solid #CCC;
}
.btnclr_yllw{
	color:#000 !important;
	background-color: #FFC000 !important;
	border:1px solid #FFC000 !important;
}
.btnclr_blck{
	color:#FFF;
	background-color: #000;
	border:1px solid #000;
}
.ttl_block{
	width:100%;
	font-size:1.3rem;
	color:#000;
	margin-bottom:10px;
}
.ttl_block ul{
	width:100%;
}
.ttl_block ul li{
	width:68%;
	display: inline-block;
}
.ttl_block ul li:nth-child(2){
	width:30%;
	text-align:right;
}
.caution{
	font-weight:bold;
	color:#A00;
}
.bgclr_wht{
	background-color:#FFF;
}
.bgclr_yllw{
	background-color:#FFD000;
}
.bgclr_orng{
	background-color:#F63;
}
.bgclr_bl{
	background-color:#057FD7;
}
.bgclr_gr{
	background-color:#73e5dc;
}
.check_rd{
  background-color: #FFF;
  color:red;
  width:1.5rem;
  border-radius: 1rem;
  font-size:1.2rem;
}
/*  マイページ登録 */
.registbox{
	width:70%;
	margin:0 auto;
	text-align: center;
}
.registbox input[type='text']{
	height:2rem;
	margin-bottom:1rem;
}
.registbox .setpasswd{
	width:70%;
	margin:1rem auto;
}
.registbox .setpasswd li{
	width:100%;
	margin:0 auto;
}
.registbox .setpasswd li input[type='password']{
	width:80%;
	margin-bottom:0.5rem;
}
.registbox .privacyagree{
	width:100%;
}
.privacycont{
	width:100%;
	margin:0 auto;
	height:200px;
	overflow-y:scroll;
	border:1px solid #ddd;
	padding:2%;
	text-align:left;
}
.privacycont dd{
	width:100%;
}
.privacycont dd ul{
	width:100%;
}
.privacycont dd ul li{
	width:100%;
}





/*　共通パーツ */
.contentheader{
  width:80%;
  margin:0 auto;
  max-width:860px;
  min-width:860px;
}
.contentheader ul{
  width:100%;
}
.membername{
	width:65%;
	margin:20px auto;
  font-size:1.3rem;
  display:inline-block;
}
.rtnbtn{
  width:30.5%;
  display:inline-block;
  text-align: right;
}
.rtnbtn button{
  height:2rem;
  border:1px solid #057FD7;
  background-color:#057FD7;
  color:#FFF;
}
.viewlet{
  position:absolute;
  top:0;
  left:0;
}
.viewlet_dwn{
  position:absolute;
  right:0.5rem;
  line-height: 1.5rem;
}
.mark_check{
  position:absolute;
  right:0.5rem;
  line-height: 1.5rem;
}

/* 利用規約　*/
#riyoindent ul li{
  padding-left:2rem;
  position:relative;
}
#riyoindent2 ul li{
  padding-left:1.2rem;
  position:relative;
}

/* トップページ　*/
.topics{
	border:2px solid #AAA;
}
#topicslst{
	width:100%;
}
#topicslst ul{
	width:100%;
	padding-bottom:10px;
}
#topicslst ul li{
	display:inline-block;
	vertical-align:top;
}
#topicdetaillink{
	width:80%;
	font-size:0.9em;
	border:1px solid #057FD7;
	text-align: center;
	background-color: #DEF;
}

.menubtnlst ul{
	width:100%;
}
.menubtnlst ul li{
	width:32%;
	display:inline-block;
	vertical-align: top;
	padding-bottom:10px;
}
.menubtnlst ul li button{
	width:90%;
	height:100px;
	border:2px solid #057FD7;
	border-radius: 5px;
	font-size:1rem;
	color:#FFF;
	background-color: #057FD7;
	box-shadow: 0px 0px 5px 5px rgba( 50, 50, 50, 0.1);
}
.menubtnlst ul li button.b_off {
	background-color: #DDD;
	border:2px solid #CCC;
	color:#666;
	box-shadow: 0px 0px 0 0 rgba( 50, 50, 50, 0.1);
}
.menubtnlst ul li button.b_yllw {
	background-color: #FFD000;
	border:2px solid #FFC000;
	color:#000;
	box-shadow: 0px 0px 5px 5px rgba( 50, 50, 50, 0.1);
}
.menubtnlst .itemlineup{
	width:100%;
}
.menubtnlst .itemlineup li{
	width:19%;
}
.shopbtns{
	margin:1rem 0;
}
.smlttl{
	color:#057FD7;
}

.txtsml{
	font-size:0.7rem;
}
.smlcaution{
	font-size:0.7rem;
	color:#A67;
}
.msgbox{
	width:100%;
	padding:2% 0;
	border-radius: 5px;
	text-align:left;

}
.msgbox2{
  width:95% !important;
	border:0
	padding:0;
}
.errmsg{
	color:#A00;
}
.viewlet_rd{
  color:#A00;
}
/* よくある質問　*/
.qatext{
	position:relative;
	padding-left:1rem;
}
.qattl{
	position:absolute;
	height:3rem;
	top:0;
	left:0;
}

#login_form{
	width:100%;
}
#login_form ul{
	width:100%;
}
#login_form li{
	width:100%;
	text-align:center;
	padding:10px;
}
#login_form li input[type='email']{
	width:50%;
	height:40px;
}
#login_form li input[type='password'] , #passwordregist_form li input[type='password'] , #passwordregist_form li input[type='text']{
	width:50%;
	height:40px;
	margin-bottom:5px;
  border-color: #AAA;
}
#reminder{
	width:100%;
	text-align: center;
}
#reminder li input[type='password'] , #reminder li input[type='password'] , #reminder li input[type='text']{
	width:50%;
	height:40px;
	margin:5px auto;
}

#passwordregist_form{
	text-align: center;
}
#riyokiyaku{
	height:300px;
	overflow-y:scroll;
}
#kiyakucheck{
	width:100%;
	text-align: center;
	margin:20px auto;
}
/* お問合せ */
#contactlst{
	width:100%;
}
#contactlst ul{
	width:100%;
}
#contactlst ul li{
	display:inline-block;
	padding:10px;
}
#contactlst ul li:nth-child(4n){
	border-bottom:1px dotted #AAA;
	padding:0;
}
#contact_form{
	width:100%;
	margin:0 auto;
}
#contact_form ul{
	width:100%;
	margin:0 auto;
}
#contact_form li{
	display:inline-block;
	vertical-align: top;
	padding-bottom:10px;

}

/* 登録内容 */
#myinfo{
	width:100%;
}
#myinfo ul{
	width:100%;
}
#myinfo ul li{
	display:inline-block;
	vertical-align: middle;
	padding:1%;
}
#myinfochange{
	color:#000;
	text-align:center;
}
#micertification{
	width:100%;
}
#micertification ul{
	width:100%;
}
#micertification ul li{
	display:inline-block;
	vertical-align: top;
  padding-bottom:0.4rem;
}
#certification{
  position:relative;
  line-height: 1.3rem;
  margin:0 0 0.5rem;
  padding-left:0.9rem;
}
#certification_fixed{
  position:relative;
  line-height: 1.3rem;
  color:#700;
  font-weight:bold;
  padding-left:0.9rem;
}
#certification span.cviewlet , #certification_fixed span.cviewlet{
  position:absolute;
  top:0.1rem;
  left:0.1rem;
  font-size:0.4rem;
  height:2rem;
}
#applibox{
	width:12rem;
	height:3rem;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	margin:0 auto;
/*	background-color:#FFD000; */
	border-radius: 5px;
	font-weight:bold;
	padding-top:1%;
	padding-bottom:1%;
}
.waku_wht{
			width: 98%;
      height:2.8rem;
	    border: 2px solid #FFF;
	    margin: 0 auto;
      padding-top:0.5rem;
    	padding-bottom:0.5rem;
	    vertical-align: middle;
	    border-radius: 5px;
	    display: inline-table;
      color:#000;
      font-size:0.8rem;
}

#newarrival{
	width:1.5rem;
	height:1.2rem;
	display: inline-table;
	border:1px solid #F00;
	border-radius: 50%;
	margin-left:0.5rem;
	background-color:#F00;
	color:#FFF;
	font-size:0.8rem;
	padding:0.1rem;
	vertical-align: bottom;
}
#newarrival2{
	width:2.5rem;
	height:1.5rem;
	display: inline-table;
	border:1px solid #F00;
	border-radius: 50%;
	margin-left:0.5rem;
	background-color:#F00;
	color:#FFF;
	font-size:0.8rem;
	padding:0.2rem;
	margin-bottom:-3px;
	vertical-align: bottom;
}
/*　スケジュール */
#stepttl{
	border:5px solid ##FFD000;;
	background-color:#FFD000;
	padding:5px;
	font-size:1.2rem;
	color:#000;
	margin-top:20px;
}


#stepbox0{
	margin:10px auto;
}
#stepbox1{
  height:5rem;
	border:1px solid #057FD7;;
	border-left:5px solid #057FD7;
	background-color:#DDEEFF;
	color:#000;
	padding-left:10px;
	position: relative;
	margin:20px auto;
}
#stepbox2{
  height:5rem;
	border:1px solid #057FD7;;
	border-left:5px solid #057FD7;
	background-color:#DDEEFF;
	color:#000;
	padding-left:10px;
	position: relative;
	margin:20px auto;
}

#stepbox1 p{
	position: absolute;
	margin:0;
	top: 50%;
	transform: translate(0, -50%);
}
#stepsubttl{
	border-bottom:1px solid #DD6633;
	padding:5px;
	font-size:1.2rem;
	color:#DD6633;
	margin-top:10px;
}
#stepttl0{
	width:100px;
	height:100px;
	border-radius: 50%;
	padding:1%;
	font-size:0.8rem;
	margin-top:0px;
	text-align:center;
	position:relative;
}
#stepttl0 p{
	width:100%;
	position: absolute;
	top: 50%;
	margin:0 auto;
	transform: translate(0, -50%);
}
#stepttl2{
	width:100px;
	height:100px;
	padding:1%;
	font-size:0.8rem;
	margin-top:0px;
	text-align:center;
	position:relative;
}
#stepttl2 p{
	width:100%;
	position: absolute;
	top: 50%;
	margin:0 auto;
	transform: translate(0, -50%);
}
.stepttl_clr1{
	background-color:#FFF;
	color:#000;
	border:5px solid #FFD000;
}
.stepttl_clr2{
	background-color:#DDEEFF;
	color:#000;
	border-color:#057FD7;
	border:5px solid #057FD7;
}
.stepttl_clr3{
	background-color:#FFF;
	color:#000;
	border-color:#333;
	border:2px solid #333;
}

#stepexpl{
	padding:1%;
	color:#000;
}
#stepexpl ul{
	width:100%;
	vertical-align: top;

}
#stepexpl ul li{
	vertical-align: middle;
	display: inline-block;
}
#stepexpl ul li ul{
		width:100%;
}
#stepexpl ul li ul li{
}

#term{
	color:#FF6633;
	padding:5px;
	font-weight:bold;
	background-color:#FFEEDD;
}
/*　よくある質問 */
.question{
	font-size:1.0rem;
	color:#057FD7;

}
.openBox{
	margin:20px 0;
}

/* ステータス表示 */
#sts_stepcompletemsg{
  text-align: center;
  font-size: 1.1rem;
}
#sts_nextstepmsg{
  width:80%;
  text-align: center;
  border:2px solid #A00;
  border-radius: 5px;
  text-align: center;
  font-size: 1.1rem;
  margin:20px auto;
  color:#A00;
}
div#sts_nowcontent{
  width:80%;
  margin:0 auto;

}

div#sts_nowcontent button{
  width:300px;
  border:0px;
  height:2rem;
  border-radius: 5px;
  color:#FFF;
/*  background-color:#057FD7; */
  margin-bottom:5px;
}

div#sts_nowcontent ul#sts_aoacception{
  width:80%;
  margin:0 auto;
  vertical-align: top;
}
div#sts_nowcontent ul#sts_aoacception li{
  width:30%;
  display:inline-block;
  vertical-align: top;
  margin-bottom:10px;
}
div#sts_nowcontent ul#sts_aoacception li:nth-child(2n){
  width:68%;
  display:inline-block;
}
div#sts_nowcontent ul#sts_payment{
  width:100%;
  margin:0 auto;
  vertical-align: top;
}
div#sts_nowcontent ul#sts_payment li{
  width:100%;
  display:inline-block;
  vertical-align: top;
  margin-bottom:10px;
}
div#sts_nowcontent ul#sts_payment li:nth-child(2n){
  width:100%;
  display:inline-block;
}
div#sts_nowcontent ul#sts_payment li button{
  width: 90%;
  height: 5rem;
  border: 2px solid #FFD000;
  border-radius: 5px;
  font-size: 1rem;
  color: #333;
  background-color: #FFD000;
  box-shadow: 0px 0px 5px 5px rgb(50 50 50 / 10%);
}
div#sts_nowcontent ul#sts_application_submission{
  width:100%;
  margin:0 auto;
  vertical-align: top;
}
div#sts_nowcontent ul#sts_application_submission li{
  width:100%;
  position:relative;
  display:inline-block;
  vertical-align: top;
  margin-bottom:10px;
}
div#sts_nowcontent ul#sts_application_submission li ul{
  width:100%;
}
div#sts_nowcontent ul#sts_application_submission li ul li{
  width:100% !important;
  display:inline-block;
  vertical-align: top;
  padding-left:1rem;
}
div#sts_nowcontent ul#sts_application_submission li ul li span#maruno{
  position:absolute;
  top:0;
  left:0;
}

div.nowcontent_ttl{
  width:100%;
  background-color: #FFC000;
  padding:0.5rem;
  font-weight:600;
}

/* クレジットカード決済 */
.payInfoArea{

}
.payInfoArea h2{
  margin-bottom:0.5rem;
}
.payInfoArea hr{
  margin-top:1.5rem;
}

#myinfo .logoList{
  width:100%;
}
#myinfo .logoList{
  width:100%;
}
#myinfo .logoList li{
  width:13%;
  text-align: center;
}
#myinfo .logoList li img{
  width:90%;
}
#securitycode{
  width:100%;
}
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #FFF;
  opacity:0.7;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #111;
  z-index: 2;
}




/* 出願登録 */
.application ul li{
  position:relative;
  padding-left:1rem;
}
#entry{
  width:90%;
  margin:0 auto;
}
#entry ul{
  width:100%;
}
#entry ul li{
  display:inline-block;
  width:25%;
  vertical-align: top;
  margin-bottom:1rem;
}
#entry ul li:nth-child(2n){
  width:72%;
}
#entry ul li#shitei{
  width:72%;
}
#entry ul li#shiteibtn{
  width:26%;
  text-align:right;
}
#entry ul li#heiganbtn{
  width:25%;
}
#entry ul li .aspiration_pd{
  width:100%;
  margin-top:-0.2rem;
  margin-bottom:0.2rem;
}
#entry ul li .aspiration_pd {
  width:100%;
}
#entry ul li .aspiration_pd li{
  width:100%;
  border:1px solid #aaa;
  margin:0;
  line-height:2rem;
}
#entry ul li ul#myinfo li{
  width:20%;
  color:#057FD7;
}
#entry ul li ul#myinfo li:nth-child(2n){
  width:78%;
  color:#333;
  vertical-align: bottom;
}
#entry ul li ul#myinfo li#educationhistory ul{
  width:100%;
  color:#333;
}
#entry ul li ul#myinfo li#educationhistory ul li{
  width:100%;
  margin:0;
}
.ma_graduate_slct{
  width:28%;
  border-color:#aaa;
}
#idphoto_prvw{
  margin-top:1rem;
}
.img-wrap img{
 max-width: none;
 position: absolute;
 top: 40%;
 left: 50%;
 margin-right: -50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
.img-wrap{
  widdth:120px;
 border:1px solid #AAA;
 width:120px;
 height:160px;
 position: relative;
 overflow:hidden;
 background-color: #FFF;
 margin-top:1rem;
}
.selectaspiring{
  width:100%;
  height:2.5rem;
  vertical-align: middle;
  margin-bottom: 0.2rem;
  color:#FFF;
  background-color: #057FD7;
  border:0;
}
#familyscholarship{
  width:100% !important;
  padding-top:1rem;
  background-color: #DDEEFF;
}
#familyscholarship #myino{
  width:80% !important;
  margin:0 auto;
}
#familyscholarship{
  width:100% !important;
  padding-top:1rem;
  background-color: #DDEEFF;
}
#familyscholarship #myino{
  width:80% !important;
  margin:0 auto;
}

#heiganform #myino{
  width:80% !important;
  margin:0 auto;
}
#heiganform{
  padding-top:1rem;
  background-color: #DDEEFF;
  margin:0 auto 0 1rem;
}
#heiganform #myino{
  width:80% !important;
  margin:0 auto;
}
#privacy_agree{
/*  width:100%; */
}
#privacy_agree #ttl{
  width:100%;
  text-align: center;
  margin:1rem auto;
}
#privacy_agree #cont{
  width:85%;
  padding:3%;
  border:1px solid #AAA;
  margin: 0 auto;
  text-align: left;
  margin-bottom:1rem;
}
#entrybtns{
  width:100%;
  position:fixed;
  bottom:0;
  background: rgba(256 , 208 , 0 , 0.8);
  padding:1rem;
}
#entrybtns ul{
  width:100%;
  bottom:0;
}
#entrybtns ul li{
  display:inline-block;
}
#entrybtns ul li:nth-child(1){
  width:68%;
  text-align: right;
  font-weight:bold;
}
#entrybtns ul li:nth-child(2){
  width:20%;
  text-align: center;
}
#entrybtns ul li:nth-child(3){
  width:10%;
  text-align: left;
}
#innerborder_wht{
  width:100%;
  display:block;
  margin:0 auto;
  padding:0.1rem;
  border:2px solid #FFF;
  border-radius:0.2rem;
}
#application_inactive , #application_inactive{
  width:10%;
  text-align:center;
}
.shiteiko_codebox{
  padding:1rem;
/*  background-color: #DDEEFF; */
}

/* 特定商取引　*/
#tokusho table{
  width:90%;
  margin:0 auto;
  border-collapse:collapse;
  border-spacing:0px;
}
#tokusho table th{
  width:30%;
  height:30px;
  border:1px solid #333;
  background-color: #E5EFF7;
}
#tokusho table td{
  width:70%;
  height:30px;
  padding:1%;
  border:1px solid #333;
  background-color: #FFF;
}
#facephoto{
  width: 100%;
  background-color:#FFF;
  border:1px solid #E5EFF7;
  border-radius:  1rem;
}
#ttl_facephoto{
  width:90%;
  margin:1rem auto;
  font-size:2rem;
  border-left:5px solid #057FD7;
  padding-left:1rem;
}
#facephotos{
  width:90%;
  margin:0 auto;
}
#facephotos_ok{
  width:49%;
  display: inline-block;
}
#facephotos_ok img{
  width:49%;
  display: inline-block;
  vertical-align: top;
}

#facephoto_expl{
  position:relative;
  width:49%;
  display: inline-block;
  vertical-align: top;
  padding-left:1rem;
}
#facephoto_expl span{
  position:absolute;
  height:1.7rem;
  left:0;
}
#facephotos_ng{
  width:100%;
}
#facephotos_ng ul{
  width:100%;
}
#facephotos_ng ul li{
  width:24%;
  display:inline-block;
  vertical-align: top;
}
#facephotos_ng ul li img{
  width:90%;
  margin:0 auto;
}
#facephoto_ng_expl{
  width:90%;
  margin:0.1rem auto 1.5rem 0;
}
.ttl_document{
  width:100%;
  font-size:1rem;
  font-weight:500;
  color:#057FD7;
  margin:0.5rem auto;
  padding:10px 0 10px 2%;
  border:2px solid #057FD7;
  border-radius:10px;
}
.explbox_document{
  width:100%;
  background-color:#FFD000;
  border-radius: 1rem;
  padding:1rem;
}
.cautionmark{
  width:25px;
}
.cautionmark img{
  width:100%;
}
.btn_applicationapproval::after{
  position:absolute;
  content: "▼";
  color: #057FD7;
  right:20px;
}
.btn_applicationapproval_change::after{
  position:absolute;
  content: "▲";
  color: #057FD7;
  right:20px;
}
.btn_surveyreport::after{
  position:absolute;
  content: "▼";
  color: #057FD7;
  right:20px;
}
.btn_surveyreport_change::after{
  position:absolute;
  content: "▲";
  color: #057FD7;
  right:20px;
}
.btn_recommendation::after{
  position:absolute;
  content: "▼";
  color: #057FD7;
  right:20px;
}
.btn_recommendation_change::after{
  position:absolute;
  content: "▲";
  color: #057FD7;
  right:20px;
}
.btn_zaishoku::after{
  position:absolute;
  content: "▼";
  color: #057FD7;
  right:20px;
}
.btn_zaishoku_change::after{
  position:absolute;
  content: "▲";
  color: #057FD7;
  right:20px;
}
.expl_close{
  width:100%;
  display:none;
  text-align:justify;
}
#kigencaution{
  margin:0 auto;
  border:1px solid #F00;
  padding:10px;
}
#passresult{
  font-weight:500;
  font-size:1.5rem;
  padding:1rem 0;
}
#footer_link{
  width:100%;
  margin:10px auto;
  padding-top:10px;
  border-top:1px solid #CCC;
}
#footer_link ul{
  width:100%;
  max-width:860px;
  margin:0 auto;
}
#footer_link ul li{
  width:49%;
  display:inline-block;
  font-size:0.7rem;
  text-align:center;
}
#footer_link ul li a{
    color:#333;
}
.topmessage{
  border:1px solid #F00;
  padding:1rem;
  margin-bottom:1rem;
}
#shakaijin_msgbox{
}
#shakaijin_msgbox li{
	padding:0;
}
.shakaijin_msg{
  width:90%;
  margin: 1rem auto;
  padding:1rem;
  border:2px solid #A00;
  color:#A00;
}
.shakaijin_msg2{
  width:98%;
  margin: 1rem 0;
  padding:2%;
  border:2px solid #DDD;
}
.idphoto_retryformbox{
  width:90%;
  margin:20px auto;
}
.idphoto_retryform{
  padding:1rem;

}
.idphoto_retryform #reup_dummy , .idphoto_retryform #reup_submit
{
  width:300px;
  border:0px;
  height:2rem;
  border-radius: 5px;
  color:#FFF;
  margin-bottom:5px;
  text-align:center;
  padding:0.4rem;
}
.idphoto_retryform ul{
  width:100%;
}
.idphoto_retryform ul li{
  display:inline-block;
}
#previewbox{
  width:100px;
  margin-left:1rem;
}
#previewbox img{
  width:100%;
}
.orderinfo{
	width:90%;
}
.orderinfo li{
	border-bottom:1px solid #CCC;
}
.orderinfo li.shohinmei{
	width:40%;
}
.orderinfo li.shohinsize{
	width:10%;
	text-align:center;
}
.orderinfo li.shohinnum{
	width:10%;
	text-align:center;
}
.orderinfo li.shohincost{
	width:30%;
	text-align:right;
}
.orderinfo li.shohinmei{
	width:25%;
}
.orderinfo li.shohinsize{
	width:10%;
	text-align:center;
}
.orderinfo li.shohinnum{
	width:30%;
	text-align:center;
}
.orderinfo li.shohincost{
	width:13%;
	text-align:right;
}
.orderinfo li.paymenttype{
	width:18%;
	text-align:right;
}
.orderinfo li.shohinttlcost{
	width:31%;
	text-align:right;
}

} /*タブレットここまで */

@media screen and (max-width: 479px) { /*ウィンドウ幅が480px以上の場合に適用*/


 input[type='text']{
 	height:2rem;
 }
input[type='password']{
 	height:2rem;
 }

input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]:focus,
input[type="button"]:focus {
  outline-offset: -2px;
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
    &::-webkit-search-decoration {
      display: none;
    }
    &::focus {
      outline-offset: -2px;
    }
}
input[type="checkbox"]{
  width:1.5rem;
  height:1.5rem;
  vertical-align: middle;
  margin-right:0.5rem;
}
input[type="radio"]{
  width:1.3rem;
  height:1.3rem;
  vertical-align: bottom;
  margin-right:0.5rem;
}
form button:hover {
  cursor: pointer;
  opacity:0.8;
}

.w10{
	width:10% !important;
}
.w20{
	width:20% !important;
}
.w25{
	width:25% !important;
}
.w30{
	width:29% !important;
}
.w40{
	width:39% !important;
}
.w50{
	width:49% !important;
}
.w60{
	width:59% !important;
}
.w70{
	width:69% !important;
}
.w80{
	width:79% !important;
}
.w90{
	width:89% !important;
}
.w100{
	width:99% !important;
}
.txtclr_bl{
	color:#057FD7 !important;
}
.txtclr_yllw{
	color:#FFC000;
}
.txtclr_rd{
	color:#FF0000;
}
.txtclr_blck{
	color:#333 !important;
}
.txtclr_grey{
	color:#7F7F7F !important;
}
.txtwght_500{
  font-weight:500;
}
.txt_lg{
	font-size:1.3rem;
}

.block_center{
  margin:0 auto;
}
.uline{
	height:1px;
}
.noline_b{
	border:0 !important;
}

.ulnclr_yllw{
	border-bottom:2px solid #FFD000;
}
.ulnclr_blck{
	border-bottom:2px solid #666;
}
.ulnclr_blck_nrw{
	border-bottom:1px solid #DDD;
}
.lsttype{
	position:absolute;margin-right:0.1rem;height:5rem;
}
.mgn_l20{
	margin-left:20px;
}
.mgn_b1rem{
	margin-bottom:1rem;
}

.txtalgn_l{
	text-align: left;
}
.txtalgn_r{
	text-align: right;
}
.txtalgn_c{
	text-align: center;
}
.txtsize_smll{
  font-size:0.7rem;
}
.txtsize_middle{
  font-size:1rem;
}
.txtsize_big{
  font-size:1.2rem;
}
.valgn_t{
	vertical-align: top !important;
}
.underl{
	margin-bottom:2%;
	border-bottom:1px solid #aaa;
}
.mgnt05{
  margin-top:0.5rem;
}
.mgnb1{
  margin-bottom:0.5rem !important;
}

.btn0{
  display:inline-block;
  padding:10px;
  height:2.8rem;
}
.btn1{
	padding:10px;
  border-radius:0.3rem;
}
.btn2{
  width:7rem;
  padding:0.2rem;
  border:2px solid #057FD7;
  border-radius:0.3rem;
}
.btn3{
  width:7rem;
  padding:0.1rem;
  border-radius:0.3rem;
  border:2px solid #DDD;
}
.btn4{
  width:12rem;
  padding:0.1rem;
  border-radius:0.3rem;
  border:2px solid #DDD;
}
.btnclr_bl{
	color:#FFF;
	background-color: #057FD7;
	border:1px solid #057FC7;
}
.btnclr_grey{
	color:#FFF;
	background-color: #CCC;
	border:1px solid #CCC;
}
.btnclr_yllw{
	color:#000 !important;
	background-color: #FFC000 !important;
	border:1px solid #FFC000 !important;
}
.btnclr_blck{
	color:#FFF;
	background-color: #000;
	border:1px solid #000;
}
.ttl_block{
	width:100%;
	font-size:1.3rem;
	color:#000;
	margin-bottom:10px;
}
.ttl_block ul{
	width:100%;
}
.ttl_block ul li{
	width:68%;
	display: inline-block;
}
.ttl_block ul li:nth-child(2){
	width:30%;
	text-align:right;
}
.caution{
	font-weight:bold;
	color:#A00;
}
.bgclr_wht{
	background-color:#FFF;
}
.bgclr_yllw{
	background-color:#FFD000;
}
.bgclr_orng{
	background-color:#F63;
}
.bgclr_bl{
	background-color:#057FD7;
}
.bgclr_gr{
	background-color:#73e5dc;
}
.check_rd{
  background-color: #FFF;
  color:red;
  width:1.5rem;
  border-radius: 1rem;
  font-size:1.2rem;
}
/*  マイページ登録 */
.registbox{
	width:100%;
	margin:0 auto;
	text-align: center;
}
.registbox input[type='text']{
	height:2rem;
	margin-bottom:1rem;
}
.registbox .setpasswd{
	width:70%;
	margin:1rem auto;
}
.registbox .setpasswd li{
	width:100%;
	margin:0 auto;
}
.registbox .setpasswd li input[type='password']{
	width:80%;
	margin-bottom:0.5rem;
}
.registbox .privacyagree{
	width:100%;
}
.privacycont{
	width:100%;
	margin:0 auto;
	height:200px;
	overflow-y:scroll;
	border:1px solid #ddd;
	padding:2%;
	text-align:left;
}
.privacycont dd{
	width:100%;
}
.privacycont dd ul{
	width:100%;
}
.privacycont dd ul li{
	width:100%;
}





/*　共通パーツ */
.contentheader{
  width:100%;
  margin:0 auto;
}
.contentheader ul{
  width:100%;
}
.membername{
	width:65%;
	margin:20px auto;
  font-size:1.3rem;
  display:inline-block;
}
.rtnbtn{
  width:30.5%;
  display:inline-block;
  text-align: right;
}
.rtnbtn button{
  height:2rem;
  border:1px solid #057FD7;
  background-color:#057FD7;
  color:#FFF;
}
.viewlet{
  position:absolute;
  top:0;
  left:0;
}
.viewlet_dwn{
  position:absolute;
  right:0.5rem;
  line-height: 1.5rem;
}
.mark_check{
  position:absolute;
  right:0.5rem;
  line-height: 1.5rem;
}

/* 利用規約　*/
#riyoindent ul li{
  padding-left:2rem;
  position:relative;
}
#riyoindent2 ul li{
  padding-left:1.2rem;
  position:relative;
}

/* トップページ　*/
.topics{
	border:2px solid #AAA;
}
#topicslst{
	width:100%;
}
#topicslst ul{
	width:100%;
	padding-bottom:10px;
}
#topicslst ul li{
	display:inline-block;
	vertical-align:top;
}
#topicdetaillink{
	width:80%;
	font-size:0.9em;
	border:1px solid #057FD7;
	text-align: center;
	background-color: #DEF;
}

.menubtnlst ul{
	width:100%;
}
.menubtnlst ul li{
	width:32%;
	display:inline-block;
	vertical-align: top;
	padding-bottom:10px;
}
.menubtnlst ul li button{
	width:90%;
	height:100px;
	border:2px solid #057FD7;
	border-radius: 5px;
	font-size:1rem;
	color:#FFF;
	background-color: #057FD7;
	box-shadow: 0px 0px 5px 5px rgba( 50, 50, 50, 0.1);
}
.menubtnlst ul li button.b_off {
	background-color: #DDD;
	border:2px solid #CCC;
	color:#666;
	box-shadow: 0px 0px 0 0 rgba( 50, 50, 50, 0.1);
}
.menubtnlst ul li button.b_yllw {
	background-color: #FFD000;
	border:2px solid #FFC000;
	color:#000;
	box-shadow: 0px 0px 5px 5px rgba( 50, 50, 50, 0.1);
}
.menubtnlst .itemlineup{
	width:100%;
}
.menubtnlst .itemlineup li{
	width:19%;
}
.shopbtns{
	margin:1rem 0;
}
.smlttl{
	color:#057FD7;
}
.txtsml{
	font-size:0.7rem;
}
.smlcaution{
	font-size:0.7rem;
	color:#A67;
}
.msgbox{
	width:100%;
	padding:2% 0;
	border-radius: 5px;
	text-align:left;

}
.msgbox2{
  width:95% !important;
	border:0
	padding:0;
}
.errmsg{
	color:#A00;
}
.itemerrmsg{
	color:#A00;
	margin:0;
	padding:0 ;
}

.viewlet_rd{
  color:#A00;
}
/* よくある質問　*/
.qatext{
	position:relative;
	padding-left:1rem;
}
.qattl{
	position:absolute;
	height:3rem;
	top:0;
	left:0;
}

#login_form{
	width:100%;
}
#login_form ul{
	width:100%;
}
#login_form li{
	width:100%;
	text-align:center;
	padding:10px;
}
#login_form li input[type='email']{
	width:50%;
	height:40px;
}
#login_form li input[type='password'] , #passwordregist_form li input[type='password'] , #passwordregist_form li input[type='text']{
	width:50%;
	height:40px;
	margin-bottom:5px;
  border-color: #AAA;
}
#reminder{
	width:100%;
	text-align: center;
}
#reminder li input[type='password'] , #reminder li input[type='password'] , #reminder li input[type='text']{
	width:50%;
	height:40px;
	margin:5px auto;
}

#passwordregist_form{
	text-align: center;
}
#riyokiyaku{
	height:300px;
	overflow-y:scroll;
}
#kiyakucheck{
	width:100%;
	text-align: center;
	margin:20px auto;
}
/* お問合せ */
#contactlst{
	width:100%;
}
#contactlst ul{
	width:100%;
}
#contactlst ul li{
	display:inline-block;
	padding:10px;
}
#contactlst ul li:nth-child(4n){
	border-bottom:1px dotted #AAA;
	padding:0;
}
#contact_form{
	width:100%;
	margin:0 auto;
}
#contact_form ul{
	width:100%;
	margin:0 auto;
}
#contact_form li{
	display:inline-block;
	vertical-align: top;
	padding-bottom:10px;

}

/* 登録内容 */
#myinfo{
	width:100%;
}
#myinfo ul{
	width:100%;
}
#myinfo ul li{
	display:inline-block;
	vertical-align: middle;
	padding:1%;
}
#myinfo .creditCardArea .orderqr{
	width:100%;
	text-align: center;
}
#myinfo .creditCardArea  .orderqr img{
	width:70%;
}

#myinfochange{
	color:#000;
	text-align:center;
}
#micertification{
	width:100%;
}
#micertification ul{
	width:100%;
}
#micertification ul li{
	display:inline-block;
	vertical-align: top;
  padding-bottom:0.4rem;
}
#certification{
  position:relative;
  line-height: 1.3rem;
  margin:0 0 0.5rem;
  padding-left:0.9rem;
}
#certification_fixed{
  position:relative;
  line-height: 1.3rem;
  color:#700;
  font-weight:bold;
  padding-left:0.9rem;
}
#certification span.cviewlet , #certification_fixed span.cviewlet{
  position:absolute;
  top:0.1rem;
  left:0.1rem;
  font-size:0.4rem;
  height:2rem;
}
#applibox{
	width:12rem;
	height:3rem;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	margin:0 auto;
/*	background-color:#FFD000; */
	border-radius: 5px;
	font-weight:bold;
	padding-top:1%;
	padding-bottom:1%;
}
.waku_wht{
			width: 98%;
      height:2.8rem;
	    border: 2px solid #FFF;
	    margin: 0 auto;
      padding-top:0.5rem;
    	padding-bottom:0.5rem;
	    vertical-align: middle;
	    border-radius: 5px;
	    display: inline-table;
      color:#000;
      font-size:0.8rem;
}

#newarrival{
	width:1.5rem;
	height:1.2rem;
	display: inline-table;
	border:1px solid #F00;
	border-radius: 50%;
	margin-left:0.5rem;
	background-color:#F00;
	color:#FFF;
	font-size:0.8rem;
	padding:0.1rem;
	vertical-align: bottom;
}
#newarrival2{
	width:2.5rem;
	height:1.5rem;
	display: inline-table;
	border:1px solid #F00;
	border-radius: 50%;
	margin-left:0.5rem;
	background-color:#F00;
	color:#FFF;
	font-size:0.8rem;
	padding:0.2rem;
	margin-bottom:-3px;
	vertical-align: bottom;
}
/*　スケジュール */
#stepttl{
	border:5px solid ##FFD000;;
	background-color:#FFD000;
	padding:5px;
	font-size:1.2rem;
	color:#000;
	margin-top:20px;
}


#stepbox0{
	margin:10px auto;
}
#stepbox1{
  height:5rem;
	border:1px solid #057FD7;;
	border-left:5px solid #057FD7;
	background-color:#DDEEFF;
	color:#000;
	padding-left:10px;
	position: relative;
	margin:20px auto;
}
#stepbox2{
  height:5rem;
	border:1px solid #057FD7;;
	border-left:5px solid #057FD7;
	background-color:#DDEEFF;
	color:#000;
	padding-left:10px;
	position: relative;
	margin:20px auto;
}

#stepbox1 p{
	position: absolute;
	margin:0;
	top: 50%;
	transform: translate(0, -50%);
}
#stepsubttl{
	border-bottom:1px solid #DD6633;
	padding:5px;
	font-size:1.2rem;
	color:#DD6633;
	margin-top:10px;
}
#stepttl0{
	width:100px;
	height:100px;
	border-radius: 50%;
	padding:1%;
	font-size:0.8rem;
	margin-top:0px;
	text-align:center;
	position:relative;
}
#stepttl0 p{
	width:100%;
	position: absolute;
	top: 50%;
	margin:0 auto;
	transform: translate(0, -50%);
}
#stepttl2{
	width:100px;
	height:100px;
	padding:1%;
	font-size:0.8rem;
	margin-top:0px;
	text-align:center;
	position:relative;
}
#stepttl2 p{
	width:100%;
	position: absolute;
	top: 50%;
	margin:0 auto;
	transform: translate(0, -50%);
}
.stepttl_clr1{
	background-color:#FFF;
	color:#000;
	border:5px solid #FFD000;
}
.stepttl_clr2{
	background-color:#DDEEFF;
	color:#000;
	border-color:#057FD7;
	border:5px solid #057FD7;
}
.stepttl_clr3{
	background-color:#FFF;
	color:#000;
	border-color:#333;
	border:2px solid #333;
}

#stepexpl{
	padding:1%;
	color:#000;
}
#stepexpl ul{
	width:100%;
	vertical-align: top;

}
#stepexpl ul li{
	vertical-align: middle;
	display: inline-block;
}
#stepexpl ul li ul{
		width:100%;
}
#stepexpl ul li ul li{
}

#term{
	color:#FF6633;
	padding:5px;
	font-weight:bold;
	background-color:#FFEEDD;
}
/*　よくある質問 */
.question{
	font-size:1.0rem;
	color:#057FD7;

}
.openBox{
	margin:20px 0;
}

/* ステータス表示 */
#sts_stepcompletemsg{
  text-align: center;
  font-size: 1.1rem;
}
#sts_nextstepmsg{
  width:80%;
  text-align: center;
  border:2px solid #A00;
  border-radius: 5px;
  text-align: center;
  font-size: 1.1rem;
  margin:20px auto;
  color:#A00;
}
div#sts_nowcontent{
  width:80%;
  margin:0 auto;

}

div#sts_nowcontent button{
  width:300px;
  border:0px;
  height:2rem;
  border-radius: 5px;
  color:#FFF;
/*  background-color:#057FD7; */
  margin-bottom:5px;
}

div#sts_nowcontent ul#sts_aoacception{
  width:80%;
  margin:0 auto;
  vertical-align: top;
}
div#sts_nowcontent ul#sts_aoacception li{
  width:30%;
  display:inline-block;
  vertical-align: top;
  margin-bottom:10px;
}
div#sts_nowcontent ul#sts_aoacception li:nth-child(2n){
  width:68%;
  display:inline-block;
}
div#sts_nowcontent ul#sts_payment{
  width:100%;
  margin:0 auto;
  vertical-align: top;
}
div#sts_nowcontent ul#sts_payment li{
  width:100%;
  display:inline-block;
  vertical-align: top;
  margin-bottom:10px;
}
div#sts_nowcontent ul#sts_payment li:nth-child(2n){
  width:100%;
  display:inline-block;
}
div#sts_nowcontent ul#sts_payment li button{
  width: 90%;
  height: 5rem;
  border: 2px solid #FFD000;
  border-radius: 5px;
  font-size: 1rem;
  color: #333;
  background-color: #FFD000;
  box-shadow: 0px 0px 5px 5px rgb(50 50 50 / 10%);
}
div#sts_nowcontent ul#sts_application_submission{
  width:100%;
  margin:0 auto;
  vertical-align: top;
}
div#sts_nowcontent ul#sts_application_submission li{
  width:100%;
  position:relative;
  display:inline-block;
  vertical-align: top;
  margin-bottom:10px;
}
div#sts_nowcontent ul#sts_application_submission li ul{
  width:100%;
}
div#sts_nowcontent ul#sts_application_submission li ul li{
  width:100% !important;
  display:inline-block;
  vertical-align: top;
  padding-left:1rem;
}
div#sts_nowcontent ul#sts_application_submission li ul li span#maruno{
  position:absolute;
  top:0;
  left:0;
}

div.nowcontent_ttl{
  width:100%;
  background-color: #FFC000;
  padding:0.5rem;
  font-weight:600;
}

/* クレジットカード決済 */
.orderinfo{
	width:60%;
}
.orderinfo li{
	border-bottom:1px solid #CCC;
	vertical-align:top;
}
.orderinfo li.shohinmei{
	width:55%;
	text-align:left;
}
.orderinfo li.shohinsize{
	width:18%;
	text-align:center;
}
.orderinfo li.shohinnum{
	width:20%;
	text-align:center;
}
.orderinfo li.paymenttype{
	width:50%;
	text-align:center;
	border-bottom:2px solid #666;
}
.orderinfo li.shohincost{
	width:48%;
	text-align:right;
	border-bottom:2px solid #666;
}
.orderinfo li.shohinttlcost{
	width:95%;
	text-align:right;
}

.orderinfo li.shohinradio{
	width:20%;
	text-align:center;
}

.payInfoArea{

}
.payInfoArea h2{
  margin-bottom:0.5rem;
}
.payInfoArea hr{
  margin-top:1.5rem;
}

#myinfo .logoList{
  width:100%;
}
#myinfo .logoList{
  width:100%;
}
#myinfo .logoList li{
  width:13%;
  text-align: center;
}
#myinfo .logoList li img{
  width:90%;
}
#securitycode{
  width:100%;
}
#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #FFF;
  opacity:0.7;
  z-index: 1;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #111;
  z-index: 2;
}




/* 出願登録 */
.application ul li{
  position:relative;
  padding-left:1rem;
}
#entry{
  width:90%;
  margin:0 auto;
}
#entry ul{
  width:100%;
}
#entry ul li{
  display:inline-block;
  width:25%;
  vertical-align: top;
  margin-bottom:1rem;
}
#entry ul li:nth-child(2n){
  width:72%;
}
#entry ul li#shitei{
  width:72%;
}
#entry ul li#shiteibtn{
  width:26%;
  text-align:right;
}
#entry ul li#heiganbtn{
  width:25%;
}
#entry ul li .aspiration_pd{
  width:100%;
  margin-top:-0.2rem;
  margin-bottom:0.2rem;
}
#entry ul li .aspiration_pd {
  width:100%;
}
#entry ul li .aspiration_pd li{
  width:100%;
  border:1px solid #aaa;
  margin:0;
  line-height:2rem;
}
#entry ul li ul#myinfo li{
  width:20%;
  color:#057FD7;
}
#entry ul li ul#myinfo li:nth-child(2n){
  width:78%;
  color:#333;
  vertical-align: bottom;
}
#entry ul li ul#myinfo li#educationhistory ul{
  width:100%;
  color:#333;
}
#entry ul li ul#myinfo li#educationhistory ul li{
  width:100%;
  margin:0;
}
.ma_graduate_slct{
  width:28%;
  border-color:#aaa;
}
#idphoto_prvw{
  margin-top:1rem;
}
.img-wrap img{
 max-width: none;
 position: absolute;
 top: 40%;
 left: 50%;
 margin-right: -50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}
.img-wrap{
  widdth:120px;
 border:1px solid #AAA;
 width:120px;
 height:160px;
 position: relative;
 overflow:hidden;
 background-color: #FFF;
 margin-top:1rem;
}
.selectaspiring{
  width:100%;
  height:2.5rem;
  vertical-align: middle;
  margin-bottom: 0.2rem;
  color:#FFF;
  background-color: #057FD7;
  border:0;
}
#familyscholarship{
  width:100% !important;
  padding-top:1rem;
  background-color: #DDEEFF;
}
#familyscholarship #myino{
  width:80% !important;
  margin:0 auto;
}
#familyscholarship{
  width:100% !important;
  padding-top:1rem;
  background-color: #DDEEFF;
}
#familyscholarship #myino{
  width:80% !important;
  margin:0 auto;
}

#heiganform #myino{
  width:80% !important;
  margin:0 auto;
}
#heiganform{
  padding-top:1rem;
  background-color: #DDEEFF;
  margin:0 auto 0 1rem;
}
#heiganform #myino{
  width:80% !important;
  margin:0 auto;
}
#privacy_agree{
/*  width:100%; */
}
#privacy_agree #ttl{
  width:100%;
  text-align: center;
  margin:1rem auto;
}
#privacy_agree #cont{
  width:85%;
  padding:3%;
  border:1px solid #AAA;
  margin: 0 auto;
  text-align: left;
  margin-bottom:1rem;
}
#entrybtns{
  width:100%;
  position:fixed;
  bottom:0;
  background: rgba(256 , 208 , 0 , 0.8);
  padding:1rem;
}
#entrybtns ul{
  width:100%;
  bottom:0;
}
#entrybtns ul li{
  display:inline-block;
}
#entrybtns ul li:nth-child(1){
  width:68%;
  text-align: right;
  font-weight:bold;
}
#entrybtns ul li:nth-child(2){
  width:20%;
  text-align: center;
}
#entrybtns ul li:nth-child(3){
  width:10%;
  text-align: left;
}
#innerborder_wht{
  width:100%;
  display:block;
  margin:0 auto;
  padding:0.1rem;
  border:2px solid #FFF;
  border-radius:0.2rem;
}
#application_inactive , #application_inactive{
  width:10%;
  text-align:center;
}
.shiteiko_codebox{
  padding:1rem;
/*  background-color: #DDEEFF; */
}

/* 特定商取引　*/
#tokusho table{
  width:90%;
  margin:0 auto;
  border-collapse:collapse;
  border-spacing:0px;
}
#tokusho table th{
  width:30%;
  height:30px;
  border:1px solid #333;
  background-color: #E5EFF7;
}
#tokusho table td{
  width:70%;
  height:30px;
  padding:1%;
  border:1px solid #333;
  background-color: #FFF;
}
#facephoto{
  width: 100%;
  background-color:#FFF;
  border:1px solid #E5EFF7;
  border-radius:  1rem;
}
#ttl_facephoto{
  width:90%;
  margin:1rem auto;
  font-size:2rem;
  border-left:5px solid #057FD7;
  padding-left:1rem;
}
#facephotos{
  width:90%;
  margin:0 auto;
}
#facephotos_ok{
  width:49%;
  display: inline-block;
}
#facephotos_ok img{
  width:49%;
  display: inline-block;
  vertical-align: top;
}

#facephoto_expl{
  position:relative;
  width:49%;
  display: inline-block;
  vertical-align: top;
  padding-left:1rem;
}
#facephoto_expl span{
  position:absolute;
  height:1.7rem;
  left:0;
}
#facephotos_ng{
  width:100%;
}
#facephotos_ng ul{
  width:100%;
}
#facephotos_ng ul li{
  width:24%;
  display:inline-block;
  vertical-align: top;
}
#facephotos_ng ul li img{
  width:90%;
  margin:0 auto;
}
#facephoto_ng_expl{
  width:90%;
  margin:0.1rem auto 1.5rem 0;
}
.ttl_document{
  width:100%;
  font-size:1rem;
  font-weight:500;
  color:#057FD7;
  margin:0.5rem auto;
  padding:10px 0 10px 2%;
  border:2px solid #057FD7;
  border-radius:10px;
}
.explbox_document{
  width:100%;
  background-color:#FFD000;
  border-radius: 1rem;
  padding:1rem;
}
.cautionmark{
  width:25px;
}
.cautionmark img{
  width:100%;
}
.btn_applicationapproval::after{
  position:absolute;
  content: "▼";
  color: #057FD7;
  right:20px;
}
.btn_applicationapproval_change::after{
  position:absolute;
  content: "▲";
  color: #057FD7;
  right:20px;
}
.btn_surveyreport::after{
  position:absolute;
  content: "▼";
  color: #057FD7;
  right:20px;
}
.btn_surveyreport_change::after{
  position:absolute;
  content: "▲";
  color: #057FD7;
  right:20px;
}
.btn_recommendation::after{
  position:absolute;
  content: "▼";
  color: #057FD7;
  right:20px;
}
.btn_recommendation_change::after{
  position:absolute;
  content: "▲";
  color: #057FD7;
  right:20px;
}
.btn_zaishoku::after{
  position:absolute;
  content: "▼";
  color: #057FD7;
  right:20px;
}
.btn_zaishoku_change::after{
  position:absolute;
  content: "▲";
  color: #057FD7;
  right:20px;
}
.expl_close{
  width:100%;
  display:none;
  text-align:justify;
}
#kigencaution{
  margin:0 auto;
  border:1px solid #F00;
  padding:10px;
}
#passresult{
  font-weight:500;
  font-size:1.5rem;
  padding:1rem 0;
}
#footer_link{
  width:100%;
  margin:10px auto;
  padding-top:10px;
  border-top:1px solid #CCC;
}
#footer_link ul{
  width:100%;
  max-width:860px;
  margin:0 auto;
}
#footer_link ul li{
  width:49%;
  display:inline-block;
  font-size:0.7rem;
  text-align:center;
}
#footer_link ul li a{
    color:#333;
}
.topmessage{
  border:1px solid #F00;
  padding:1rem;
  margin-bottom:1rem;
}
#shakaijin_msgbox{
}
#shakaijin_msgbox li{
	padding:0;
}
.shakaijin_msg{
  width:90%;
  margin: 1rem auto;
  padding:1rem;
  border:2px solid #A00;
  color:#A00;
}
.shakaijin_msg2{
  width:98%;
  margin: 1rem 0;
  padding:2%;
  border:2px solid #DDD;
}
.idphoto_retryformbox{
  width:90%;
  margin:20px auto;
}
.idphoto_retryform{
  padding:1rem;

}
.idphoto_retryform #reup_dummy , .idphoto_retryform #reup_submit
{
  width:300px;
  border:0px;
  height:2rem;
  border-radius: 5px;
  color:#FFF;
  margin-bottom:5px;
  text-align:center;
  padding:0.4rem;
}
.idphoto_retryform ul{
  width:100%;
}
.idphoto_retryform ul li{
  display:inline-block;
}
#previewbox{
  width:100px;
  margin-left:1rem;
}
#previewbox img{
  width:100%;
}



.txtalgn_l{
	text-align: left !important;
}







}