@charset "utf-8";

/* ======================
 * Base CSS
======================= */
/* Global Reset (html5doctor.com)
 * - Author: Richard Clark - http://richclarkdesign.com
=========================================*/
/*----- for HTML5 -----*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
body {
	line-height:1;
}
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
	display:block;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ul, ol {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}
input, select {
	vertical-align:middle;
}

/* Costom Reset
=========================================*/
/*----- for HTML5 -----*/
main {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}
/*hr, legend {*/
	/*display: none;*/
/*}*/
time {
	display: block;
}
sub, sup{ 
	position: relative;
	font-size: 10px;
	font-size: 1rem;
	line-height: 1;
}
sup {
	top: -0.5em;
}
sub {
	bottom: -0.25em;
}

/* For Reader
=========================================*/
/* voiceGuide */
.aural {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: 0;
	overflow: hidden;
}


/* Base Setting
=========================================*/
/*----- for HTML5 -----*/
/* page */
html {
	font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
body {
	color: #141821;
	font-size: 13px;
	font-size: 1.3rem;	
    font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	line-height: 25px;
	font-weight:400;
	min-width:1080px;
	width:100%;
}

input, textarea, select, button {
    font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif!important;
	font-size: 13px;
}

/* link */
a:link {
	color: #005eae;
	text-decoration: none;
}
a:visited {
	color: #51257e;
	text-decoration: none;
}
a:hover {
	color: #005eae;
	text-decoration: underline;
}
a:active {
	color: #005eae;
	text-decoration: underline;
}

/* img */
img {
  max-width: 100%;
  vertical-align: bottom;
}
.opRollover:hover {
	cursor: pointer;
}

.left {
    float: left !important;
}
.right {
    float: right !important;
}

/* form */
/*
input,textarea {
	font-size: 14px;
	font-size: 1.4rem;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.4;
}
*/

/* Align
=========================================*/
.aR {text-align: right !important;}
.aC {text-align: center !important;}
.aL {text-align: left !important;}
.vT {vertical-align:top !important;}
.vM {vertical-align:middle !important;}
.vB {vertical-align:bottom !important;}


/* Margin, Padding
=========================================*/
.firstChild {margin-top: 0 !important;}
.mt0 {margin-top: 0px !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt15 {margin-top: 15px !important;}
.mt20 {margin-top: 20px !important;}
.mt25 {margin-top: 25px !important;}
.mt24 {margin-top: 24px;}
.mt30 {margin-top: 30px !important;}
.mt35 {margin-top: 35px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}
.mb0 {margin-bottom: 0px !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb15 {margin-bottom: 15px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb25 {margin-bottom: 25px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb35 {margin-bottom: 35px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}
.ml5 {margin-left: 5px !important;}
.ml10 {margin-left: 10px !important;}
.ml15 {margin-left: 15px !important;}
.ml20 {margin-left: 20px !important;}
.ml25 {margin-left: 25px !important;}
.ml30 {margin-left: 30px !important;}
.ml35 {margin-left: 35px !important;}
.ml40 {margin-left: 40px !important;}
.mr24 {margin-right: 24px;}
.pt0 {padding-top: 0px !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt15 {padding-top: 15px !important;}
.pt20 {padding-top: 20px !important;}
.pt25 {padding-top: 25px !important;}
.pt30 {padding-top: 30px !important;}
.pt35 {padding-top: 35px !important;}
.pt40 {padding-top: 40px !important;}
.pt60 {padding-top: 60px !important;}
.pb0 {padding-bottom: 0px !important;}
.pb5 {padding-bottom: 5px !important;}
.pb10 {padding-bottom: 10px !important;}
.pb15 {padding-bottom: 15px !important;}
.pb20 {padding-bottom: 20px !important;}
.pb25 {padding-bottom: 25px !important;}
.pb30 {padding-bottom: 30px !important;}
.pb35 {padding-bottom: 35px !important;}
.pb40 {padding-bottom: 40px !important;}
.pl5 {padding-left: 5px !important;}

.pl0 {padding-left: 0px !important;}
.pl10 {padding-left: 10px !important;}
.pl15 {padding-left: 15px !important;}
.pl20 {padding-left: 20px !important;}
.pl25 {padding-left: 25px !important;}
.pl30 {padding-left: 30px !important;}
.pl35 {padding-left: 35px !important;}
.pl40 {padding-left: 40px !important;}
.pr0 {padding-right: 0px !important;}
.pr10 {padding-right: 10px !important;}
.pr15 {padding-right: 15px !important;}
.pr20 {padding-right: 20px !important;}
.pr25 {padding-right: 25px !important;}
.pr30 {padding-right: 30px !important;}
.pr35 {padding-right: 35px !important;}
.pr40 {padding-right: 40px !important;}
/* Width
=========================================*/
.w30 {width: 30px !important;}
.w50 {width: 50px !important;}
.w60 {width: 60px !important;}
.w70 {width: 70px !important;}
.w80 {width: 80px !important;}
.w90 {width: 90px !important;}
.w100 {width: 100px !important;}
.w150 {width: 150px !important;}
.w200 {width: 200px !important;}
.w250 {width: 250px !important;}
.w300 {width: 300px !important;}
.w350 {width: 350px !important;}
.w400 {width: 400px !important;}
.w450 {width: 450px !important;}
.w500 {width: 500px !important;}
.w550 {width: 550px !important;}
.w600 {width: 600px !important;}


/* % */
.w001p {width: 1% !important;}
.w002p {width: 2% !important;}
.w003p {width: 3% !important;}
.w004p {width: 4% !important;}
.w005p {width: 5% !important;}
.w006p {width: 6% !important;}
.w007p {width: 7% !important;}
.w008p {width: 8% !important;}
.w009p {width: 9% !important;}
.w010p {width: 10% !important;}
.w011p {width: 11% !important;}
.w012p {width: 12% !important;}
.w013p {width: 13% !important;}
.w014p {width: 14% !important;}
.w015p {width: 15% !important;}
.w016p {width: 16% !important;}
.w017p {width: 17% !important;}
.w018p {width: 18% !important;}
.w019p {width: 19% !important;}
.w020p {width: 20% !important;}
.w021p {width: 21% !important;}
.w022p {width: 22% !important;}
.w023p {width: 23% !important;}
.w024p {width: 24% !important;}
.w025p {width: 25% !important;}
.w026p {width: 26% !important;}
.w027p {width: 27% !important;}
.w028p {width: 28% !important;}
.w029p {width: 29% !important;}
.w030p {width: 30% !important;}
.w031p {width: 31% !important;}
.w032p {width: 32% !important;}
.w033p {width: 33% !important;}
.w034p {width: 34% !important;}
.w035p {width: 35% !important;}
.w036p {width: 36% !important;}
.w037p {width: 37% !important;}
.w038p {width: 38% !important;}
.w039p {width: 39% !important;}
.w040p {width: 40% !important;}
.w041p {width: 41% !important;}
.w042p {width: 42% !important;}
.w043p {width: 43% !important;}
.w044p {width: 44% !important;}
.w045p {width: 45% !important;}
.w046p {width: 46% !important;}
.w047p {width: 47% !important;}
.w048p {width: 48% !important;}
.w049p {width: 49% !important;}
.w050p {width: 50% !important;}
.w051p {width: 51% !important;}
.w052p {width: 52% !important;}
.w053p {width: 53% !important;}
.w054p {width: 54% !important;}
.w055p {width: 55% !important;}
.w056p {width: 56% !important;}
.w057p {width: 57% !important;}
.w058p {width: 58% !important;}
.w059p {width: 59% !important;}
.w060p {width: 60% !important;}
.w061p {width: 61% !important;}
.w062p {width: 62% !important;}
.w063p {width: 63% !important;}
.w064p {width: 64% !important;}
.w065p {width: 65% !important;}
.w066p {width: 66% !important;}
.w067p {width: 67% !important;}
.w068p {width: 68% !important;}
.w069p {width: 69% !important;}
.w070p {width: 70% !important;}
.w071p {width: 71% !important;}
.w072p {width: 72% !important;}
.w073p {width: 73% !important;}
.w074p {width: 74% !important;}
.w075p {width: 75% !important;}
.w076p {width: 76% !important;}
.w077p {width: 77% !important;}
.w078p {width: 78% !important;}
.w079p {width: 79% !important;}
.w080p {width: 80% !important;}
.w081p {width: 81% !important;}
.w082p {width: 82% !important;}
.w083p {width: 83% !important;}
.w084p {width: 84% !important;}
.w085p {width: 85% !important;}
.w086p {width: 86% !important;}
.w087p {width: 87% !important;}
.w088p {width: 88% !important;}
.w089p {width: 89% !important;}
.w090p {width: 90% !important;}
.w091p {width: 91% !important;}
.w092p {width: 92% !important;}
.w093p {width: 93% !important;}
.w094p {width: 94% !important;}
.w095p {width: 95% !important;}
.w096p {width: 96% !important;}
.w097p {width: 97% !important;}
.w098p {width: 98% !important;}
.w099p {width: 99% !important;}
.w100p {width: 100% !important;}

/* font-size */
.fs12{font-size:12px;}
.fs13{font-size:13px;}
.fs14{font-size:14px;}
.fs15{font-size:15px;}
.fs16{font-size:16px;}
.fs17{font-size:17px;}
.fs18{font-size:18px;}
.fs19{font-size:19px;}
.fs20{font-size:20px;}
.fs24{font-size:24px;}

/* font-weight */
.fwthin{font-weight:100;}
.fwlight{font-weight:300;}
.fwregular{font-weight:400;}
.fwmedium{font-weight:500;}
.fwbold{font-weight:700;}
.fwblack{font-weight:900;}

.fwb{font-weight:bold !important;}
.fsi{font-style:italic !important;}
.fsitalic{font-style:italic;}

.clearfix{
	clear:both;
	overflow:hidden;
}
.bp_bg{
	background-color:#1287cd;
}
.op_bg{
	background-color:#d14271;
}
.cp_bg{
	background-color:#ff9000;
}
.al_bg{
	background-color:#3aae36;
}
.dp_bg{
    background-color:#ff8000;
}
.bt-bg{
    background-color: #010207;
}
.dp_inner_bg{
    background-color:#ffffff;
}

.bd_bg{
	background-color:#ff9000;
}

.dp_bg{
    background-color:#ff8000;
}
.dp_inner_bg{
    background-color:#ffffff;
}

.tt_bg{
	background-color:#eeeeee;
}
.bp_color{
	color:#1287cd;
}
.op_color{
	color:#d14271;
}
.cp_color{
	color:#ff9000;
}
.al_color{
	color:#3aae36;
}
.dp_color{
    color:#ff8000;
}
.tt_color{
	color:#eeeeee;
}
.warning_bg{
	background-color:#ff3333;
}
.notification_bg{
	background-color:#7dc26c;
}

.textBiz{
    color:#1287cd;
}
.textOther{
    color:#d14271;
}
.textAssist{
    color:#54ae3f;
}
.textCorporate{
    color:#ff9000;
}

.sup_title {
    font-size: 24px;
    padding: 30px 0;
}
.color_7f8288{
	color:#7f8288 !important;
}
.color_141821{
	color:#141821 !important;
}
.err {
    color: #ff002a !important;
    font-size: 12px;
	padding:0 !important;
}

li.hasSeparate::after {
	content: "";
	margin: 0 13px 0 17px;
	display: inline-block;
	width: 1px;
	height: 12px;
	background: #1287cd;
	vertical-align: middle;
}

#notification_messeage {
    bottom: 30px;
    padding-bottom: 80px;
    position: fixed;
    right: 30px;
	z-index: 1001;
}

#notification_content {
    box-shadow:0 0 20px #a1a1a1;
    width: 800px;
	display:none;
}
#notification_button {
    background: #2d3139;
    border-radius: 32px;
    color: white;
    display: block;
    font-size: 16px;
    height: 64px;
    line-height: 64px;
    text-align: center;
    width: 64px;
	position: absolute;
    right: 0;
	bottom:0;
}

#notification_button i {
	font-size: 20px;
}

#notification_content > h3 {
    background: #1287cd;
    color: #fff;
    height: 44px;
    line-height: 44px;
    padding: 0 24px;
}

#notification_content > ul {
    background: #fff;
    height: 335px;
    overflow: auto;
}

