@charset "UTF-8";

@media screen and (max-width: 767px){
input[type="email"],
input[type="text"],
select,
textarea,
button{
	-webkit-appearance: none;
	appearance: none;
	-webkit-border-radius: 0px;
	border-radius: 0px;
	border: 1px solid #ccc;
}
label{
	display: inline-block;
}

div#title h1{
	padding: 10px;
	font-size: 20px;
	font-size: 4.4vw;
}
div#breadList{
 padding: 7px 10px;
}
/*login*/
.main .loginBox,
.main .loginTbl{
	width: 100%;
}
.main .loginBox{
	padding-top: 20px;
}

.menu-on div#wrap .main{
	padding-left: 110px;
}
#header__navi{
	width: 100px;
}
.side .sBox .menuBox li a{
	padding: 10px 5px;
	font-size: 12px;
}
.side .sBox .menuBox li .pull a{
	padding: 0.5em 1em;
}
/*top*/
.topUI{
	padding: 40px 0px;
}
.menu-on .topUI,
.menu-on div#title h1,
.menu-on div#breadList{
	padding-left: 110px;
}
.content-list li{
	width: 100%;
	margin: 0 0 20px;
}
.max-count{
	padding: 5px;
}
.info-box>a, .info-box>button, .info-box>input[type="button"]{
	min-width: 40%;
	font-size: 14px;
	font-size: 4vw;
}
/*テーブル*/
.main .readerList,
.main .readerList tbody,
.main .readerList tr{
	display: block;
	width: 100%;
}
.main .readerList{
	border-top: 1px solid #ccc;
}
.main .readerList tr{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	border: 1px solid #ccc;
	border-top: none;
	background: #fff;
}
.main .readerList tr:first-child{
	background: #eee;
}
.main .readerList th{
	border: none;
}
.main .readerList th:nth-child(n+5){
	display: none;
}
.main .readerList td{
	border: none;
	padding: 5px;
}
.main .readerList td:nth-child(1){
	width: 30px;
	text-align: center;
}
.main .readerList td:nth-child(2){
	width: -webkit-calc(100% - 50px);
	width: calc(100% - 50px);
}
.main .readerList td:nth-child(3){
	width: 150px !important;
}
.main .readerList td:nth-child(4){
	width: -webkit-calc(100% - 170px) !important;
	width: calc(100% - 170px) !important;
}
.main .readerList td:nth-child(5){display: none;}

/*登録画面*/
#regist-form .table-button{
	display: none;
}
#regist-form .form-button-area{
	width: 100%;
	right: 0px;
}
#regist-form .form-button-area.on{
	right: 0px;
	top: 30px;
}
#regist-form .form-button-area .top{
	position: relative;
}
#regist-form .form-button-area .preview-button{
	position: absolute;
	top: 10px;
	right: 10px;
	white-space: nowrap;
}
#regist-form .form-button-area .top table th{
	padding-top: 0px;
}
#regist-form{
	padding: 125px 0 0;
}

.main .menuFrame .formTbl th,
.main .menuFrame .formTbl td{
	min-width: 40px;
}
.main .menuFrame .formTbl td:first-child{
	padding: 10px 5px;
	vertical-align: middle;
}
select.slcS{
	width: 28%;
	margin-bottom: 10px;
}
select.slcSS{
	width: 18%;
	margin-bottom: 10px;
}

/*767px*/
}