/* -------------------------------------------------- */
/* ime-mode ※IEのみ */
.ime-mode-active{ime-mode: active;}
.ime-mode-disabled{ime-mode: disabled;}
/* - FormStyle */
input[type="url"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="email"],
input[type="search"],
input[type="password"],
textarea,
select
{font-size:18px;}

input[type="url"],
input[type="tel"],
input[type="text"],
input[type="number"],
input[type="search"],
input[type="email"],
input[type="submit"],
input[type="password"],
input[type="button"],
input[type="reset"],
textarea
{-webkit-appearance: none; border-radius: 5px;}

input::placeholder {
  color:#ccc; font-weight: normal;
}

/* IE */
input:-ms-input-placeholder {
  color: #ccc; font-weight: normal;
}

/* Edge */
input::-ms-input-placeholder {
  color: #ccc; font-weight: normal;
}

input[type="file"]{width: 100%; cursor: pointer;}

select{color: #1c1c1c;}

/* -------------------------------------------------- */
/* ボタンのリセット */
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,textarea{font-size: 1.6rem;}
input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],select{border: none; border-radius: 5px; height:40px; padding: 0 10px; margin: 3px 0;}

.form-input{background-color: #fff;}
.con-input{background-color: #eee;}

.readonly{ background-color: #f5f5f5; border: 1px solid #ccc; border-radius: 5px; padding:0 5px;}



textarea{display: block; background-color: #eee; border: none; border-radius: 5px; padding: 0 5px; margin: 3px 0 !important;}

.pattern-error {border:solid 1px #dd6666 !important; box-shadow: 0 0 2px 2px rgba(255,100,100,0.4);}

.btn-green {
    display: inline-block;
    height: 35px;
    line-height: 33px;
    color: #fff !important; border:solid 1px #7db226; border-radius: 23px; text-align: center; text-shadow: 2px 2px 2px #71ac1f;
    background-image: -webkit-linear-gradient(270deg,rgba(154,201,64,1.00) 0%,rgba(136,188,50,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(154,201,64,1.00) 0%,rgba(136,188,50,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(154,201,64,1.00) 0%,rgba(136,188,50,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(154,201,64,1.00) 0%,rgba(136,188,50,1.00) 100%);
}

.btn-orange {
    display: inline-block;
    height: 35px;
    line-height: 33px;
    color: #fff !important;
    border: solid 1px #dc6536;
    text-align: center;
    text-shadow: 2px 2px 2px #d04b27; font-size:18px;
    background-image: -webkit-linear-gradient(270deg,rgba(227,121,79,1.00) 0%,rgba(219,102,63,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(227,121,79,1.00) 0%,rgba(219,102,63,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(227,121,79,1.00) 0%,rgba(219,102,63,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(227,121,79,1.00) 0%,rgba(219,102,63,1.00) 100%);
}

.btn-blue {
    display: inline-block;
    height: 35px;
    line-height: 33px;
    color: #fff !important;
    border: solid 1px #1c7bb3;
    text-align: center;
    text-shadow: 2px 2px 2px #1c7bb3;
    background-image: -webkit-linear-gradient(270deg,rgba(64,154,201,1.00) 0%,rgba(50,136,188,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(64,154,201,1.00) 0%,rgba(50,136,188,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(64,154,201,1.00) 0%,rgba(50,136,188,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(64,154,201,1.00) 0%,rgba(50,136,188,1.00) 100%);
	margin-top: 0;
}

.btn-blue02 {
    display: inline-block;
    height: 35px;
    line-height: 33px;
    color: #fff !important;
    border: solid 1px #3732BC;
    text-align: center;
    text-shadow: 2px 2px 2px #3732BC;
    background-image: -webkit-linear-gradient(270deg,rgba(64,109,201,1.00) 0%,rgba(55,50,188,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(64,109,201,1.00) 0%,rgba(55,50,188,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(64,109,201,1.00) 0%,rgba(55,50,188,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(64,109,201,1.00) 0%,rgba(55,50,188,1.00) 100%);
}

.btn-gray {
    display: inline-block;
    height: 35px;
    line-height: 33px;
    color: #fff !important;
    border: solid 1px #797979;
    text-align: center;
    text-shadow: 2px 2px 2px #797979;
    font-size: 15px;
	padding:0 15px;
    background-image: -webkit-linear-gradient(270deg,rgba(160,160,160,1.00) 0%,rgba(142,142,142,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(160,160,160,1.00) 0%,rgba(142,142,142,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(160,160,160,1.00) 0%,rgba(142,142,142,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(160,160,160,1.00) 0%,rgba(142,142,142,1.00) 100%);
}

.btn-gray02 {
    display: inline-block;
    height: 45px;
    line-height: 41px;
    color: #fff !important;
    border: solid 1px #797979;
    text-align: center;
    text-shadow: 2px 2px 2px #797979;
    font-size: 17px;
	padding:0 35px;
    background-image: -webkit-linear-gradient(270deg,rgba(130,130,130,1.00) 0%,rgba(92,92,92,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(130,130,130,1.00) 0%,rgba(92,92,92,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(130,130,130,1.00) 0%,rgba(92,92,92,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(130,130,130,1.00) 0%,rgba(92,92,92,1.00) 100%);
}

.btn-modal-gray {
    display: inline-block;
    height: 35px;
    line-height: 31px;
    color: #fff !important;
    border: solid 1px #616161;
    text-align: center;
    text-shadow: 2px 2px 2px #4d4d4d;
    font-size: 15px;
	padding:0 15px;
    background-image: -webkit-linear-gradient(270deg,rgba(130,130,130,1.00) 0%,rgba(92,92,92,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(130,130,130,1.00) 0%,rgba(92,92,92,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(130,130,130,1.00) 0%,rgba(92,92,92,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(130,130,130,1.00) 0%,rgba(92,92,92,1.00) 100%);
}

.btn-modal-green {
    display: inline-block;
    height: 35px;
    line-height: 18px;
    color: #fff !important;
    border: solid 1px #6eb700;
    text-align: center;
    text-shadow: 2px 2px 2px #5c9900;
	padding:0 5px;
    background-image: -webkit-linear-gradient(270deg,rgba(126, 209, 0,1.00) 0%,rgba(101, 168, 0,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(126, 209, 0,1.00) 0%,rgba(101, 168, 0,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(126, 209, 0,1.00) 0%,rgba(101, 168, 0,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(126, 209, 0,1.00) 0%,rgba(101, 168, 0,1.00) 100%);
}

.btn-modal-white {
    display: inline-block;
    height: 35px;
    line-height: 31px;
    color: #333 !important;
    text-align: center;
    text-shadow: 2px 2px 2px rgba(130,130,130,0.8);
    font-size: 15px;
}

.btn-modal-red {
    display: inline-block;
    height: 35px;
    line-height: 31px;
    color: #fff !important;
    border: solid 1px #db3c37;
    text-align: center;
    text-shadow: 2px 2px 2px #d12e28;
	padding:0 15px;
    background-image: -webkit-linear-gradient(270deg,rgba(227, 84, 79,1.00) 0%,rgba(201, 55, 50,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(227, 84, 79,1.00) 0%,rgba(201, 55, 50,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(227, 84, 79,1.00) 0%,rgba(201, 55, 50,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(227, 84, 79,1.00) 0%,rgba(201, 55, 50,1.00) 100%);
}

.btn-alien{vertical-align: top; margin-top: 5px; border-radius: 5px; width: 230px;}

.btn-modal-gray-cal {
    display: inline-block;
    height: 36px;
    line-height: 33px;
    color: #fff !important;
    border: solid 1px #616161;
    border-radius: 5px;
    text-align: center;
    text-shadow: 2px 2px 2px #455989;
    font-size: 15px;
	padding:0 15px;
    background-image: -webkit-linear-gradient(270deg,rgba(103,103,103,1.00) 0%,rgba(85,85,85,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(103,103,103,1.00) 0%,rgba(85,85,85,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(103,103,103,1.00) 0%,rgba(85,85,85,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(103,103,103,1.00) 0%,rgba(85,85,85,1.00) 100%);
	margin-left: 10px;
}

.no-action-btn {
    display: inline-block;
    height: 35px;
    line-height: 33px;
	background-color: #aaa;
    color: #666 !important;
    border: solid 1px #666;
    text-align: center;
	margin-top: 0;
	text-decoration: line-through !important;
	pointer-events: none;
}

.btn-download { display: inline-block; width: 180px; height: 36px; line-height: 36px; color: #fff !important; border-radius: 18px; text-align: center; background-color:#68666c;}
.btn-download i {margin:0 5px;}

.btn-pdf-download { display: inline-block; height: 36px; line-height: 36px; color: #fff !important; border-radius: 18px; text-align: center; background-color:#68666c; padding:0 20px;}
.btn-pdf-download i {margin:0 5px 0 0;}

.btn-preview {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    color: #fff !important;
    border-radius: 18px;
    text-align: center;
    padding: 0 20px;
	border:solid 1px #566D9A;
	text-shadow: 2px 2px 2px #616161;
    background-image: -webkit-linear-gradient(270deg,rgba(105,128,171,1.00) 0%,rgba(86,109,154,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(105,128,171,1.00) 0%,rgba(86,109,154,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(105,128,171,1.00) 0%,rgba(86,109,154,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(105,128,171,1.00) 0%,rgba(86,109,154,1.00) 100%);
}
.btn-preview i {margin:0 5px 0 0;}


.sizeL {height: 50px; line-height: 47px; font-size:18px; padding:0 15px; max-width: 300px; width: 100%;}
.sizeM {height: 40px; line-height: 38px; font-size:16px; padding:0 15px 0 16px;}

.mypageBtn01{height: 40px; line-height: 36px;}

.entryBtn01{width: 300px;}
.entryBtn03{max-width: 230px;}

.typeDisabled {pointer-events: none;}
input[type="text"].typeDisabled, input[type="password"].typeDisabled {pointer-events: none; background-color: #eee;}
.txtDisabled {pointer-events: none; color:#999;}
.txtDisabled::after{color:#999; font-weight:normal;}

label.typeChBox input[type="checkbox"] {display: none;}
label.typeChBox .switch {text-align: left; cursor: pointer; line-height:27px; position: relative; padding:4px 1px 4px 25px; text-decoration: underline;}
label.typeChBox .switch::before {content:"\f0c8"; font-family: "FontAwesome"; font: var(--fa-font-regular); color:#bbb; margin:0 5px 0 0; font-size:22px; display: inline-block; padding-top: 5px; position: absolute; left: 0;}
label.typeChBox input:checked + .switch {}
label.typeChBox input:checked + .switch::before {content:"\f14a"; font-family: "FontAwesome"; color:#ff7800; }

label.typeRadio  input[type="radio"] {display: none;}
label.typeRadio .switch {display: inline-block; text-align: left; cursor: pointer; line-height:27px; position: relative; padding:0 15px 0 1.6em; text-indent: -1.6em;}
label.typeRadio .switch::before {content:"\f10c"; font-family: "FontAwesome"; color:#333; margin:0 5px 0 0; font-size:20px;}
label.typeRadio input:checked + .switch {}
label.typeRadio input:checked + .switch::before {content:"\f058"; font-family: "FontAwesome"; color:#333;}

label.typeRadioSeminar {}
label.typeRadioSeminar input[type="radio"] {display: none;} 
label.typeRadioSeminar .switch {text-align: left; cursor: pointer; line-height:22px; position: relative; padding:0 15px 0 1.6em; display: flex; align-items: center; height: 100%;} 
label.typeRadioSeminar .switch::before {content:"\f10c"; font-family: "FontAwesome"; color:#999; margin:0 5px 0 0; font-size:20px; position: absolute; top: 55%; left: 7px; transform: translateX(-50%) translateY(-50%);}
label.typeRadioSeminar input:checked + .switch {}
label.typeRadioSeminar input:checked + .switch::before {content:"\f058"; font-family: "FontAwesome"; color:#333; position: absolute; top: 55%; left: 7px; transform: translateX(-50%) translateY(-50%);}