#notification_content li {
    display: block;
    padding: 9px 24px;
}
#notification_content li h4{
	color:#7f8288;
	font-style:italic;
}
#notification_content li + li {
    border-top: 1px solid #e5e5e5;
}

#notification_content li + li {
    border-top: 1px solid #e5e5e5;
}

#notification_messeage_overlay {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
	display:none;
	z-index: 1001;
}
.widget_number {
    background: #ff3333;
    border-radius: 12px;
    color: #fff;
    display: block;
    font-size: 13px;
    height: 24px;
    line-height: 24px;
    position: absolute;
    right: 0;
    text-align: center;
    top: 0;
    width: 24px;
}

/* modal style */
#colorbox, #cboxOverlay{
	z-index: 100000 !important;
}
#colorbox, #cboxWrapper, #cboxContent, #cboxLoadedContent {
    height: auto !important;
}
.modalContents {
    background: #fff none repeat scroll 0 0;
}
#modal_content{
	overflow-y: visible;	
	z-index: 100000;
	position: relative;
}
#cboxOverlay{
	position:fixed;
	left:0;
	top:0;
	background:#000000;
	width:100%;
	height:100%;
}

#modal_header {
    background: #ebeef1;
    padding: 13px 24px;
    clear: both;
    overflow: hidden;
	position: relative;
	z-index: 100000;
}
.modal_header {
    background: #ebeef1;
    padding: 13px 24px;
    clear: both;
    overflow: hidden;
    position: relative;
    z-index: 100000;
}
#modal_title {
    float: left;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    max-width: 580px;
    padding: 4px 0 7px;
}
.modal_title{
    float: left;
    font-size: 24px;
    font-weight: 300;
    line-height: 36px;
    max-width: 580px;
    padding: 4px 0 7px;
}

