.w-full {
    width: 100%;
}

.w-30 {
    width: 30%;
}

.w-45 {
    width: 45%;
}

.w-65 {
    width: 65%;
}

.w-150px {
    width: 150px;
}

.w-200px {
    width: 200px;
}

.px-12 {
    padding-left: 12px;
    padding-right: 12px;
}

.pl-12px {
    padding-left: 12px;
}

.mr-10px {
    margin-right: 10px;
}

.mr-20px {
    margin-right: 20px;
}

.flex {
    display: flex;
}

.justify-between {
    justify-content: space-between;
}

.justify-around {
    justify-content: space-around;
}

.justify-center {
    justify-content: center;
}

.item-center {
    align-items: center;
}

.flex-end {
    align-items: flex-end;
}

.inline-block {
    display: inline-block;
}

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

.bg-gray {
    background: #EFEFEF;
}

.bg-pink {
    background: #f3e5ee;
}

.text-black {
    color: #222;
}

.border-gray {
    border: 1px solid #ccc;
}

.border-b-1 {
    border-bottom: 1px solid #f2f2f2;
}

.border-t-pink-1 {
    border-top: 1px solid #cf9fbe;
}

.border-b-pink-1 {
    border-bottom: 1px solid #cf9fbe;
}

.border-r-1 {
    border-right: 1px solid #dddddd
}

.new-form-style input, .new-form-style select {
    outline: none;
    border: 1px solid #ccc;
}

.form-box input, .form-box select {
    border: 1px solid #ccc;
    outline: none;
    padding-left: 5px;
    padding-right: 5px;
}

.label-txt {
    color: #222222;
    padding-left: 5px;
}

.titsty-ul li a {
    height: 43px;
    background: url(../images/bg_tabtit_a_43.png) no-repeat right;
}

.titsty-ul li .current {
    height: 25px;
    background: url(../images/bg_tabtit_a_43.png) no-repeat right;
}

.titsty-ul li a span {
    background: url(../images/bg_tabtit_43.png) no-repeat;
}

.bg-deep-pink {
    background: #e8cadd;
}

.btn-style {
    position:relative;
    background: url(../images/bg_button_span.png) no-repeat;
    padding: 0 5px 0 10px;
    border-radius: 6px;
    color: #7a3a1a;
    cursor: pointer;
    user-select: none;
}

.btn-style:hover {
   background: url("../images/bg_button_span_h.png") no-repeat
}

.btn-style:hover::after {
   background: url("../images/bg_button_a_h.png") no-repeat right
}

.btn-style::after {
   content: '';
   display: inline-block;
   position: absolute;
   right: -5px;
   top: 0;
   width: 10px;
   height: 21px;
   background: url("../images/bg_button_a.png") no-repeat right;
}

.hidden {
    display: none
}

.text-sm {
    font-size: 14px;
}

.resize-none {
    resize: none;
    outline: none;
}

.scroll-div {
    height: 250px;
    overflow-y: auto;
}

.cursor-pointer {
    cursor: pointer
}

.text-shadow-pink {
    text-shadow: 1px 1px 2px pink;
}

.text-italic {
    font-style: italic;
}

.leading-20 {
    line-height: 20px;
}

.text-gray {
    color: #7c7c7c
}

.h-70 {
    height: 70px;
    user-select: none;
    cursor: pointer;
}

.bg-green {
    background: #9ce7ca;
}

.calendar-box {
    border: 1px solid #dddddd;
    width: 14.5%;
    margin: 0 -1px -1px 0;
}

.radio-box {
    width: 80px;
    border-radius: 20px;
    background: #fff;
}

.select_ym_style {
    width: 76px;
    background: #fff;
    cursor: pointer;
}

    .select_ym_style:hover {
        background: #d5d5d5;
    }