@charset "utf-8";

html {font-size: 62.5%;}
html, body {height:100%;}
body {padding:0; margin:0; font-size:13px; font-size:1.3rem; font-family:'Apple SD Gothic Neo','Noto Sans',sans-serif; color:#555555; line-height:120%;}

fieldset {display:block; margin:0; padding:0; border:0;}
legend {overflow:hidden; visibility:hidden; position:absolute; width:0; height:0; font-size:0;}
form {margin:0; padding:0;}
a:link, a:visited, a:active, a:hover {text-decoration:none;}
img {border:0;}
em {color:#d61d3c; font-weight:bold; font-style:normal;}
address {font-style:normal;}

table {/*width:100%; border-collapse:collapse; border-spacing:0;*/}
caption {overflow:hidden; visibility:hidden; margin:0; padding:0; width:0; height:0; font-size:0; line-height:0;}

.blind {overflow:hidden; visibility:hidden; position:absolute; width:0; height:0; font-size:0;}
.skip {overflow:hidden; position:absolute; top:-50px; left:50%; z-index:100; width:130px; height:40px; padding:0; margin:0 0 0 -50px; text-align:center; font-size:12px; line-height:180%; color:#ffffff; background-color:#333333;}
.skip a {width:100px; color:#ffffff; font-weight: bold;}
.skip li {list-style-type:none;}

input {height:35px; padding-left:10px; margin-bottom:8px; border:1px solid #bbbbbb; line-height:35px; color:#333333; font-family:'Apple SD Gothic Neo','Noto Sans','Roboto', sans-serif; vertical-align:middle; box-sizing:border-box; border-radius:0;}
input[type=number] {-moz-appearance:textfield;}
input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {margin:0;}
input[type=text]:disabled {-webkit-text-fill-color:#4d4d4d; -webkit-opacity:1; background:#ebebeb;}

input.radio, input[type=radio]{width:16px; height:18px; line-height:18px; margin:4px 5px 4px 0; padding:0; border:0;}

input.check, input[type=checkbox]{width:16px; height:18px; margin:4px 5px 4px 0; padding:0; border:0;}

select {height:35px; padding:0 0 0 7px; margin:0; border:1px solid #bbbbbb; font-size:12px; font-size:1.2rem; color:#333333; line-height:35px; vertical-align:middle; box-sizing:border-box; border-radius:0; background:#ffffff;}

/* date */
.datepicker {width:127px; background:url('../img/pc/common/bg/bgFormDate.gif') no-repeat 97% center;}
.datepicker:hover, .datepicker:focus {background:url('../img/pc/common/bg/bgFormDateOn.gif') no-repeat 97% center !important;}

.ui-datepicker {width:250px; display:none; border:1px solid #008675; background:#ffffff url('../img/pc/common/bg/bgDateBar.gif') repeat-x 0 72px; border-radius:5px; border-top-left-radius:10px; border-top-right-radius:10px;}
.ui-datepicker .ui-datepicker-header {position:relative; height:40px; background:#008675; border-top-left-radius:5px; border-top-right-radius:5px;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {position:absolute; top:15px; width:1.8em; height:1.8em;}
.ui-datepicker .ui-datepicker-prev {left:15px;}
.ui-datepicker .ui-datepicker-next {right:0}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {display:block; text-indent:-9999px }
.ui-datepicker .ui-datepicker-prev span {background:url('../img/pc/common/btn/btnDatePrev.gif') no-repeat 0 0;}
.ui-datepicker .ui-datepicker-next span {background:url('../img/pc/common/btn/btnDateNext.gif') no-repeat 0 0;}
.ui-datepicker .ui-datepicker-title {height:40px; margin: 0 2.3em; line-height:1.8em; text-align:center; }
.ui-datepicker .ui-datepicker-month,.ui-datepicker .ui-datepicker-year {color:#fff}
.ui-datepicker .ui-datepicker-week-end {color:#808080;}
.ui-datepicker .ui-datepicker-title select {font-size:1em; font-size:10px;}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {width:45%; height:40px; padding-left:15px; background:#008675; border:0; border-right:1px solid #199182; font-size:16px; font-size:1.6rem; line-height:120%; font-weight:bold; font-family:'Apple SD Gothic Neo','Noto Sans','Roboto', sans-serif;}
.ui-datepicker select.ui-datepicker-month {border-left:1px solid #199182;}
.ui-datepicker select.ui-datepicker-month option,
.ui-datepicker select.ui-datepicker-year option {font-size:14px; font-size:1.4rem; font-weight:normal}
.ui-datepicker table {width:90%; border-collapse:collapse; margin:0 auto;}
.ui-datepicker th {padding:7px 4px; text-align:center; font-weight:bold; border:0; color:#888888; font-size:11px; font-size:1.1rem;}
.ui-datepicker th:first-child {color:#de4a63}
.ui-datepicker td {border:0;}
.ui-datepicker td span,
.ui-datepicker td a {display:block; padding:4px 0; color:#333333; font-size:12px; font-size:1.2rem; text-align:center; text-decoration:none !important;}
.ui-datepicker tbody tr:first-child td a {padding-top:0; padding-top:16px}
.ui-datepicker .ui-datepicker-buttonpane {background-image:none; margin:.7em 0 0 0; padding:0 .2em; border-left:0; border-right:0; border-bottom:0;}
.ui-datepicker .ui-datepicker-buttonpane button {float:right; margin:.5em .2em .4em; cursor:pointer; padding:.2em .6em .3em .6em; width:auto; overflow:visible;}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {float:left;}
.ui-datepicker .ui-datepicker-current-day a {color:#ffffff; background:#00d4b7;}
.ui-datepicker .ui-datepicker-today a {color:#4d4d4d; background:#cccccc;}
/* Small */
@media (max-width:767px){
	input.radio, input[type=radio] {visibility:hidden; position:absolute; z-index:-1;}
	input[type=radio] + label {display:inline-block; min-height:16px; padding-left:21px; background:url('../img/mobile/common/ico/radio.png') no-repeat left 1px; background-size:16px;}
	input[type=radio]:checked + label {background-image:url('../img/mobile/common/ico/radioChk.png');}
	input[type=radio]:disabled + label {background-image:url('../img/mobile/common/ico/radioDis.png');}
	input[type=radio]:disabled:checked + label {background-image:url('../img/mobile/common/ico/radioDisChk.png');}
	input.check, input[type=checkbox] {visibility:hidden; z-index:-1; position:absolute;}
	input[type=checkbox] + label {display:inline-block; min-height:16px; padding-left:21px; background:url('../img/mobile/common/ico/check.jpg') no-repeat left 0; background-size:16px;}
	input[type=checkbox]:checked + label {background-image:url('../img/mobile/common/ico/checkChk.jpg');}
	input[type=checkbox]:disabled + label {background-image:url('../img/mobile/common/ico/checkDis.jpg');}
	input[type=checkbox]:disabled:checked + label {background-image:url('../img/mobile/common/ico/checkDisChk.jpg');}
	select {padding:0 11.5% 0 7px; background:#ffffff url('../img/mobile/common/bg/bgSel.png') no-repeat right center; background-size:24px auto; -webkit-appearance:none;}

	.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {background:#008675 url('../img/mobile/common/bg/bgSelectBox.gif') no-repeat 96% center;}
}
/* Tablet portrait */
@media (min-width:768px) and (max-width:1023px){
	.datepicker {background-position:94% center;}
	select {padding-right:6%; background-position:98% center;}
}

/* PC */
@media (min-width:1024px){
	input {height:27px; line-height:27px;}
	select {height:27px; line-height:27px;}

}