#modal_action {
    float: right;
    padding-top: 10px;
}
.modal_action {
    float: right;
    padding-top: 10px;
}
#modal_action a{
	display:block;
	margin-left:24px;
}
#modal_description {
    clear: both;
    overflow: hidden;
	padding:13px 0 6px;
}
#modal_content_wrap{
    padding: 0 24px;
}
.hasScrollbar #modal_content_wrap{
	padding-right:7px;
}
.table_modal_style{
	width: 100%;
}
.table_modal_style tr td, .table_modal_style tr th {
    padding: 0 0 35px;
	vertical-align:top;
	text-align:left;
}
.table_modal_style tr + tr td,.table_modal_style tr + tr th {
    padding: 0 0 43px;
}
.table_modal_style tr td:first-child, .table_modal_style tr th {
    width: 155px;
	vertical-align:top;
}

.form-action.confirm .table_modal_style td,
.form-action.confirm .table_modal_style th,
.table_modal_style.confirm_style td,
.table_modal_style.confirm_style th {
    border-bottom: 1px solid #d1d4d7;
    padding: 8px 0 9px;
}
.form-action.confirm .table_modal_style tr td:first-child,
.form-action.confirm  .table_modal_style tr th,
.table_modal_style.confirm_style tr td:first-child,
.table_modal_style.confirm_style tr th
{
    width: 280px;
}
.form_style label, .form_style .form_content_wrap {
    display: block;
    padding-bottom: 10px;
    padding-top: 9px;
	word-break: break-all;
}
.form_style .text_field {
    background: #ffffff;
    border: 1px solid #d1d4d7;
    box-sizing: border-box;
    line-height: 42px;
    padding: 0 24px;
    width: 100%;
	display:block;
	height:42px;
}

.form_style .two-col > div {
    width: 275px;
}
.guideline {
    margin-top: 8px;
	padding-left:20px;
	position:relative;
}
.guideline a .fa {
    padding-right: 4px;
}
.guideline > span.point {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
}
.guideline + .guideline{
	margin-top:0;
}
/* form element style */


.button_action{
	display:block;
	width:100%;
	color:#1287cd;
	background:#ebeef1;
	line-height:30px;
	box-sizing:border-box;
	padding:0 17px;
	cursor:pointer;
}
.button_action .fa{
	padding-right:7px;
	font-size:16px;
}
.button_action2{
	height: 60px;
    line-height: 60px;
    margin: 24px auto 0;
    text-align: center;
    width: 296px;	
	display:block;
	color:#1287cd;
	background:#ebeef1;
	box-sizing:border-box;
	cursor:pointer;
}
.button_action2 .fa{
	padding-right:7px;
	font-size:16px;
}

.button_submit {
    background: #1287cd;
    border: none;
    color: #fff !important;
	text-decoration:none !important;
    display: block;
    font-size: 16px;
    line-height: 60px;
	height:60px;
    margin: 20px 0;
    width: 100%;
	cursor: pointer;
	text-align:center;
}
.dp_button_submit {
    background: #1287cd;
    border: none;
    color: #fff !important;
    text-decoration:none !important;
    display: block;
    font-size: 16px;
    line-height: 60px;
    height:60px;
    margin: 20px 0;
    width: 100%;
    cursor: pointer;
    text-align:center;
}
.button_back {
    background: #ebeef1;
    border: none;
    color: #1287cd !important;
	text-decoration:none !important;
    display: block;
    font-size: 16px;
    line-height: 60px;
	height:60px;
    margin: 20px 0;
    width: 100%;
	cursor: pointer;
	text-align:center;
}
.button_back:hover{
	
}
.button_submit span {
    font-size: 14px;
    padding: 0 26px 0 20px;
}
.button_submit:hover{
	background: #1773ae;
}


