@charset "UTF-8";
/*================================================================================
	Item Name: Vuexy - Vuejs, HTML & Laravel Admin Dashboard Template
	Version: 2.0
	Author: PIXINVENT
	Author URL: http://www.themeforest.net/user/pixinvent
================================================================================
NOTE:
------
PLACE HERE YOUR OWN SCSS CODES AND IF NEEDED, OVERRIDE THE STYLES FROM THE OTHER STYLESHEETS.
WE WILL RELEASE FUTURE UPDATES SO IN ORDER TO NOT OVERWRITE YOUR STYLES IT'S BETTER LIKE THIS.  */
/*=============================================*/
/*Font import */
/*=============================================*/
@import url(https://use.fontawesome.com/releases/v5.10.2/css/all.css);
/*=============================================*/
/*Common Base*/
/*=============================================*/
html body {
    background-color: #fffbf0;
}

body {
    margin: auto;
    width: auto;
    font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    overflow-x: hidden;
}

.sp_only {
    display: none !important;
}

@media screen and (max-width: 767px) {
    .sp_only {
        display: block !important;
    }
    .pc_only {
        display: none !important;
    }
}

.center {
    margin: auto;
    text-align: center;
    line-height: 180%;
}

.clearfix::after {
    content: "";
    display: block;
    clear: both;
}

img {
    max-width: 100%;
    height: auto;
}

/*=============================================*/
/*  layout  Base                        */
/*=============================================*/
.main_width {
    width: 96%;
    max-width: 1230px;
    margin: auto;
}

footer.footer.footer-static.footer-light {
    padding-top: 80px;
}

/*=============================================*/
/*  @Login Page                               */
/*=============================================*/
.login_logo {
    width: 60%;
    max-width: 250px;
    margin: auto;
    padding: 0 15px;
}

.btn-primary {
    border-color: #F08300 !important;
    background-color: #F08300 !important;
}

/*=============================================*/
/*  header Ajust                               */
/*=============================================*/
.main-menu .navbar-header {
    height: 5.45rem;
}

.avatar {
    background-color: transparent;
}

.header-navbar .navbar-container ul.navbar-nav li i.ficon, .header-navbar .navbar-container ul.navbar-nav li svg.ficon {
    height: 2rem;
    width: 2rem;
    color: #F08300;
}

.navigation,
.header-navbar {
    font-family: inherit;
}

.header-navbar .navbar-header {
    z-index: 9999;
}

.navbar-expand-sm .navbar-nav {
    -webkit-flex-direction: row-reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

/*=============================================*/
/*  @TOP Page                             */
/*=============================================*/
.news_block,
.bread_crumb {
    text-align: left;
}

.news_block .list,
.bread_crumb .list {
    padding: 0;
    margin: auto;
}

.news_block li,
.bread_crumb li {
    list-style: none;
}

.bread_crumb {
    margin-bottom: 20px;
}

.bread_crumb li {
    font-size: 12px;
}

.news_block .list {
    padding: 0;
    margin: 0 0 30px;
}

.news_block .list li {
    margin-bottom: 0.3em;
    padding-bottom: 0.3em;
    border-bottom: 1px dashed #ccc;
}

.label_txt {
    font-size: 14px;
}

.name_ttl {
    display: block;
    margin-bottom: 0.5em;
}

.select_zone {
    text-align: left;
    margin-bottom: 50px;
}

.select_zone label {
    font-size: 14px;
}

.select_zone select {
    text-align: left;
    direction: ltr;
}

.select_zone .plan_box {
    margin-top: 20px;
}

.select_zone .plan_box p {
    margin-bottom: 0.2em;
    line-height: 1.6;
}

.txt_left {
    text-align: left;
}

.copyright {
    text-align: center;
    font-family: 'Montserrat', Helvetica, Arial, serif;
    font-size: 11px;
    font-weight: 400;
}

.base_table {
    width: 100%;
    direction: ltr;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
}

.base_table th, .base_table td {
    border-bottom: 1px solid #ccc;
    border-right: 1px solid #ccc;
    vertical-align: top;
    padding: 10px;
    font-weight: normal;
    font-size: 13px;
}

.base_table th {
    width: 10em;
    background-color: #ffedd8;
}

.base_table td {
    background-color: #fff;
}

.base_table td p {
    margin-bottom: 0.3em;
}

.base_table td p:last-child {
    margin-bottom: 0;
}

/*=============================================*/
/*  Form Ajust                             */
/*=============================================*/
input {
    text-align: left;
}

.txt_base_box,
.form_base_box {
    width: 100%;
    max-width: 700px;
    margin-right: auto;
}

.form_base_box .form-control {
    text-align: left;
}

.form_base_box .check_box {
    text-align: left;
}

.form_base_box .check_box li {
    list-style: none;
    margin-bottom: 10px;
}

.form_base_box .check_box li:last-child {
    margin-bottom: 0;
}

.form_base_box .check_box li .custom-control {
    display: inline-block;
}

.form_base_box .check_box li .custom-checkbox .custom-control-label::before, .form_base_box .check_box li .custom-checkbox .custom-control-label::after, .form_base_box .check_box li .custom-radio .custom-control-label::before, .form_base_box .check_box li .custom-radio .custom-control-label::after {
    left: 0;
    right: auto;
}

.form_base_box .check_box li .custom-control-label {
    padding-left: 25px;
}

.form_base_box select {
    text-align: left;
    direction: ltr;
}

/*=============================================*/
/*  Page Ajust                             */
/*=============================================*/
.bg_alert {
    position: relative;
    text-align: center;
    background-color: #F08300;
    color: #fff;
    padding: 0.5em 2em 0.5em 1em;
    font-weight: bold;
}

.bg_alert::before, .bg_alert::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 10px;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.bg_alert:before {
    width: 15px;
    height: 15px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}

.bg_alert::after {
    right: 9px;
    box-sizing: border-box;
    width: 5px;
    height: 5px;
    border: 5px solid transparent;
    border-left: 5px solid #F08300;
}

.txt_base_box {
    direction: ltr;
}

.txt_base_box .ttl {
    display: block;
    margin-bottom: 0.5em;
    font-size: 1.2em;
}

.txt_base_box p {
    line-height: 1.6;
    margin-bottom: 1em;
}

.txt_base_box p:last-child {
    margin-bottom: 0;
}

.txt_base_box p a {
    text-decoration: underline;
}

.txt_base_box .mid_ttl {
    display: block;
    margin-bottom: 0.6em;
}

.txt_base_box .course_name {
    color: #F08300;
    font-weight: bold;
    font-size: 1.3em;
}

.txt_base_box .alert {
    color: #d9001b;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: #fff;
}

.form_single_box {
    position: relative;
    padding: 25px 15px 15px;
    background-color: #fff;
}

.form_single_box .close_btn {
    display: inline-block;
    float: right;
    margin-right: 2px;
    padding: 1px;
    background-color: #F08300;
}

.form_single_box .cursor-pointer {
    color: #fff;
}

.add_btn_box {
    float: right;
}

.input_half .po_re {
    display: inline-block;
    width: 45%;
}

.input_half .po_re .picker--time {
    min-width: 100%;
    max-width: 100%;
}

.po_re {
    position: relative;
}

.dog_list li {
    margin-bottom: 0.5em;
    list-style: none;
    font-size: 1.1em;
    font-weight: bold;
}

.dog_list li:last-child {
    margin-bottom: 0;
}

/*=============================================*/
/*media query   1200px  */
/*=============================================*/
@media screen and (max-width: 1200px) {
    /*=============================================*/
    /*  header Ajust                               */
    /*=============================================*/
    .vertical-overlay-menu .navbar .navbar-header {
        float: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        width: 145px;
        height: 52px;
        margin: auto;
    }
}