@charset "utf-8";

/*フォーム初期設定*/
textarea,
select option,
label{ 
	line-height:24px;
}

select{
	cursor: pointer;
}


/*/// 入力ボックス ///
//////////////////////////////////////////////// */
input[type='text'],input[type='password']{
	height: 34px;
	line-height: 34px;
	border-radius:3px;
	padding:5px;
	font-size:1.6rem;
	border-width:1px;
	border: 1px solid #b9d2ad;
	background-color:#edf3ea;
}


input[type='text'],[name='dir_name']{
	width:100%;
}

/*/// チェックボックス ///
//////////////////////////////////////////////// */
.checkboxItem {
  width: fit-content;
  display: flex;
  align-items: center;
  column-gap: 4px;
  cursor: pointer;
  line-height: 1;
  user-select: none;
}
.checkboxItem:not(:last-of-type) {
  margin-bottom: 10px;
}
.checkboxItem > [type='checkbox'] {
  appearance: none;
  position: relative;
  width: 20px;
  height: 20px;
  border: 1px solid #CCC;
  border-radius: 2px;
  background-color:#fff;
  cursor: pointer;
  vertical-align: middle;
}
.movie_only_wrap .checkboxItem > [type='checkbox'] {
  background-color:#efefef;
}
.checkboxItem > [type='checkbox']:checked {
  border: 1px solid #00957f;
  background: -webkit-linear-gradient(top, #00957f, #00b15a);
  background: -o-linear-gradient(top, #00957f, #00b15a);
  background: linear-gradient(to bottom, #00957f, #00b15a);
}
.checkboxItem > [type='checkbox']:checked::after {
  width: 12px;
  height: 6px;
  content: "";
  position: absolute;
  top : 3px;
  left: 3px;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  transform: rotate(-45deg);
}
.checkboxIn{
  padding-left: 5px;
  cursor: pointer;
}


/*/// ラジオボタン ///
//////////////////////////////////////////////// */


/*/// その他 ///
////////////////////////////////////////////////*/
.sel_dg1 {
	width:100%;
	box-sizing:border-box;
	display : -webkit-inline-box;
	display : -ms-inline-flexbox;
	display : -webkit-inline-flex;
	display : inline-flex;
    align-items: center;
    position: relative;
}

.sel_dg1::after {
	width: 10px;
    height: 7px;
    position: absolute;
    right: 15px;
    background-color: #999;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    content: '';
    pointer-events: none;
}

.sel_dg1 select {
	width: 100%;
	height: 34px;
    padding: 5px 30px 5px 10px;
    appearance: none;
    border: 1px solid #CCC;
    border-radius: 3px;
    background-color: #fff;
    color: #333333;
    font-size: 1.6rem;
    cursor: pointer;
}

.reqdS,
.anyS{
	height: 14px;
	margin-right:5px;
	padding: 2px 3px;
	line-height:14px;
	display: inline-block;
	vertical-align: top;
	font-size:1.0rem;
	border-radius:2px;
	font-weight: normal;
	letter-spacing: 1px;
	color:#FFF;
}
.reqdS{ background-color:#D40;}
.anyS { background-color:#999;}