.button_gray {
    background: #ebeef1;
    border: none;
    color: #1287cd !important;
    display: block;
    font-size: 16px;
    line-height: 60px;
    margin: 40px 0;
    width: 100%;
	cursor: pointer;
	text-align:center;
	text-decoration: none !important;
	outline: none;
}
.button_gray i{
	padding-right: 10px;
}
.button_gray:hover{
	background: #cdcecf;
}


.button_gray_small {
    background: #ebeef1;
    border: none;
    color: #1287cd;
    display: block;
    font-size: 13px;
    line-height: 44px;
    margin: 40px 0;
    width: 100%;
	cursor: pointer;
	text-align:center;
	text-decoration: none !important;
	outline: none;
}
.button_gray_small i{
	padding-right: 10px;
}
.button_gray_small:hover{
	background: #cdcecf;
}

.button_orange {
    background: #ee7b08;
    border: none;
    color: #fff !important;
    text-decoration:none !important;
    display: block;
    font-size: 16px;
    line-height: 60px;
    margin: 20px 0;
    width: 100%;
    cursor: pointer;
    text-align:center;
}
.button_orange:hover{
    background: #ee4908;
}

.button_gray span {
    font-size: 14px;
    padding: 0 26px 20px;
}
.button_gray:hover{
	background: #ee4908;
}

.button_white {
    background: #ffffff;
    border: none;
    color: #1287cd;
    display: block;
    font-size: 16px;
    line-height: 60px;
    margin: 20px 0;
    width: 100%;
	cursor: pointer;
	text-align:center;
}

.button_gray span {
    font-size: 14px;
    padding: 0 26px 20px;
}
.button_gray:hover{
	background: #e7f3fa;
}


.button_style2 {
    background: #ebeef1;
    color: #3c9cd6 !important;
    cursor: pointer;
    display: block;
    padding: 9px 0 10px;
    text-align: center;
    text-decoration: none !important;
    width: 100%;
}
.button_style2:hover{
	background:#e7f3fa;
}

.ui-button {
    background-color: #1287cd;
    border: medium none;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 60px;
    line-height: 25px;
    margin: 0;
    padding: 16px 0 5px;
    text-align: center;
    text-decoration: none;
    width: 296px;
    box-sizing: border-box;
}
a.ui-button,
a.ui-button:link,
a.ui-button:visited,
a.ui-button:hover {
    color: #fff;
}
.ui-button:hover {
    background-color: #1773ae;
    color: #fff;
    text-decoration: none;
}
.ui-button i {
    font-size: 15px;
    margin: 7px 15px 0 0;
    vertical-align: top;
}
.ui-button span{
    display: inline-block;
    padding: 0 28px 0 0;
    vertical-align: top;
}

.ui-button.btn-blue {
    background-color: #1287cd;
}
.ui-button.btn-blue:hover {
    background-color: #1773ae;
}

.ui-button.btn-orange {
    background-color: #ee7b08;
}
.ui-button.btn-orange:hover {
    background-color: #ee4908;
}

.ui-button.btn-red {
    background-color: #d14271;
}
.ui-button.btn-red:hover {
    background-color: #b13961;
}

