@charset "utf-8";
/* CSS Document */

/*------------------------------------------*
* 共通スタイル
*------------------------------------------*/
li {
	list-style: none;
}
.align_right {
	text-align: right;
}
.align_center {
	text-align: center;
}
.txt_red{
	color:#F00000;
}
img {
	max-width: 100%;
}
a {
	color:#3232FF;
}
a:hover, a:hover img, input[type="submit"]:hover, input[type="button"]:hover {
	text-decoration: none;
	cursor: pointer;
	opacity: 0.70;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=80)";
}

.sp {
	display: none !important;
}
 @media screen and (max-width: 639px) {
.sp {
	display: block !important;
}
.pc {
	display: none !important;
}
}
.required:after{
    content:"必須";
    color:#fff;
    background:#f00;
    font-size:11px;
    display:inline-block;
    padding:2px 5px;
    margin-left:5px;
}

/*------------------------------------------*
* レイアウト
*------------------------------------------*/
.flex {
	display: -webkit-flex;
	display: flex;
}

.flex.flex600 > *:first-child{
	width:600px;
	margin-right:50px;
}

.flex.flexH {
	flex-wrap:wrap;
	justify-content: space-between;
}

.flex.flexH > *{
	width:48%;
}
@media only screen and (max-width: 639px){
.flexRSP{
	display:block;
}
.flexRSP.flex > *{
	width:100% !important;
}
.flexRSP.flex > figure{
	text-align:center;
}
}

.left {float: left;margin-right:10px;}
.clear {
    clear: both;
}
/*------------------------------------------*
* 文字スタイル
*------------------------------------------*/
.ff_note {
	font-family: 'Noto Sans', sans-serif;
}
.lsn {
	letter-spacing: normal !important;
}
.ls-01 {
	letter-spacing: -0.1em !important;
}
.ls01 {
	letter-spacing: 0.1em !important;
}
.ls02 {
	letter-spacing: 0.2em !important;
}
.fs12 {
	font-size: 12px !important;
}
.fs24 {
	font-size: 24px !important;
}
.fs36 {
	font-size: 36px !important;
}
.txt_blue {
	color: #195270;
}
.td_under {
	text-decoration: underline;
}
/*------------------------------------------*
* margin系CSS
*------------------------------------------*/

.mt_s{
	margin-top: 20px !important;
}
.mt_m{
	margin-top: 40px !important;
}

.mt5 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mb5 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.mtb10 {
	margin: 10px 0 !important;
}
/* ツールチップ */
.ui-widget-shadow{
	background: none;
	width:500px;
}
.ui-tooltip, .arrow:after {
	background: black;
	border: 2px solid white;
}
.ui-tooltip {
	padding: 10px 20px;
	color: white;
	border-radius: 20px;
	font: bold 14px "Helvetica Neue", Sans-Serif;
	text-transform: uppercase;
	box-shadow: 0 0 7px black;
}
.arrow {
	width: 70px;
	height: 16px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	margin-left: -35px;
	bottom: -16px;
}
.arrow.top {
	top: -16px;
	bottom: auto;
}
.arrow.left {
	left: 20%;
}
.arrow:after {
	content: "";
	position: absolute;
	left: 20px;
	top: -20px;
	width: 25px;
	height: 25px;
	box-shadow: 6px 5px 9px -9px black;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
.arrow.top:after {
	bottom: -20px;
	top: auto;
}

/* admin user new */
.ui-datepicker-title{
   display: flex;
   justify-content: center;
   -webkit-justify-content: center;
}
.ui-datepicker select.ui-datepicker-year{
    margin-right: 0.1rem;
    width: auto;
}
.ui-datepicker select.ui-datepicker-month{
    margin-left: 0.3rem;
    width: auto;
}
.ui-datepicker{
	font-size: 80%;
}