/* ---------- 共通？ ---------- */
a,
a:hover{
  text-decoration: none;
}
a:focus {
  outline: none;
}
.inner{
  display: block;
  text-align: center;
}

.title{
  font-size: 150%;
}

.item-title{
  margin-top: 5px;
  margin-bottom: -10px;
}

button.submit{
  width:50%;
  height: 45px;
  font-size: 110%;
  color: #fff;
  background-color: #00e600;
  border: 4px solid #00e600;
  border-radius: 5px;
  /* padding-right:138px;
  padding-left: 138px; */
  margin-bottom: 100px;
  margin-left: 30px;
  margin-right: 30px;
  outline: none;
}

.other-textbox{
  margin-top: -1px;
  height: 39px;
  margin-left: -15%;
  width: 111.4%;
}
@media (max-width: 1198px) {
  .other-textbox{
    margin-left: -11%;
    width: 107.5%; 
  }
}
@media (max-width: 991px) {
  .other-textbox{
    margin-left:-30%;
    width:126%; 
    height: 45px;
  }
}
@media (max-width: 767px) {
  .other-textbox{
    margin-left: 7px;
    width: 95%;
    margin-top: 2px;
  }
}

.short{
  width: 150px;
  height: 50px;
}
@media screen and (max-width:767px) { 
  .short{
    width: 25%;
    height: 45px;
    font-size: 90%;
  }
}

.middle{
  width: 47%;
}

.long{
  width: 95%;
}

.topics-date{
  font-size:130%;
}

/* .handouts{
  padding-bottom:15px;
} */

.questionnaire-dropdown{
  width:94.5%;
}
/* @media (min-width: 768px) {
.questionnaire-dropdown select{
  padding:2%;
} */
/* } */

button.questionnaire-answer{
  width:65%;
  /* margin-right: 30px; */
}
@media (max-width: 767px) {
  button.questionnaire-answer{
    width:100%;
  }
}
@media (max-width: 320px) {
  button.questionnaire-answer{
    width: 100%;
    padding: 5px;
  }
}

@media (min-width: 768px) {
.row-all{
  margin-left:5%;
  margin-right:5%;
}
}


/* ---------- ログイン画面 ---------- */
.login-form{
  width: 95%;
  margin-top: 20px;
  border: 2px solid #FFCFD1;
  height: 60px;
  font-size: 100%;
}
@media (max-width: 767px) {
  .login-form{
    height: 45px;
    font-size: 110%;
  }
}

/* ---------- ページ上部遷移ボタン ---------- */
/*ボタンの領域*/
#re-top {
	position:absolute; /*画面に固定*/
	bottom:8%; /*画面下へ*/
	right:5%; /*画面右へ*/
	z-index:10; /*レイヤー順序を上に*/
	background-color:transparent; /*領域の背景色（透明）*/
}
/*丸ボタン*/
.re-topB {
	position:relative;
	display:block; 
	color: #fff; /*三角と文字色*/
	text-decoration:none;
	font-weight:bold;
	font-size:8px;
	width:40px;
	height:40px;
	text-align:center;
	line-height:12px;
	border-radius:20px;
	padding-top:20px;
  box-sizing:border-box;
  cursor: pointer;
}

/*三角部分*/
.re-topB:before {
	content:'\25B2';
	position:absolute;
	top:5px;
	left:0;
	width:100%;
	text-align:center;
	font-size:15px;
}

/* 戻る・削除ボタン */
button.btn-back{
  background-color: #000;
  border: 1px solid #333;
}
button.btn-delete{
  background-color: #ff474a;
  border: 4px solid #ff474a;
}
/* 新規登録ボタン */
button.btn-signup{
  background-color: #fa8b8b;
  border: 4px solid #fa8b8b;
}


img.title-img-article{  
  content: url("../image/pic/newspaper-1.svg");
}
img.title-img-calendar{  
  content: url("../image/pic/calendar-4.svg");
}
img.title-img-enquete{  
  content: url("../image/pic/questionnaire-1.svg");
}
img.title-img-document{  
  content: url("../image/pic/paper-2.svg");
}
img.title-img-contact{  
  content: url("../image/pic/mail-1.svg");
}
img.title-img-link{  
  content: url("../image/pic/door-1.svg");
}