.left-caret-btn{
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
.left-caret-btn::before{
    content: "\f0da";
    font-family: FontAwesome;
    position: relative;
    left: -20px;
}

.btn-color-red{
    background-color: white;
    color: #d14271!important;
}
.btn-color-red:hover{
    background-color: #e7f3fa;
}

.btn-border-red{
    border: 1px solid #d14271;
}

.bg-red{
    color: white!important;
    background-color: #d14271;
}
.bg-red:hover{
    background-color: #b13961;
}

.ui-button.btn-gray {
    background-color: #ebeef1;
    color: #1287cd !important;
}
.ui-button.btn-gray:hover {
    background-color: #e7f3fa;
}
.ui-button.disabled, .ui-button.disabled:hover, .button.disabled {
	background-color: #ebeef1;
	color: #abaeb3 !important;
	box-shadow: none;
	outline: none;
	border: none;
}
.ui-button.disabled.bordered, .button.disabled.bordered {
	border: 1px solid #d1d4d7;
}

.ui-button-border {
    background-color: #fff;
    border: 1px solid #1287cd;
    color: #1287cd;
    display: inline-block;
    height: 44px;
    line-height: 38px;
    text-align: center;
    vertical-align: top;
    width: 309px;
}
.ui-button-border i {
    font-size: 15px;
    margin: 13px 17px 0 4px;
    vertical-align: top;
}
.ui-button-border:hover {
    background-color: #e7f3fa;
    text-decoration: none;
}

.ui-button-border.btn-red {
    border: 1px solid #d14271;
    color: #d14271;
}

.ui-button-border.btn-corp {
    border: 1px solid #ff9000;
    color: #ff9000;
}

.orange-btn{
    background-color: #ee7b08;
    color: white !important;
}
.orange-btn:hover {
    background-color: #ee4908;
}
.blue-btn{
    background-color: #1287cd !important;
    color: white !important;
}
.blue-btn:hover {
    background-color: #1773ae !important;
}
.gray-btn{
    background-color: #ebeef1 !important;
    color: #1287cd !important;
}
.gray-btn:hover{
    background-color: #e7f3fa !important;
}
.a-ui-button-small {
    border: medium none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 13px;
    height: 44px;
    margin: 0;
    width: 216px;
    transition: all 0.3s ease;
    text-decoration: none !important;
}
.a-left-ui-caret-right:before{
    content:'▶';
    position: relative;
    right: 10px;
}
.ui-button-small {
    background-color: #1287cd;
    border: medium none;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    height: 44px;
    line-height: 25px;
    margin: 0;
    padding: 8px 0 5px;
    text-align: center;
    text-decoration: none;
    width: 216px;
}
a.ui-button-small,
a.ui-button-small:link,
a.ui-button-small:visited,
a.ui-button-small:hover {
    color: #fff;
}
.ui-button-small:hover {
    background-color: #1773ae;
    color: #fff;
    text-decoration: none;
}
.ui-button-small i {
    font-size: 15px;
    margin: 6px 16px 0 0;
    vertical-align: top;
}
.ui-button-small span{
    display: inline-block;
    padding: 0 22px 0 0;
    vertical-align: top;
}

.ui-button-small.btn-blue {
    background-color: #1287cd;
}
.ui-button-small.btn-blue:hover {
    background-color: #1773ae;
}

.ui-button-small.btn-orange {
    background-color: #ee7b08;
}
.ui-button-small.btn-orange:hover {
    background-color: #ee4908;
}

.ui-button-small.btn-red {
    background-color: #d14271;
}
.ui-button-small.btn-red:hover {
    background-color: #b13961;
}

.ui-button-small.btn-gray {
    background-color: #ebeef1;
    color: #1287cd !important;
}
.ui-button-small.btn-gray:hover {
    background-color: #e7f3fa;
}

.ui-button-small.btn-corp {
    background-color: #ff9000;
}
.ui-button-small.btn-corp:hover {
    background-color: #ff9000;
}

.ui-button-small-disable {
    background-color: #ebeef1;
    color: #abaeb3 !important;
    display: inline-block;
    font-size: 13px;
    height: 44px;
    line-height: 40px;
    text-align: center;
    text-decoration: none;
    width: 138px;
}
.ui-button-small-disable:hover {
    text-decoration: none;
}

.ui-selectbox {
    /*background: #fff url("https://www.bizmates.jp/common_student/images/arrowdown.jpg") no-repeat scroll right center;*/
    background-color: #fff;
    border: 1px solid #d1d4d7;
    box-sizing: border-box;
    color: #1287cd;
    display: inline-block;
    filter: none;
    height: 44px;
    outline: medium none;
    overflow: hidden;
    position: relative;
    text-decoration: none;
    width: 204px;
    box-sizing: border-box;
}
.ui-selectbox * {
    box-sizing: border-box;
}
.ui-selectbox::after {
	content: "\f0d7";
    color: #1287cd;
    font-family: FontAwesome;
    font-size: 15px;
    margin-top: -13px;
    position: absolute;
    right: 27px;
    top: 50%;
    z-index: 1;
}
.ui-selectbox span {
    display: block;
    overflow: hidden;
    padding: 8px 35px 5px 23px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.ui-selectbox select {
    filter: alpha(opacity=0);
    opacity: 0;
    bottom: 0;
    color: #1287cd;
    cursor: pointer;
    height: 100%;
    left: 0;
    line-height: 100%;
    min-width: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}
/*
.ui-selectbox select option {
    border-bottom: 1px solid #ccc;
    border-left: 0 none;
    height: 43px;
    padding: 10px 0 0 24px;
    outline:none;
    box-shadow: none;
}
.ui-selectbox select option:hover {
    box-shadow: 0 0 10px 100px #e7f3fa inset;
}
*/

.select-style {
    padding: 0;
    margin: 0;
    border: 1px solid #d1d4d7;
    overflow: hidden;
    background-color: #fff;
    position: relative;
	cursor: pointer;
}

.select-style::after {
	content: "\f0d7";
	font-family: FontAwesome;
	position: absolute;
	right: 26px;
	top: 50%;
	margin-top: -12px;
	color: #1287cd;
	font-size: 15px;
}

.select-style select {
    padding: 12px 18px 12px 24px;
    border: none;
    box-shadow: none;
    background-color: transparent;
    background-image: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color:#1287cd;
	width:100%;
	z-index: 10;
    position: relative;
	cursor: pointer;
}

.select-style a {
    display: block;
    height: 44px;
    line-height: 44px;
    padding: 0 24px;
	text-decoration: none !important;
}
.textarea-style{
	display:block;
	width:100%;
	padding: 12px 18px 12px 24px;
    box-shadow: none;
    border: 1px solid #d1d4d7;
	height: 200px;
	box-sizing:border-box;
}


.inputtext {
    position: relative;
}
.inputtext label{
	display:block;
	padding:8px 0 4px;
}

label.guide {
    padding: 5px 0 0;
	display: block;
}
.inputtext input, .inputcheckbox{
	display:block;
	width:100%;
	background:#fff;
	border:1px solid #d1d4d7;
	line-height:32px;
	box-sizing: border-box;
	padding:5px 15px;
}
.inputtext input {
    height: 44px;
}
.inputcheckbox{
	margin-top: 20px;
	color:#1287cd;
	font-size: 13px;
	padding:2px 15px;
}

.icheck{
	margin: 8px 10px !important;
    position: relative;
	line-height: 20px;
}

.icheck > label {
    padding-left: 3px;
}
.icheck2 {
    margin: 0 10px !important;
    padding-left: 30px;
}
.icheck2 .icheckbox_square-blue {
    left: 0;
    position: absolute !important;
}

.icheck2 > label {
    color: #141821;
    display: block;
    font-weight: normal;
    line-height: 19px;
}

.button {
	padding: 0;
	box-sizing: border-box;
	outline: none;
	line-height: normal!important;
	height: auto;
	font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	position: relative;
	text-align: left;
}

.button i {
	font-size: 15px;
	margin-right: 16px;
    width: 10px;
	line-height: 15px;
	position: absolute;
	top: 50%;
	margin-top: -7px;
}

.button span {	
	font-size: 13px;
	line-height: 13px;
	padding: 0;
	display: inline-block;
	position: relative;
}
.button span.caret:before {
	content: "\f0da";
	font-family: FontAwesome;
	font-size: 15px;
    left: -31px;
    position: absolute;
}
.button i + span {
	margin-left: 13px;
	padding:0;
}

.button:hover span {
	text-decoration: underline;
}

.button i, .button span {
	vertical-align: middle;
}

.xs-button {
	padding-top: 3px;
	padding-bottom: 3px;
}

.s-button {
	padding-top: 15px;
	padding-bottom: 16px;
}

.m-button {
	padding-top: 15px;
	padding-bottom: 18px;
	text-align: center;
}

.m-button i, .m-button span {
	line-height: 25px;
}

.m-button i {
	margin-top: -12.5px;
}
.m-button:hover span {
	text-decoration: none;
}

.unselectable {
	   -moz-user-select: none;
	   -khtml-user-select: none;
	   -webkit-user-select: none;
	   -ms-user-select: none;
	   user-select: none;
	}
.beautycheck {
	position: relative;
	height: 42px;
	overflow: hidden;
	display: table;
    vertical-align: middle;
    width: inherit;
}
.beautycheck input {position: absolute; left: -99999px;}
.beautycheck label {
	position: static;
	color: #1287cd;
	top:0;
	left: 0;
	padding:0 24px 1px 62px;
	margin-bottom: 0px!important;
	background: #FFF;
	display: table-cell;
	overflow: hidden;
	height: 42px;
	width: inherit;
	line-height: 19px;
	vertical-align: middle;
	cursor: pointer;
	box-sizing: border-box;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}


.beautycheck input[type="checkbox"]:checked + label {
	background: #E7F3FA;
}

.beautycheck input[type="checkbox"] + label:before {
	content: "";
	display: block;
	height: 28px;
	width: 28px;	
	border: 1px solid #d1d4d7;
	background: #FFF;
	position: absolute;
	left: 24px;
	top: 50%;
	margin-top: -14px;
	box-sizing: border-box;
}

.beautycheck input[type="checkbox"]:checked + label:after {
	content: "\f00c";
	font-family: "FontAwesome";
	color: #1287cd;
	font-size: 15px;
	display: block;
	line-height: 20px;
	position: absolute;
	left: 30.5px;
	top: 50%;
    margin-top: -10px;
}

.beautycheck input[type="radio"] + label:before {
	content: "";
	display: block;
	height: 28px;
	width: 28px;	
	border: 1px solid #d1d4d7;
	border-radius: 50%;
	background: #FFF;
	position: absolute;
	left: 24px;
	top: 50%;
	margin-top: -14px;
	box-sizing: border-box;
}

.beautycheck input[type="radio"]:checked + label:after {
	content: "\f111";
	font-family: "FontAwesome";
	color: #1287cd;
	font-size: 8px;
	display: block;
	line-height: 8px;
	position: absolute;
	left: 34.5px;
	top: 50%;
    margin-top: -4.5px;
}

.beautycheck.fixleft label{
	padding-left: 40px;
}
.beautycheck.fixleft input[type="radio"] + label::before{
	left:0;
}
.beautycheck.fixleft input[type="radio"]:checked + label::after{
	left:9.5px;
}
.quote::before {
    color: #abaeb3;
    content: "\f10d";
    display: inline;
    font-family: FontAwesome;
    font-size: 9px;
    left: 0;
	top: 0;
    margin-right: 12px;
    position: absolute;    
}

.quote::after {
    color: #abaeb3;
    content: "\f10e";
    display: inline;
    font-family: FontAwesome;
    font-size: 9px;
	bottom: 0;
	margin-left: -2px;
    position: absolute;    
}
/* table style */

table {
	border-collapse: collapse;
}
table th, table td {
	font-size: 13px;
	line-height: 25px;
	padding: 15px 24px 16px;
	box-sizing: border-box;
}
table th {
	text-align: left;
}
.table_row_padding_35 tr th, .table_row_padding_35 tr td{
	padding-bottom:35px !important;	
}
.table_row_padding_0 tr th, .table_row_padding_0 tr td{
	padding-bottom:0 !important;
}
.select_group > *{
	float:left;
	margin-right:24px;
}
.select-style select:focus {
    outline: none;
}
.form-action .button_submit{
	width:296px;
	margin:40px auto 0 !important;
}
.form-action .dp_button_submit{
    width:296px;
    margin: -40px auto 0 360px!important;
}
.require, .red{
	color:#ff3333;
}
.tbl_layout{
	width:100%;
}
.tbl_layout td{
	margin:0;
}
.tbl_layout td {
	padding:0 12px 0 0;
}
.tbl_layout td + td{
	padding:0 0 0 12px;
}
.error > label, label.error {
    color: #ff002a !important;
	padding:0 !important;
}

.blockUI.blockOverlay{
	z-index:999999 !important;
}
.blockUI.blockMsg.blockPage{
	left: 50% !important;
	top: 50% !important;
	margin: -24px 0 0 -24px !important;
	z-index:100000 !important;
}
.nowloading {
    display: block;
    margin: 0 auto;
}

#cboxContent {
    padding: 30px 0;
}
/* text style */

h1.page-title .sub-page-title {
    font-size: 13px;
    padding-left: 20px;
}
.sub-page-title > i {
    color: #ff3333;
    font-style: normal;
}
.title20{
	font-size:20px;
	color:#7f8288;
	line-height:32px;
	padding-top:30px;
	padding-bottom:10px;
}


.title {
	font-size: 24px;
	line-height: 36px;
	margin-top: 34px;
}

.subtitle {
	font-size: 20px;
	line-height: 32px;
	
}

.title, .subtitle {
	margin-bottom: 20px;
}


.l-text-normal {
	font-size: 15px;
	line-height: 27px;
}

.l-text-narrow {
	font-size: 15px;
	line-height: 23px;
}

.m-text-normal {
	font-size: 13px;
	line-height: 25px;
}

.m-text-narrow {
	font-size: 13px;
	line-height: 21px;
}

.s-text-normal {
	font-size: 11px;
	line-height: 23px;
}

.s-text-narrow {
	font-size: 11px;
	line-height: 19px;
}

.l-block-content {
	margin-bottom: 80px;
}

.m-block-content {
	margin-bottom: 60px;
}

.text-thin {
	font-weight: 100;
}

.text-light {
	font-weight: 300;
}

.text-regular {
	font-weight: 400;
}

.text-medium {
	font-weight: 500;
}

.text-bold {
	font-weight: 700;
}

.text-black {
	font-weight: 900;
}

.title + .box-content, .subtitle + .box-content {
	margin-top: 6px;
	display: inline-block;
	width: 100%;
}

.border-right-dotted{
	background-image:url("https://www.bizmates.jp/common_student/images/border_dotline.png") !important;
	background-position: right top !important;
	background-repeat: repeat-y !important;
	border-right: none !important;	
	padding-right: 1px !important;
}
.border-right-dotted-transparent{
	background-image:url("https://www.bizmates.jp/common_student/images/border_dotline_transparent.png") !important;
	background-position: right top !important;
	background-repeat: repeat-y !important;
	border-right: none !important;	
	padding-right: 1px !important;
}

/*page navigation */
.page_navigation {
    background: #ebeef1;
    margin-top: 24px;
    padding: 7px 23px;
}

.page_number_pagination {
    float: left;
}

.page_control_pagination {
    float: right;
}

.page_number_pagination li {
    background: #fff none repeat scroll 0 0;
    cursor: pointer;
    display: block;
    float: left;
    height: 44px;
    line-height: 44px;
    margin-right: 1px;
    text-align: center;
    width: 44px;
}
.page_number_pagination li:hover, .page_number_pagination li.active{
	background:#141821;
	color:#ffffff;
}
.page_number_pagination li a {
    display: block;
    height: 44px;
    text-decoration: none;
}
.page_number_pagination li.active a,
.page_number_pagination li a:hover {
    color:#fff;
}
.page_control_pagination li {
    background: #fff none repeat scroll 0 0;
    color: #1287cd;
    display: block;
    float: left;
    line-height: 44px;
	height:44px;
	text-transform: uppercase;
    margin-left: 1px;
    text-align: center;
    width: 120px;
	position: relative;
	cursor: pointer;
}
.page_control_pagination li:hover, .page_control_pagination li.active{
	background:#141821;
	color:#ffffff;
}
.page_control_pagination li a {
    display: block;
    height: 44px;
    text-decoration: none;
}
.page_control_pagination li a:hover {
    color:#fff;
}
.page_control_pagination li .fa{
	display: block;
	line-height:44px;
}
.page_control_pagination li .fa-caret-left{
	content: "\f0d9";
	font-family: FontAwesome;
	font-size: 15px;
    left: 29px;
    position: absolute;
	display: block;
	line-height:44px;
}
.page_control_pagination li .fa-caret-right{
	content: "\f0da";
	font-family: FontAwesome;
	font-size: 15px;
    right: 29px;
    position: absolute;
}
.border{
	border: 1px solid #d1d4d7;
}
/* place holder color */
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
    color:    #abaeb3;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
   color:    #abaeb3;
   opacity:  1;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
   color:    #abaeb3;
   opacity:  1;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
   color:    #abaeb3;
}
::-ms-input-placeholder { /* Microsoft Edge */
   color:    #abaeb3;
}

.time_period_list {
	background: #d1d4d7;
    border-collapse: separate;
    border-spacing: 1px;
    width: 100%;
}
.time_period_list td {
    width: 33.33%;
	padding:0;
}
.time_period_list a {
	display: block;
	cursor: pointer;
	color: #1287cd;
	text-decoration: none;
    background: #ffffff;
    padding: 9px 19px 10px 0 !important;
    text-align: center;
}
.time_period_list td a:hover, .time_period_list td a.active{
	background:#2d3139;
	color:#ffffff;
}
.time_period_list td a .fa{
	padding-right:13px;
	font-size: 15px;
}


/* schedule list */
.schedule_list {
    border-collapse: collapse !important;
    border-top: 1px solid #d1d4d7;
	background: #ffffff !important;
	position: relative;
	table-layout:fixed;
}
.schedule_list th, .schedule_list td{
    border-bottom: 1px solid #d1d4d7;
    border-right: 1px solid #d1d4d7;
    color: #ffffff;
    line-height: 21px;
    padding: 0;
    text-align: center;
	vertical-align: middle;
}
.schedule_list th{	
    background: #2d3139;
}
.schedule_list .schedule_info{
	width: 158px; 
	background: #ffffff; 
	border-left: 1px solid #d1d4d7;
}

.schedule_list .schedule_info.data{
	min-width: 35px !important;
}

.schedule_list .schedule_info.attendance{
	background: #2d3139 !important;
	color: #fff;
	width: 158px;
}

.schedule_list .schedule_info.attendance.text{
	color: #2d3139;
}

.schedule_list .schedule_info.attendance.text p.total_attendance{
	border-bottom: 1px dotted #d1d4d7;
}
 
.schedule_info > div {
    position: relative;
}
.schedule_info h3 {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    font-size: 11px;
    left: 0;
    line-height: 17px;
    position: absolute;
    width: 100%;
}
.schedule_info img {
    display: block;
    height: 98px;
    margin: 0 auto;
    max-width: 100%;
}
.schedule_info .trainer_thumb > span{
	position:absolute;
	left:13px;
	top: 12px;
	z-index: 100;
}
.schedule_info .fa.fa-heart{
	font-size: 20px;
	color:#d1d4d7;
	cursor:pointer;
}
.schedule_info .liked .fa.fa-heart{
	color:#f9bf3b;
}
.schedule_list td {
	height:44px;
}
.schedule_list th.th-hightlight {
	color: #1287cd;
}
.schedule_list td.finish_slot{
	color:#abaeb3;
	background: #ebeef1;
	font-size:14px;
}
.schedule_list td.close_slot{
	color:#abaeb3;
	background: #ebeef1;
	font-size:20px;
	font-family: "Myriad Pro","Noto Sans JP","Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}

.schedule_list td.open_slot {
    color: #1287cd;
    cursor: pointer;
    font-size: 24px;
    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.14);
}

.schedule_list td.open_slot{
	color:#1287cd;
	font-size:24px;
	cursor: pointer;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.14);
}
.open_slot .fa{	
	background: rgba(255,255,255,1);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(225,225,225,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(20%, rgba(255,255,255,1)), color-stop(100%, rgba(225,225,225,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(225,225,225,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(225,225,225,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(225,225,225,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 20%, rgba(225,225,225,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1', GradientType=0 );
	display: block;
    padding: 37px 0;
    width: 100%;
}
.booked_slot{
	color:#1287cd;
	font-size:24px;
	cursor: pointer;
	text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.14);
	position: relative;
}
.booked_slot .fa{	
	background: rgba(249,192,59,1);
	background: -moz-linear-gradient(top, rgba(249,192,59,1) 0%, rgba(249,192,59,1) 29%, rgba(216,151,0,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(249,192,59,1)), color-stop(29%, rgba(249,192,59,1)), color-stop(100%, rgba(216,151,0,1)));
	background: -webkit-linear-gradient(top, rgba(249,192,59,1) 0%, rgba(249,192,59,1) 29%, rgba(216,151,0,1) 100%);
	background: -o-linear-gradient(top, rgba(249,192,59,1) 0%, rgba(249,192,59,1) 29%, rgba(216,151,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(249,192,59,1) 0%, rgba(249,192,59,1) 29%, rgba(216,151,0,1) 100%);
	background: linear-gradient(to bottom, rgba(249,192,59,1) 0%, rgba(249,192,59,1) 29%, rgba(216,151,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9c03b', endColorstr='#d89700', GradientType=0 );
	display: block;
    padding: 37px 0;
    width: 100%;
}
.booked_slot > span {
    bottom: 10px;
    display: block;
    font-size: 10px;
    left: 0;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}
.schedule_list td.open_slot:hover .fa{
	background:#1287cd;
	color:#ffffff;
}

.open_slot > a {
    padding: 0 !important;
}
#modal_content .schedule_list .schedule_info {
    background: #7f8288 none repeat scroll 0 0;
}
#modal_content .fa.fa-circle-o {
    padding: 10px 0;
}
#modal_content .booked_slot .fa {
    padding: 3px 0 17px;
}
#modal_content .booked_slot > span {
    bottom: -2px;
}

/* select box style */
.sexy.combo div.icon{
	background: none;
	height:44px;
	width: auto;
	padding-right: 24px;
	right:0;
	left:auto;
	z-index: 99999;
}
.sexy.combo .icon::before{
	content: "\f0d7";
    font-family: FontAwesome;
	line-height:44px;
	height:44px;
	font-size:15px;
}
.sexy.combo input{
    border: 1px solid #d1d4d7;
    border-radius: 0;
    box-sizing: border-box;
    color: inherit;
    height: 44px;
    line-height: 44px;
	padding: 0 24px;
    width: 100%;
	background:#ffffff;
	z-index: 99999;
	cursor: pointer;
	font-size: 13px;
	font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif !important;
}
.sexy.combo {
    box-sizing: border-box;
    height: 44px;
    width: 100%;
	color:#1287cd;
	background:#ffffff;
	float: none;
	z-index: 99998;
}
.sexy.combo div.list-wrapper{
	width: 100%;
	box-sizing: border-box;
}
.sexy.combo div.list-wrapper{
	top:42px;
	/*max-height: 222px;*/
	z-index: 99998 !important;
}

.max_item3 .sexy.combo div.list-wrapper {
    max-height: 134px;
}
.sexy.combo div.list-wrapper-up{
	bottom:42px;
	top:auto;
}
.sexy.combo .list-wrapper li {
	border-bottom: none;
	border-top: 1px solid #d1d4d7;
    height: 44px;
    line-height: 44px;
    box-sizing: border-box;
	padding: 0 24px;
	font-size:13px;
	font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ ゴシック",sans-serif !important;
}
.sexy.combo .list-wrapper-up li{
	border-bottom: 1px solid #d1d4d7;
    border-top: none;
}
.sexy.combo .list-wrapper li:first-child{
	border-top: none;
}
.sexy.combo .list-wrapper-up li:last-child{
	border-bottom: none;
}
.sexy.combo li.active {
    background: #e7f3fa;
}
/*
#modal_content .sexy.combo div.list-wrapper{
	bottom:42px;
	top:auto;
}
#modal_content .sexy.combo div.list-wrapper li{	
	border-top: none;
	border-bottom: 1px solid #d1d4d7;
}*/
.txRed {
    color: #ff0000 !important;
}

#modal_content_wrap iframe {
    height: 465px;
    margin: 1em auto 0;
    width: 100%;
	display: block;
}
.baseBtn{
	font-size:13px;
	text-align: center;
	line-height: 13px;
	color:#1287cd;
	display: block;
	background: #ebeef1;
	min-width: 296px;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
}
.baseBtn:hover{
	background:#e7f3fa;
	text-decoration: none;
}
.baseBtn i {
    font-size: 16px;
    line-height: 14px;
    margin-left: -22px;
    margin-top: -7px;
    position: absolute;
    top: 50%;
}
/* button height 20*/
.btnXS{
	padding: 3px 0;	
	line-height: 14px;
}
/* button height 44*/
.btnS{
	padding-top: 15px;
	padding-bottom: 16px;
}
/* button height 68*/
.btnS2{
	padding-top: 11px;
	padding-bottom: 11px;
	line-height: 23px;
}
/* button height 60*/
.btnM{
	padding-top: 22px;
	padding-bottom: 23px;
	line-height: 15px;
}

.ui-button, .ui-button-small, .button, .button_action, .ui-button-border, .button_submit,
#scroll-to-top-link, .switchpcsp a, #schedule_data table td a, .page_number_pagination li, .page_control_pagination li,
.history-student-comment .form-submit a, .history-lesson-action .link-vote,
.history-level-link-all .rank-link,
#bp-level-tabs li, #bp-rank-tabs li, #op-video-lesson-tabs li, #corporate-other-program-root .video-lesson-tabs li, #corporate-other-program-root .video-lesson-list-wrap .corporate_player_btn
.start-guide-step-box .item-link {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}


#cboxLoadedContent{
	overflow: visible !important;
}
div.sexy ul{
	overflow: hidden;
}
.sexy-show-all-option .list-wrapper {
    bottom: auto !important;
    max-height: none !important;
    overflow: hidden !important;
    top: 42px !important;
}