@charset "UTF-8";

/* ----- このファイルでの記述について ----- */
/* 1.BEMを使用する。 */
/*   例）.block__element--modifier */
/* 2.単語の区切りには「-」（ハイフン）を使用する。 */
/* ----- このファイルでの記述について ----- */

/* ----- リセットCSS ここから ----- */

html,
body,
h1,
h2,
h3,
h4,
ul,
ol,
dl,
li,
dt,
dd,
p,
div,
span,
img,
a,
table,
tr,
th,
td {
    margin: 0;
    padding: 0;
    border: 0;
    font-weight: normal;
    font-size: 100%;
    vertical-align: baseline;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
article,
header,
footer,
aside,
figure,
figcaption,
nav,
section {
    display: block;
}
body {
    line-height: 1;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
ol,
ul {
    list-style: none;
    list-style-type: none;
}
img {
    vertical-align: bottom;
}
a img {
    border: none;
}
main {
    display: block;
}
/* ----- リセットCSS ここまで ----- */

/* ----- 共通CSS ここから ----- */

/* 枠線の初期化 */

*,
:before,
:after {
    border-style: solid;
    border-width: 0;
}
/* フォントサイズに関する設定 */

:root {
    font-size: 16px;
    box-sizing: border-box;
    height: 100%;
}
body {
    font-family: "Noto Sans CJK JP", "モトヤLシーダ3等幅", MotoyaLCedar, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
    font-size: .8125rem;
    line-height: 1.5;
    color: #333;
    position: relative
}
@media print,
screen and (min-width: 737px) {
    body {
        font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
        font-size: .875rem;
        line-height: 1.75;
        color: #666;
        background-color: #f9c9d5;
        position: relative;
    }
    /* ナーチャー向けページの場合 */
    body.nurture {
        background-color: #c4e6f8;
    }
    /* 管理者向けページの場合 */
    body.manager {
        background-color: #c9f9cc;
    }
}
body.footer-simple {
    min-height: 100%;
    padding-bottom: 50px;
}
body.login {
    background-color: #fff;
}
small {
    font-size: 75%
}

.hidden {
    display:none;
}

/* ----- inputタグの設定 ここから ----- */
/* ここで設定しているのは以下の２つ */
/* 1.「.input--normal」…通常のテキストボックス */
/* 2.「.input--text」…テキストエリア */

.input--normal {
    font-size: 1rem;
    width: 100%;
    height: 40px;
    padding-left: 10px;
    padding-top: 0;
    padding-bottom: 0;
    box-sizing: border-box;
}
@media print,
screen and (min-width: 737px) {
    .input--normal {
        height: 30px;
    }
    .input--calendar {
        width: 130px;
    }
    .input--newpassword {
        width: 540px;
    }
}
.input--text {
    margin: 0;
    padding: 0;
    font-size: 1rem;
    width: 100%;
    padding: 10px;
    display: block;
    box-sizing: border-box;
}
.input {
    border: 1px solid #bbb;
    border-radius: 4px;
}
@media only screen and (max-width: 736px) {
    input::-webkit-input-placeholder {
        font-size: .8125rem;
    }
    input:-moz-placeholder {
        font-size: .8125rem;
    }
}

/* ----- inputタグの設定 ここまで ----- */

/* ----- selectタグの設定 ここから ----- */

.select {
    font-size: 1rem;
    height: 40px;
    padding-left: 10px;
    border: 1px solid #bbb;
    border-radius: 4px;
}
@media print,
screen and (min-width: 737px) {
    .select {
        height: 30px;
    }
}
.select_hour {
    width: 60px;
}
.select_minute {
    width: 60px;
}
@media print,
screen and (min-width: 737px) {
    .select_place {
        display: block;
        min-width: 200px;
    }
}
@media only screen and (max-width: 736px) {
    .select.nurture {
        padding-left: 0;
    }
    .select_hour.nurture {
        width: auto;
        min-width: 45px;
    }
    .select_minute.nurture {
        width: auto;
        min-width: 45px;
    }
    .select_place {
        width: 100%;
    }
}
/* ----- selectタグの設定 ここまで ----- */

/* ----- ボタンの設定 ここから ----- */

.btn {
    border-radius: 4px;
}
.btn:hover {
    cursor: pointer;
}
.btn--block {
    width: 100%;
}
.btn--lg {
    height: 48px;
    font-size: 1rem;
}
.btn--w300 {
    width: 300px;
}
.btn--w200 {
    width: 200px;
}
.u-hover:hover {
    opacity: .75;
}
/* ボタンをポイントした時の処理 */
.btn-hover:hover {
    opacity: .75;
}

/* ----- ボタンの設定 ここまで ----- */

/* ----- PC版、スマホ版それぞれでの表示・非表示設定 ここから ----- */

@media print,
screen and (min-width: 737px) {
    /* PC版では非表示 */
    .display-none-pc {
        display: none
    }
}
@media only screen and (max-width: 736px) {
    /* スマホ版では非表示 */
    .display-none-sp {
        display: none
    }
}
/* ----- PC版、スマホ版それぞれでの表示・非表示設定 ここまで ----- */

/* ----- 余白設定用 ここから ----- */
/* PC版だけに使用するものには末尾にpcをつけることにする。 */
/* スマホ版だけに使用するものには末尾にspをつけることにする。 */

.p-l5 {
    padding-left: 5px;
}
.p-r5 {
    padding-right: 5px;
}
.p-t5 {
    padding-top: 5px;
}
.p-r10 {
    padding-right: 10px;
}
.p-r20 {
    padding-right: 20px;
}
.p-b10 {
    padding-bottom: 10px;
}
.p-b40 {
    padding-bottom: 40px;
}
.m-b10 {
    margin-bottom: 10px;
}
.m-b40 {
    margin-bottom: 40px;
}
@media print,
screen and (min-width: 737px) {
    .p-t10-b20-pc {
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .p-b0-pc {
        padding-bottom: 0;
    }
    .p-t20-pc {
        padding-top: 20px;
    }
    .p-b20-pc {
        padding-bottom: 20px;
    }
    .p-t0-b20-pc {
        padding-top: 0;
        padding-bottom: 20px;
    }
    .m-b0-pc {
        margin-bottom: 0;
    }
    .m-b10-pc {
        margin-bottom: 10px;
    }
    .m-b20-pc {
        margin-bottom: 20px;
    }
    .m-l10-pc {
        margin-left: 10px;
    }
    .m-l20-pc {
        margin-left: 20px;
    }
    .p-l5-pc {
        padding-left: 5px;
    }
    .p-l10-pc {
        padding-left: 10px;
    }
    .p-r5-pc {
        padding-right: 5px;
    }
    .p-t10-pc {
        padding-top: 10px;
    }
}
@media only screen and (max-width: 736px) {
    .p-t5-sp {
        padding-top: 5px;
    }
    .p-t20-sp {
        padding-top: 20px;
    }
    .p-b0-sp {
        padding-bottom: 0;
    }
    .p-b40-sp{
        padding-bottom: 40px;
    }
    .m-b5-sp {
        margin-bottom: 5px;
    }
    .m-b0-sp {
        margin-bottom: 0;
    }
    .m-b10-sp {
        margin-bottom: 10px;
    }
    .p-l3-sp {
        padding-left: 3px;
    }
    .p-l10-sp{
        padding-left: 10px;
    }
    .p-r3-sp {
        padding-right: 3px;
    }
    .p-r5-sp{
        padding-right: 5px;
    }
}
/* ----- 余白設定用 ここまで ----- */

/* ----- テキストの位置設定用 ここから ----- */
.ta-r {
    text-align: right;
}
@media only screen and (max-width: 736px) {
    .ta-c-sp {
        text-align: center;
    }
}
@media print,
screen and (min-width: 737px) {
    .ta-c-pc {
        text-align: center;
    }
}
/* ----- テキストの位置設定用 ここまで ----- */

/* ----- 色の設定 ここから ----- */
/* ボタンの色 */
.btn-bg-color-green {
    background-color: #f1fff4;
}
.btn-bg-color-blue {
    /*background-color: #c9cef9;*/
    background-color: #f1fbff;
}
.btn-bg-color-gray {
    background-color: #cfd7d1;
}
/* 日曜日の色 */
.color-sunday {
    color: #ec7063;
}
/* 土曜日の色 */
.color-saturday {
    color: #6380ec;
}
/* カレンダーの前月の日付の色 */
.color-gray {
    color: #ccc;
}
/* カレンダーの確定オーダーの背景色 */
.bg-color-order {
    background-color: #c9e6f9;
}
.color-order{
    color: #c9e6f9;
}
/* カレンダーの未確定オーダーの背景色 */
.bg-color-plan {
    background-color: #f9f8c9;
}
.color-plan{
    color: #f9f8c9;
}
/* カレンダーのキャンセルオーダーの背景色 */
.bg-color-cancel {
    background-color: #dddddd;
}
.color-cancel{
    color: #dddddd;    
}
/* 稼働可能日調整の稼働不可の色設定（カレンダー） */
.bg-color-actng {
    /*background-color: #f5f5f5;*/
    background-color: #dddddd;
}
/* 稼働可能日調整の一日可の色設定（カレンダー） */
.bg-color-allday {
    background-color: #ddf5d7;
}
/* 稼働可能日調整の時間帯設定ありの色設定（カレンダー） */
.bg-color-nacplan {
    background-color: #c9e6f9;
}
/* 確定オーダー照会の色の設定（カレンダー） */
.bg-color-nurture-order {
    background-color: #f9c6dd;
}
/* 確定オーダー照会の色の設定（リスト） */
.bg-color-nurture-order-list{
    background-color: #c4e6f8;
}
/* PC版だけの色設定 */
@media print,
screen and (min-width: 737px) {
    /* オーダーが確定している日の色設定（カレンダー） */
    .bg-color-order-pc {
        background-color: #c9e6f9;
    }
    /* オーダーが未確定の日の色設定（カレンダー） */
    .bg-color-plan-pc {
        background-color: #f9f8c9;
    }
    /* キャンセル料発生オーダーの日の色設定（カレンダー） */
    .bg-color-cancel-pc {
        background-color: #dddddd;
    }
    /* 確定オーダー照会の色の設定（カレンダー） */
    .bg-color-nurture-order-pc {
        background-color: #f9c6dd;
    }

    .bg_color_kakutei_order_pc {
        background-color: #dac6f9;
    }
}








.color_gray2 {
    background-color: #f5f5f5;
}
.bg_color_order {
    /*    background-color: #eaf1ff;*/
    background-color: #c9e6f9;
}
.bg_color_plan {
    /*    background-color: #ffffea;*/
    background-color: #f9f8c9;
}
.bg_color_green {
    background-color: #c9f9d1;
}
.bg_color_orange {
    background-color: #ffdece;
}
.bg_color_blue {
    background-color: #c9cef9;
}
.bg_color_day_ok {
    background-color: #ddf5d7;
}
.bg_color_kakutei_order {
    background-color: #dac6f9;
}

/* ----- 色の設定 ここまで ----- */

/* エラー時のdivの設定 ここから */
div.form-error{
    display:none;
}
div.form-error p{
    padding-top: 5px;
    font-size: .8125rem;
    color: #e96161;
    font-weight: bold;
}
@media print,
screen and (min-width: 737px) {
    div.form-error p{
        padding-top: 5px;
        color: #e96161;
        font-size: 1rem;
        font-weight: bold;
    }
}
/* エラー時のdivの設定 ここまで */


/* ----- 共通CSS ここまで ----- */

/* ----- ログインページのヘッダー ここから ----- */
.header-login{
    margin-bottom: 5px;
}
.header-login__container{
    position: relative;    
}
.header-login__logo {
    text-align: center;
}
.header-login__logo a {
    width: 60px;
}
.header-login__logo a img {
    width: 60px;
}
.header-login__title-sp {
    border-bottom: 1px solid #e97c98;
    padding-top: 3px;
    padding-left: 10px;
    margin-bottom: 10px;
    font-size: .6875rem;
}
.header-login__title-sp.nurture {
    border-bottom: 1px solid #6aacd0;
}
.header-login__title-sp.manager {
    border-bottom: 1px solid #7ce980;
}
@media print,
screen and (min-width: 737px) {
    .header-login {
        width: 640px;
        margin: 0 auto;
        padding-top: 50px;
        margin-bottom: 5px;
    }
    .header-login__container{
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;        
    }
    .header-login__logo {
        text-align: left;
        width: 100px;
        margin-right: 14px;
    }
    .header-login__logo a {
        width: 100px;
    }
    .header-login__logo a img {
        width: 100px;
    }
    .header-login__logotext {
        display: block;
        width: 342px;
        height: 34px;
        margin-bottom: 5px;
    }
}
/* ----- ログインページのヘッダー ここまで ----- */

/* ----- ログインページのメイン ここから ----- */
.login-description-sp {
    border-top: 1px solid #e97c98;
    border-bottom: 1px solid #e97c98;
    padding: 10px;
    background-color: #f9c9d5;
}
/* ナーチャーページの場合 */
.login-description-sp.nurture {
    border-top: 1px solid #6aacd0;
    border-bottom: 1px solid #6aacd0;
    padding: 10px;
    background-color: #c4e6f8;
}
/* 管理者用ページの場合 */
.login-description-sp.manager {
    border-top: 1px solid #7ce980;
    border-bottom: 1px solid #7ce980;
    padding: 10px;
    background-color: #c9f9cc;
}
.main-login {
    padding: 10px;
    background-color: #fff;
}
.main-login div.form-group {
    margin-bottom: 10px;
}
.main-login div.form-error {
    margin-bottom: 10px;
    color: #e96161;
}
.main-login div.form-error p {
    font-weight: bold;
}
.main-login div.form-description {
    margin-bottom: 10px;
}

.InitialRegistrationUrl{
    padding-top:10px;
    padding-bottom:20px;
}
.InitialRegistrationUrl > p {
    /*font-weight: bold;*/
    font-size: 0.9rem;
}   

/* 以下、PC版での設定 */
@media print,
screen and (min-width: 737px) {
    .main-login {
        border: 1px solid #e97c98;
        border-radius: 10px;
        width: 640px;
        margin: 0 auto;
        padding: 0;
        padding-bottom: 20px;
        margin-bottom: 10px;
    }
    .main-login.nurture {
        border: 1px solid #6aacd0;
    }
    .main-login.manager {
        border: 1px solid #7ce980;
    }
    .main-login h2 {
        padding-left: 10px;
        font-size: 1.2rem;
        background-color: #f9c9d5;
        border-radius: 10px 10px 0 0;
        border-bottom: 1px solid #e97c98;
        margin-bottom: 20px;
    }
    .main-login.nurture h2 {
        background-color: #c4e6f8;
        border-bottom: 1px solid #6aacd0;
    }
    .main-login.manager h2 {
        background-color: #c9f9cc;
        border-bottom: 1px solid #7ce980;
    }
    .main-login div.form-group {
        width: 638px;
        padding-left: 20px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 10px;
        height: 50px;
    }
    .main-login div.form-group.login-exclamation {
        height: auto;
    }
    .main-login div.form-group.m-b0 {
        margin-bottom: 0;
    }
    .main-login div.form-group__label {
        width: 100px;
        line-height: 30px;
        font-size: 1rem;
    }
    .main-login div.form-error {
        padding: 0 20px;
        margin-bottom: 10px;
    }
    .main-login div.form-group__field {
        width: 498px;
    }
    .main-login div.form-description {
        padding: 0 20px;
        margin-bottom: 10px;
    }
    .main-login div.form-button {
        padding: 0 20px;
        text-align: right;
    }
    .main-login div.form-button input {
        width: 150px;
    }

    .InitialRegistrationUrl{
        padding-top:10px;
        padding-bottom:20px;
    }
    .InitialRegistrationUrl > p {
        /*font-weight: bold;*/
        font-size: 1rem;
    }   

}
/* ----- ログインページのメイン ここまで ----- */

/* ----- トップページ等のヘッダー ここから ----- */

.header-border {

}
.header__title-sp {
    border-bottom: 1px solid #e97c98;
    padding-top: 3px;
    padding-left: 10px;
    margin-bottom: 10px;
    font-size: .6875rem;
}
.header__title-sp.nurture{
    border-bottom: 1px solid #6aacd0;
}
.header__title-sp.manager{
    border-bottom: 1px solid #7ce980;
}
.header__container {
    position: relative;
}
.header__logo {
    text-align: center;
}
.header__logo a {
    width: 60px;
}
.header__logo a img {
    width: 60px;
}
.header__user {
    padding-top: 5px;
    text-align: center;
    padding-bottom: 5px;
}
.header__menu {
    position: absolute;
    right: 10px;
    top: 0;
    font-size: 2rem;
    color: #666;
}
@media print,
screen and (min-width: 737px) {
    .header-border {
        border-top: 2px solid #f9c9d5;
        padding-top: 5px;
        padding-bottom: 5px;
        background-color: #fff;
        margin-bottom: 0;
    }
    .header-border.nurture {
        border-top: 2px solid #c4e6f8;
    }
    .header-border.manager {
        border-top: 2px solid #c9f9cc;
    }
    .header__container {
        width: 1000px;
        margin: 0 auto;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .header__logo {
        text-align: left;
        /*        width: 100px;*/
        margin-right: 14px;
    }
    .header__logo a {
        width: 100px;
    }
    .header__logo a img {
        width: 100px;
    }
    .header__logotext {
        display: block;
        width: 342px;
        height: 34px;
        margin-bottom: 5px;
    }
    .header__logotext.manager {
        margin-bottom: 0;
        height: auto;
        line-height: 66px;
    }
    .header__user {
        position: static;
        text-align: right;
        width: 558px;
        padding: 0;
        padding-right: 10px;
    }
}

/* ----- トップページ等のヘッダー ここまで ----- */

/* ----- フッター ここから ----- */
footer p {
    padding-left: 10px;
    text-align: left;
}
footer.footer-simple {
    padding-top: 10px;
    border-top: 1px solid #e97c98;
}
footer.footer-simple.nurture{
    border-top: 1px solid #6aacd0;
}
footer.footer-simple.manager{
    border-top: 1px solid #7ce980;
}
@media print,
screen and (min-width: 737px) {
    footer p {
        padding-left: 0;
        text-align: center;
        line-height: 1.2;
    }
    footer.footer-simple {
        padding: 0;
        height: 50px;
        width: 100%;
        position: absolute;
        bottom: 0;
        background-color: #fff;
        border-top: 1px solid #e97c98;
    }
    footer.footer-simple p {
        text-align: center;
        line-height: 1.2;
        padding-top: 5px;
        padding-bottom: 5px;
    }
}
/* ----- フッター ここまで ----- */

/* ----- メインの共通 ここから ----- */

.main-border {
    border-top: 1px solid #e97c98;
}
.main-border.nurture {
    border-top: 1px solid #6aacd0;
}
.main-border.manager {
    border-top: 1px solid #7ce980;
}
.main-padding-bottom {
    padding-bottom: 20px;
}
.main-page-title {
    font-size: 0.9375rem;
    font-weight: 700;
    padding-left: 10px;
    padding-bottom: 5px;
}
.main-page-title > span {
    padding-left: 5px;
    font-weight: 700;
}
@media print,
screen and (min-width: 737px) {
    .main-padding {
        padding-top: 20px;
        padding-bottom: 20px;
    }
}
@media print,
screen and (max-width: 736px) {
    main {
        background-color: #f9c9d5;
    }
    main.nurture {
        background-color: #c4e6f8;
    }
    main.manager {
        background-color: #c9f9cc;
    }
    .main__container {
        padding: 20px;
        background-color: #f9c9d5;
    }
    .main__container.nurture {
        background-color: #c4e6f8;
    }
    .main__container.manager {
        background-color: #c9f9cc;
    }
}
@media print,
screen and (min-width: 737px) {
    .main__container {
        border: 1px solid #e97c98;
        border-radius: 10px;
        width: 1000px;
        margin: 0 auto;
        background-color: #fff;
        padding: 20px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
    }
    .main__container.nurture {
        border: 1px solid #6aacd0;
    }
    .main__container.manager {
        border: 1px solid #7ce980;
    }
    .main-page-title {
        font-size: 1.2rem;
        font-weight: 700;
        width: 1000px;
        margin: 0 auto;
        padding: 10px 10px 20px 10px;
        border-top: 1px solid #e97c98;
    }
    .main-page-title > span {
        padding-left: 5px;
        font-weight: 700;
    }
    .main-page-title.nurture {
        border-top: 1px solid #6aacd0;
    }
    .main-page-title.manager {
        border-top: 1px solid #7ce980;
    }
}

/* ----- メインの共通 ここまで ----- */

/* ----- トップページのメイン ここから ----- */

.menu-sp ul {
    padding: 0 10px;
    background-color: #ffdece;
}
.menu-sp.nurture ul {
    background-color: #c9cef9;
}
.menu-sp.manager ul {
    background-color: #cfd7d1;
}
.menu-sp ul li {
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dotted #faaa84;
}
.menu-sp.nurture ul li {
    height: auto;
    min-height: 40px;
    border-bottom: 1px dotted #7780d7;
}
.menu-sp.manager ul li {
    height: auto;
    min-height: 40px;
    border-bottom: 1px dotted #bcc3be;
}
.menu-sp ul li:last-child {
    border-bottom: none;
}
.main__left {
    border: 1px solid #faaa84;
    border-radius: 10px;
    width: 300px;
    height: 378px;
    background-color: #ffdece;
    margin-right: 20px;
}
.main__left.nurture {
    height: 378px;
    border: 1px solid #7780d7;
    background-color: #c9cef9;
}
.main__left.nurture.first{
    height: 282px;
}
.main__left.manager {
    height: 522px;
    border: 1px solid #bcc3be;
    background-color: #cfd7d1;
}
.main__left.manager.suradm {
    height: 618px;
}
.main__left.m-h48 {
    height: 330px;
}
.main__left.sitter {
    height: 282px;
}
.main__left h2 {
    height: 40px;
    padding-left: 20px;
    line-height: 40px;
    border-bottom: 1px solid #faaa84;
    font-size: 1.2rem;
}
.main__left.nurture h2 {
    border-bottom: 1px solid #7780d7;
}
.main__left.manager h2 {
    border-bottom: 1px solid #bcc3be;
}
.main__left h2.m-h48 {
    height: 0;
    min-height: 48px;
    line-height: 48px;
}
.main__left ul {
    padding: 0 10px;
    background-color: #fff;
    border-radius: 0 0 10px 10px;
}
.main__left ul li {
    height: 48px;
    padding-left: 10px;
    line-height: 48px;
    border-bottom: 1px dotted #faaa84;
    position: relative;
}
.main__left.nurture ul li {
    border-bottom: 1px dotted #7780d7;
}
.main__left.manager ul li {
    border-bottom: 1px dotted #bcc3be;
}
.main__left ul li.m-h48{
    min-height: 48px;
    line-height: 48px;
}
.main__left ul li:last-child {
    border-bottom: none;
}
.main__left ul li i {
    position: absolute;
    top: 17px;
    right: 10px;
}
.main__left ul li i.m-h48 {
    position: absolute;
    top: 17px;
    right: 10px;
}
.main__right > div {
    border: 1px solid #e97c98;
    border-radius: 10px;
    margin-bottom: 20px;
    background-color: #fff;
}
.main__right.nurture > div {
    border: 1px solid #7780d7;
}
.main__right.manager > div {
    border: 1px solid #bcc3be;
}
.main__right > div:last-child {
    margin-bottom: 0;
}
.main__right h2 {
    padding-left: 20px;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px solid #e97c98;
    border-radius: 10px 10px 0 0;
    position: relative;
    font-size: 0.9375rem;
    margin-bottom: 10px;
}
.main__right.nurture h2 {
    border-bottom: 1px solid #7780d7;
}
.main__right.manager h2 {
    height: auto;
    min-height: 40px;
    border-bottom: 1px solid #bcc3be;
    display: flex;
    flex-wrap:wrap;
}
.main__right.manager h2 > span:first-child {
    flex-grow:2;
}
.main__right.manager h2 > span:last-child {
    flex-grow:1;
}
.main__right div ul {
    padding: 0 20px;
}
.main__right__info ul li {
    padding-left: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #e97c98;
}
.main__right__info.nurture ul li {
    border-bottom: 1px dotted #7780d7;
}
.main__right__info.manager ul li {
    border-bottom: 1px dotted #bcc3be;
}
.main__right__info ul li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
.main__right__order ul li {
    padding-left: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #e97c98;
}
.main__right__order.nurture ul li {
    border-bottom: 1px dotted #7780d7;
}
.main__right__order.manager ul li {
    border-bottom: 1px dotted #bcc3be;
}
.main__right__order ul li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
.main__right h2 span.all-view {
    position: absolute;
    right: 20px;
}
.main__right__contact ul li {
    padding-left: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #e97c98;
}
.main__right__contact.nurture ul li {
    border-bottom: 1px dotted #7780d7;
}
.main__right__contact.manager ul li {
    border-bottom: 1px dotted #bcc3be;
}
.main__right__contact ul li:last-child {
    margin-bottom: 0;
    border-bottom: none;
}
.main__right.nurture > div.main__right__emergency {
    border: none;
    background-color: #c4e6f8;
    font-size: .6875rem;
}
@media print,
screen and (min-width: 737px) {
    .main__right {
        width: 638px;
    }
    .main__right > div {
        border: 1px solid #faaa84;
        border-radius: 10px;
        margin-bottom: 20px;
    }
    .main__right > div:last-child {
        margin-bottom: 0;
    }
    .main__right div ul {
        padding-left: 10px;
    }
    .main__right h2 {
        height: 40px;
        padding-left: 20px;
        line-height: 40px;
        border-bottom: 1px solid #faaa84;
        border-radius: 10px 10px 0 0;
        background-color: #ffdece;
        position: relative;
        font-size: 1.2rem;
        margin-bottom: 0;
    }
    .main__right.nurture h2 {
        border-bottom: 1px solid #7780d7;
        background-color: #c9cef9;
    }
    .main__right.manager h2 {
        border-bottom: 1px solid #bcc3be;
        background-color: #cfd7d1;
    }
    .main__right h2 span.all-view {
        position: absolute;
        right: 20px;
    }
    .main__right__info ul li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        min-height: 48px;
        padding: 0;
        padding-left: 10px;
        border-bottom: 1px dotted #faaa84;
        margin-bottom: 0;
    }
    .main__right__info.nurture ul li {
        border-bottom: 1px dotted #7780d7;
    }
    .main__right__info.manager ul li {
        border-bottom: 1px dotted #bcc3be;
    }
    .main__right__info ul li.m-h48 {
        height: 0;
        min-height: 48px;
        margin-bottom: 0;
    }
    .main__right__info ul li:last-child {
        border-bottom: none;
    }
    .main__right__info ul li div.infodate {
        width: 140px;
        line-height: 48px;
    }
    .main__right__info ul li div.infotitle {
        line-height: 48px;
    }
    .main__right__info ul li p {
        line-height: 48px;
    }
    .main__right__order ul li {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        min-height: 48px;
        padding-left: 10px;
        padding-bottom: 0;
        border-bottom: 1px dotted #faaa84;
        margin-bottom: 0;
    }
    .main__right__order.nurture ul li {
        border-bottom: 1px dotted #7780d7;
    }
    .main__right__order.manager ul li {
        border-bottom: 1px dotted #bcc3be;
    }
    .main__right__order ul li.m-h48 {
        height: 0;
        min-height: 48px;
    }
    .main__right__order ul li:last-child {
        border-bottom: none;
    }
    .main__right__order ul li div.orderdate {
        width: 240px;
        line-height: 48px;
    }
    .main__right__order ul li div.orderservice {
        width: 150px;
        line-height: 48px;
    }
    .main__right__order ul li div.orderchildren {
        line-height: 48px;
    }
    .main__right__order ul li p {
        line-height: 48px;
    }
    .main__right__contact ul li {
        min-height: 48px;
        line-height: 48px;
        padding-left: 10px;
        padding-bottom: 0;
        margin-bottom: 0;
        border-bottom: 1px dotted #faaa84;
    }
    .main__right__contact.nurture ul li {
        border-bottom: 1px dotted #7780d7;
    }
    .main__right__contact.manager ul li {
        border-bottom: 1px dotted #bcc3be;
    }
    .main__right__contact ul li.m-h48 {
        height: 0;
        min-height: 48px;
        line-height: 48px;
    }
    .main__right__contact ul li:last-child {
        border-bottom: none;
    }
    .main__right.nurture > div.main__right__emergency {
        border: none;
        background-color: #fff;
        font-size: .8125rem;
    }
}

/* ----- トップページのメイン ここまで ----- */


/* ----- パンくずリスト部分 ここから ----- */

.breadcrumb-list {
    padding: 10px;
}
@media print,
screen and (min-width: 737px) {
    .breadcrumb-list {
        width: 1000px;
        margin: 0 auto;
    }
}
.breadcrumb-list > li {
    padding-right: 7px;
    display: inline;
}
.breadcrumb-list > li:not(:last-child)::after {
    content: ">";
    margin-left: 7px;
    display: inline;
    vertical-align: .1em;
}

/* ----- パンくずリスト部分 ここまで ----- */


/* ----- オーダー申込関連 ここから ----- */

/* 処理フロー ここから */

.flow-sp {
    padding-left: 10px;
}
.flow-sp > p {
    background-color: #f1a3b7;
    display: inline-block;
    padding: 5px 10px;
    border-radius: 4px;
    margin-bottom: 20px;
}
@media print,
screen and (min-width: 737px) {
    .flow {
        width: 1000px;
        margin: 0px auto;
        border-top: 1px dotted #e97c98;
        padding: 20px 0;
        padding-top: 15px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
    }
    .flow__item {
        width: 140px;
        text-align: center;
        background-color: #fff;
        border: 1px solid #e97c98;
        border-radius: 4px;
        height: 40px;
        line-height: 40px;
        font-weight: 700;
    }
    .flow__item.active {
        background-color: #f1a3b7;
        color: #fff;
    }
    .flow__arrow {
        height: 40px;
        line-height: 40px;
    }
}

/* 処理フロー ここまで */

/* ページタイトル ここから */
.order-page-title {
    font-size: 0.9375rem;
    font-weight: 700;
    padding-left: 10px;
    /*padding-bottom: 20px;*/
    padding-bottom: 10px;
}
.order-page-title > span {
    padding-left: 5px;
    font-weight: 700;
}
@media print,
screen and (min-width: 737px) {
    .order-page-title {
        font-size: 1.2rem;
        font-weight: 700;
        width: 1000px;
        margin: 0 auto;
        padding: 0;
        padding-bottom: 20px;
    }
    .order-page-title > span {
        padding-left: 5px;
        font-weight: 700;
    }
}

/* ページタイトル ここまで */

/* オーダー申込注意事項 ここから */
.order-rule-wrapper {
    padding: 0 10px;
}
.order-rule {
    min-height: 300px;
    max-height: 300px;
    overflow-y: auto;
    background-color: #fff;
    padding: 20px;
    border: 1px solid #e97c98;
    border-radius: 10px;
    margin-bottom: 20px;
}
.order-rule h3 {
    font-weight: bold;
    margin-bottom: 10px;
}
.order-rule p,.order-rule ul,.order-rule ol {
    margin-bottom: 20px;
}
.order-rule ul {
    list-style-type: disc;
    padding-left: 25px;
}
.order-rule ol {
    list-style-type: decimal;
    padding-left: 25px;
}
.order-rule li {
    margin-bottom: 5px;
}
@media print,
screen and (min-width: 737px) {
    .order-rule-wrapper {
        padding: 0;
    }
    .order-rule {
        min-height: 300px;
        max-height: 300px;
        width: 1000px;
        margin: 0 auto;
        overflow-y: auto;
        background-color: #fff;
        padding: 20px;
        border: 1px solid #e97c98;
        border-radius: 10px;
        margin-bottom: 40px;
    }
}

/* オーダー申込注意事項 ここまで */

/* ボタンのwrapperなど ここから */
.order-form-button {
    padding: 0 10px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.order-form-button.p-b20-sp {
    padding-bottom: 20px;
}
.order-form-button.three-button{
    padding: 0 10px;
    display: block;
}
.order-form-button.three-button.set-nurture{
    padding-top: 10px;
    padding-bottom: 10px;
}
.order-form-button > input {
    display: block;
    width: 45%;
}
.order-form-button.three-button > input {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
@media only screen and (max-width: 736px) {
    .order-form-button > input.m-b0-sp {
        margin-bottom: 0;
    }
    .order-form-button.three-button > input.m-b0-sp {
        margin-bottom: 0;
    }
}
@media print,
screen and (min-width: 737px) {
    .order-form-button {
        display: block;
        text-align: center;
        padding: 0;
        padding-bottom: 20px;
    }
    .order-form-button.p-b40-pc{
        padding-bottom: 40px;
    }
    .order-form-button > input {
        display: inline-block;
        width: 300px;
        margin-right: 30px;
        margin-bottom: 0;
    }
    .order-form-button > input.btn--w200 {
        width: 200px;
    }
    .order-form-button > input:last-child {
        margin-right: 0;
    }
    .order-form-button.three-button {
        display: block;
        text-align: center;
        padding: 0;
        padding-bottom: 20px;
    }
    .order-form-button.three-button.p-b40-pc {
        padding-bottom: 40px;
    }
    .order-form-button.three-button > input {
        display: inline-block;
        width: 300px;
        margin-right: 30px;
        margin-bottom: 0;
    }
    .order-form-button.three-button > input.btn--w200 {
        width: 200px;
    }
    .order-form-button.three-button > input:last-child {
        margin-right: 0;
    }
    .order-form-button.three-button.set-nurture{
        padding-top: 0;
        padding-bottom: 0;
    }
}
/* ボタンのwrapperなど ここまで */

/* ボタンの前の注意事項 ここから */
.order-form-comment {
    padding: 0 10px;
    color:#ff4c4c;
}
.order-form-comment.nurture{
    color:#e64444;
}
@media print,
screen and (min-width: 737px) {
    .order-form-comment {
        padding: 0;
        text-align: center;
        font-size: 1rem;
    }
}
.order-form-comment p{
    font-weight: 700;
}
/* ボタンの前の注意事項 ここまで */

/* オーダー申込入力欄部分 ここから */
.input-order-container-wrapper {
    padding: 0 10px;
}
.input-order-container {
    border: 1px solid #e97c98;
    border-radius: 10px;
    background-color: #fff;
    padding: 10px;
    margin-bottom: 20px;
}
.input-order-container.nurture {
    border: 1px solid #6aacd0;
}
.input-order-container.manager {
    border: 1px solid #7ce980;
}
.input-order-container.search{
    border: none;
    background-color: #c9f9cc;
    padding: 0;
}
.input-order-container.meminfo{
    border: none;
    background-color: #f9c9d5;
    padding: 0;
}
.input-order-container.nacinfo{
    border: none;
    background-color: #c4e6f8;
    padding: 0;
}
.input-order-container div.form__group {
    padding-top: 10px;
    padding-bottom: 10px;
}
.input-order-container div.form__group p {
    word-break: break-all;
}
.input-order-container div.form__group.confirm {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-top: 10px;
    padding-bottom: 10px;
}
.input-order-container div.form__group.confirm div.form__label {
    min-width: 40%;
    padding-right: 5px;
}
.input-order-container div.form__group.border {
    /*
    padding-bottom: 20px;
    border-bottom: 1px dotted #e97c98;
    */
    padding-top: 10px;
    border-top: 1px dotted #e97c98;
}
.input-order-container div.form__group.border.p-b0 {
    padding-bottom: 0;
}
.input-order-container div.form__group.border.m-b20-sp{
    margin-bottom: 20px;
}
.input-order-container div.form__group.border.nurture{
    border-top: 1px dotted #6aacd0;
}
.input-order-container div.form__group.border.manager{
    border-top: 1px dotted #7ce980;
}
.input-order-container div.form__group div.form__checkbox-group div.form__select-wrapper {
    padding-top: 10px;
}
.input-order-container div.form__group div.form__field div.form__text-wrapper {
    padding-top: 10px;
}
.input-order-container div.form__checkbox-group div.form__text-wrapper {
    padding-top: 10px;
}
.input-order-container div.form__checkbox-group div.form__checkbox {
    display: inline-block;
    padding-top: 5px;
}
.input-order-container div.form__group div.form__label.p-b20 {
    padding-bottom: 20px;
}

.input-order-container .order-description {
    font-size: 0.6rem;
    line-height: 1.2rem;
}

.input-order-container .order-description p {
    font-size: inherit !important;
    margin: 0.3rem 0rem;
}

@media print,
screen and (min-width: 737px) {
    .input-order-container-wrapper {
        padding: 0;
    }
    .input-order-container-wrapper.request-log {
        padding: 0 10px;
    }
    .input-order-container {
        border: 1px solid #070707;
        border-radius: 10px;
        width: 1000px;
        margin: 0 auto;
        background-color: #fff;
        padding: 40px;
        margin-bottom: 40px;
    }
    .input-order-container.nurture {
        border: 1px solid #6aacd0;
    }
    .input-order-container.manager {
        border: 1px solid #7ce980;
    }
    .input-order-container.request-log {
        width: auto;
    }
    .input-order-container.search {
        padding-left: 40px;
        margin-bottom: 0;
    }
    .input-order-container div.form__group {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        min-height: 38px;
        line-height: 38px;
        margin-bottom: 5px;
    }
    .input-order-container div.form__group.confirm {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        min-height: 38px;
        line-height: 38px;
        margin-bottom: 5px;
    }
    .input-order-container div.form__group.confirm div.form__label.manager-info {
        min-width: 200px;
    }
    .input-order-container div.form__group.m-b0 {
        margin-bottom: 0;
    }
    .input-order-container div.form__group.p-t0 {
        padding-top: 0;
    }
    .input-order-container div.form__group:first-child {
        padding-top: 0;
    }
    .input-order-container div.form__group:last-child {
        padding-bottom: 0;
    }
    .input-order-container div.form__group.border {
        border-top: 1px dotted #e97c98;
        border-bottom: none;
        padding: 0;
        padding-top: 5px;
        min-height: 43px;
        line-height: 43px;
        margin-bottom: 5px;
    }
    .input-order-container div.form__group.border.manager {
        border-top: 1px dotted #7ce980;
    }
    .input-order-container div.form__group.border.m-b0 {
        margin-bottom: 0;
    }
    .input-order-container div.form__group.p-t10-b20 {
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .input-order-container div.form__group.p-b10 {
        padding-bottom: 10px;
    }
    .input-order-container div.form__group.p-b0 {
        padding-bottom: 0;
    }
    .input-order-container div.form__group div.form__label {
        min-width: 250px;
        font-size: 1rem;
    }
    .input-order-container div.form__group div.form__label.comment {
        padding-top: 10px;
        line-height: 25px;
    }
    .input-order-container div.form__group div.form__label.nurture {
        min-width: 300px;
    }
    .input-order-container div.form__group div.form__label.manager {
        min-width: 170px;
    }
    .input-order-container div.form__group div.form__label.search {
        min-width: 90px;
    }
    .input-order-container div.form__group div.form__label.request-log {
        min-width: 150px;
    }
    .input-order-container div.form__group div.form__field {
        font-size: 1rem;
    }
    .input-order-container div.form__checkbox-group label {
        margin-right: 20px;
        font-size: 1rem;
    }
    .input-order-container div.form__group p {
        font-size: 1rem;
        word-break: break-all;
    }
    .input-order-container div.form__group p.info {
        padding-top: 10px;
        line-height: normal;
    }
    .input-order-container div.form__group div.form__field.password {
        width: 540px;
    }
    .input-order-container div.form__group div.form__field.password2 {
        width: 640px;
    }
    .input-order-container div.form__group div.form__field.manager span.disptarget {
        display:inline-block;
        width: 150px;
    }
    .input-order-container div.form__group div.form__field div.form__text-wrapper {
        padding-top: 10px;
        width: 540px;
    }
    .input-order-container div.form__group div.form__field div.form__text-wrapper.startplace {
        display: inline-block;
        padding-top: 10px;
        width: 200px;
    }
    .input-order-container div.form__group div.form__field div.form__text-wrapper.startplace:first-of-type {
        margin-right: 10px;
    }
    .input-order-container div.form__group div.form__field div.form__text-wrapper.endplace {
        display: inline-block;
        padding-top: 10px;
        width: 200px;
    }
    .input-order-container div.form__group div.form__field div.form__text-wrapper.endplace:first-of-type {
        margin-right: 10px;
    }
    .input-order-container div.form__group div.form__field textarea {
        width: 540px;
    }
    .input-order-container div.form__group div.form__field div.attachment-file-area {
        border:1px dotted #bbb;
        padding:20px;
        width: 540px;
    }
    .input-order-container div.form__group div.form__field div.attachment-file-area.dragover {
        background-color: #666;
    }
    .input-order-container div.form__group div.form__field div.attachment-file-area p.dragover{
        display:none;
    }
    .input-order-container div.form__group div.form__field div.attachment-file-area.dragover p.dragover {
        display:block;
        color: #ccc;
        font-weight: 700;
    }
    .input-order-container div.form__group div.form__field div#select-file-area {

    }
    .input-order-container div.form__group div.form__field div#select-file-area div.group {
        display:flex;
    }
    .input-order-container div.form__group div.form__field div#select-file-area div.group.border {
        border-top: 1px dotted #7ce980;
    }
    .input-order-container div.form__group div.form__field div#select-file-area div.group div.left {
        width: 300px;
        word-break: break-all;
    }
    .input-order-container div.form__group div.form__field div#select-file-area div.group div.right {
        width: 240px;
        word-break: break-all;
    }
    .input-order-container div.form__checkbox-group div.form__text-wrapper {
        padding-top: 10px;
        width: 540px;
    }
    .input-order-container div.form__checkbox-group div.form__checkbox {
        display: inline-block;
        padding-top: 0;
    }

    .input-order-container .order-description {
        font-size: 0.8rem;
        line-height: 1.2rem;
    }
    
    .input-order-container .order-description p {
        font-size: inherit !important;
        margin: 0.5rem 1rem;
    }
}


.order-nac-selectlist-button{
    float:left;
    height:30px;
    width:20%;
}
.order-nac-selectlist-label{
    float:left;
    width:80%;
    line-height:normal;
    padding-top:3px;
    padding-left:15px;
    margin-bottom:20px;
}
@media only screen and (max-width: 736px) {
    .order-nac-selectlist-button{
        float:left;
        height:30px;
        width:30%;
        margin-bottom:15px;
    }
    .order-nac-selectlist-label{
        float:left;
        width:70%;
        line-height:normal;
        padding-top:5px;
        padding-left:15px;
        margin-bottom:20px;
    }
}

.order-ticket-json {
    display: none;
}

.order-ticket-button-group {
    display: inline-block;
}

.order-ticket-button {
    width: 30px;
    height: 30px;
    margin: auto;
    border-style: solid;
    border-color: rgb(236, 112, 96);
    border-width: 3px;
    border-radius: 5px;
    font-size: large;
    color: rgb(236, 112, 96);
}

.order-ticket-button:hover {
    opacity: 0.75;
}

.order-ticket-row {
    width: 100%;
    height: 36px;
    display: flex;
    margin: 0.8rem 0rem;
}

.order-ticket-row .order-ticket-name {
    flex: 1 1 50%;
    margin-right: 10px;
    height: 100%;
    background-color: transparent;
}

.order-ticket-row .order-ticket-amount-group {
    flex: 1 0 100px;
    max-width: 100px;
    height: 100%;
    display: flex;
    margin-right: 10px;
}

.order-ticket-row .order-ticket-amount-label {
    flex: 0 0 auto;
    display: inline-block;
    line-height: 30px;
}

.order-ticket-row .order-ticket-amount {
    flex: 1 1 auto;
    width: 100%;
    text-align: center;
}

.order-ticket-row .order-ticket-delete {
    flex: 0 0 30px;
    height: 30px;
}

@media print,
screen and (min-width: 737px) {
    .order-ticket-row {
        width: 100%;
        height: 36px;
        display: flex;
        margin: 0.2rem 0rem;
    }

    .order-ticket-row .order-ticket-amount-group {
        height: 100%;
    }
}

/* オーダー申込入力欄部分 ここまで */

/* オーダー申込確認 ここから */
.order-confirm-title {
    font-size: 0.9375rem;
    font-weight: 700;
    border-bottom: 1px solid #e97c98;
    padding-bottom: 10px;
}
@media print,
screen and (min-width: 737px) {
    .order-confirm-title {
        font-size: 1.2rem;
        font-weight: 700;
        border-bottom: 1px solid #e97c98;
        padding-bottom: 10px;
        margin-bottom: 5px;
    }
}
/* オーダー申込確認 ここまで */

/* オーダー申込完了 ここから */
.order-complete-description {
    font-size: 0.9375rem;
    text-align: left;
    /*padding-bottom: 40px;*/
}
.order-complete-description.important {
    color:#ff4c4c;
    font-weight: 700;
}
.order-complete-description.update-plan {
    color:#4ca4ff;
    font-weight: 700;
}
@media print,
screen and (min-width: 737px) {
    .order-complete-description {
        width: 1000px;
        margin: 0 auto;
        font-size: 1rem;
        padding-left: 20px;
        /*text-align: center;*/
        /*padding-bottom: 40px;*/
    }
    .order-complete-description.ta-c-pc {
        text-align: center;
    }
}
/* オーダー申込完了 ここまで */

/* ----- オーダー申込関連 ここまで ----- */

/* ----- オーダー照会関連 ここから ----- */

/* オーダー照会枠 ここから */
.search-order-container-wrapper{

}
.search-order-container{
    border-top: 1px solid #e97c98;
    background-color: #fff;
    padding: 20px 0;
}
.search-order-container.nurture{
    border-top: 1px solid #6aacd0;
}
.search-order-container.manager{
    border-top: 1px solid #7ce980;
}
.search-order-container div.form__group {
    padding: 0 10px;
}
@media print,
screen and (min-width: 737px) {
    .search-order-container-wrapper{
    }
    .search-order-container{
        border: 1px solid #e97c98;
        border-radius: 10px;
        width: 1000px;
        margin: 0 auto;
        background-color: #fff;
        padding: 20px;
    }
    .search-order-container.nurture{
        border: 1px solid #6aacd0;
    }
    .search-order-container.manager{
        border: 1px solid #7ce980;
    }
    .search-order-container div.form__group {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        min-height: 38px;
        line-height: 38px;
        margin-bottom: 5px;

    }
    .search-order-container div.form__group div.form__label {
        min-width: 115px;
        font-size: 1rem;
    }
}
/* オーダー照会枠 ここまで */

/* オーダー照会 年月、表示タイプアイコンの表示部分 ここから */
#prev-page-link {
    font-size: 1.25rem;
}
#next-page-link {
    font-size: 1.25rem;
}
/*カレンダーアイコン　菅原追加*/
.calendar-ym-icon {
    font-size: 1.25rem;
}
.calendar-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    /*margin-bottom: 10px;*/
}
.order-change-text {
    text-align: center;
    font-size: 0.65rem;
    height:20px;

}
@media print,
screen and (min-width: 737px) {
    .calendar-menu {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
        padding-left: 10px;
        padding-right: 0;
        padding-bottom: 10px;
        border-bottom: 1px dotted #ccc;
        margin-bottom: 0;
    }
    .calendar-menu-type {
        padding-right: 10px;
    }
    .order-change-text {
        text-align: left;
        font-size: 0.65rem;

    }    
}
/* オーダー照会 年月、表示タイプアイコンの表示部分 ここまで */

/* オーダー照会 リスト表示の場合の月、週、日の表示部分 ここから */
.calendar-list-menu {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.calendar-list-menu > div {
    flex: 1;
    text-align: center;
    height: 40px;
    line-height: 40px;
    border-bottom: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
}
.calendar-list-menu > div:last-child {
    border-right: none;
}
@media print,
screen and (min-width: 737px) {
    .calendar-list-menu > div:first-child {
        border-left: 1px dotted #ccc;
    }
    .calendar-list-menu > div:last-child {
        border-right: 1px dotted #ccc;
    }
}
/* オーダー照会 リスト表示の場合の月、週、日の表示部分 ここまで */

/* カレンダー一行目 ここから */
.calendar-first-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.calendar-first-row.display-none-sp {
    display: none;
}
.calendar-first-row > div {
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
}
@media print,
screen and (min-width: 737px) {
    .calendar-first-row {
        width: 958px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
    }
    .calendar-first-row > div {
        height: 40px;
        line-height: 40px;
        width: 100%;
        text-align: center;
    }
}
/* カレンダー一行目 ここまで */

/* カレンダー日付表示の行 ここから */
.calendar-day-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
}
.calendar-day-row > div {
    height: 60px;
    width: 100%;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    position: relative;
}
.calendar-day-row > div:first-child {
    border-left: none;
}
.calendar-day-row > div.calendar-active {
    box-shadow: 0 0 0 3px #ec7063 inset;
}
.calendar-day-row > div > div.calendar-day-wrapper-sp {
    height: 100%;
}
.calendar-day-row > div > div > span.calendar-day {
    padding-left: 5px;
}
.calendar-day-row > div > div > dl > dt > a {
    padding-left: 5px;
}
.calendar-day-row > div > div.display-none-pc > span.calendar-number {
    position: absolute;
    bottom: 3px;
    left: 3px;
    right: 3px;
    margin: auto;
    height: 30px;
    line-height: 30px;
    text-align: center;
    width: 60%;
    font-weight: 700;
}
.calendar-day-row-last {
    margin-bottom: 10px;
}
.calendar-day-row-last > div {
    border-bottom: 1px solid #ccc;
}
.calendar-day-row div.calendar-day-sp {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 0.9375rem;
    font-weight: 700;
    border: 1px solid #ccc;
    border-radius: 4px 4px 0 0;
    background-color: #fff;
}
.calendar-day-row div.calendar-plan-sp {
    min-height: 15px;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 0 0 4px 4px;
    margin-bottom: 20px;
    /*    padding: 20px;*/
}
.calendar-day-row div.calendar-plan-sp.plan {
    padding: 20px;
}
.calendar-day-row div.calendar-plan-sp.time {
    text-align: center;
    padding: 10px 0;
}
@media print,
screen and (min-width: 737px) {
    .calendar-day-row {
        width: 958px;
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between;
    }
    .calendar-day-row > div {
        height: 150px;
        width: 100%;
        /*padding-left: 10px;*/
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
    }
    .calendar-day-row > div > div.calendar-day-wrapper-pc-wrapper {
        padding-left: 10px;
        padding-right: 10px;
        height: 100%;
        width: 100%;
    }
    .calendar-day-row > div > div.calendar-day-wrapper-pc-wrapper.thismonth:hover {
        cursor: pointer;
    }
    .calendar-day-row > div:first-child {
        border-left: 1px solid #ccc;
    }
    .calendar-day-row > div dl {
        font-size: .6875rem;
    }
    .calendar-day-row > div dl dt {
        word-break: break-all;
    }
    .calendar-day-row > div:last-child {
        border-right: 1px solid #ccc;
    }
    .calendar-day-row:last-child > div {
        border-bottom: 1px solid #ccc;
    }
}
/* カレンダー日付表示の行 ここまで */

/* 選択日のオーダー概要表示 ここから */

#calendar-order-description-wrapper {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    min-height: 100%;
    background-color: #f9c9d5;
    padding: 0 10px;
    padding-bottom: 20px;
    overflow-y: scroll;
}
#calendar-order-description-wrapper.nurture{
    background-color: #c4e6f8;
}
#calendar-order-description-wrapper.manager{
    background-color: #c9f9cc;
}
#calendar-order-description-close {
    display: block;
    font-size: 2rem;
    color: #666;
}
.calendar-order-description {
    padding: 0 10px;
    border: 1px solid #e97c98;
    border-radius: 10px;
    background-color: #fff;
    margin-bottom: 40px;
}
.calendar-order-description.nurture {
    border: 1px solid #6aacd0;
}
.calendar-order-description.manager {
    border: 1px solid #7ce980;
}
.calendar-order-description div.form__group {
    padding-top: 10px;
    padding-bottom: 10px;
}
.calendar-order-description div.form__group.border {
    padding-top: 20px;
    border-top: 1px dotted #e97c98;
}
.calendar-order-description.nurture div.form__group.border {
    border-top: 1px dotted #6aacd0;
}
.calendar-order-description.manager div.form__group.border {
    border-top: 1px dotted #7ce980;
}
.calendar-order-description div.form__group div.form__field div.form__text__wrapper {
    padding-top: 10px;
}
.calendar-order-description div.form__checkbox-group div.form__text__wrapper {
    padding-top: 10px;
}
.calendar-order-description div.form__group div.form__label.p-b20 {
    padding-bottom: 20px;
}
.calendar-order-title {
    font-size: 0.9375rem;
    font-weight: 700;
    padding-bottom: 10px;
}
@media print,
screen and (min-width: 737px) {
    #calendar-order-description-wrapper {
        padding: 0;
    }
    #calendar-order-description-wrapper-pc {
        width: 1000px;
        margin: 0 auto;
    }
    .calendar-order-description {
        padding: 20px;
    }
    .calendar-order-description div.form__group {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .calendar-order-description div.form__group:first-child {
        padding-top: 0;
    }
    .calendar-order-description div.form__group:last-child {
        padding-bottom: 0;
    }
    .calendar-order-description div.form__group.border {
        border-top: 1px dotted #e97c98;
    }
    .calendar-order-description div.form__group.p-t10-b20 {
        padding-top: 10px;
        padding-bottom: 20px;
    }
    .calendar-order-description div.form__group.p-b0 {
        padding-bottom: 0;
    }
    .calendar-order-description div.form__group div.form__label {
        min-width: 250px;
        font-size: 1rem;
    }
    .calendar-order-description div.form__group div.form__field {
        font-size: 1rem;
    }
    .calendar-order-description div.form__checkbox-group label {
        margin-right: 20px;
        font-size: 1rem;
    }
    .calendar-order-description div.form__group div.form__field div.form__text__wrapper {
        padding-top: 10px;
        width: 540px;
    }
    .calendar-order-description div.form__checkbox-group div.form__text__wrapper {
        padding-top: 10px;
        width: 540px;
    }
    .calendar-order-title {
        font-size: 1.2rem;
        font-weight: 700;
        padding-bottom: 15px;
    }
}

/* ボタン表示部分 */
.order-description-form-button {
    padding: 0;
}
.order-description-form-button > input {
    display: block;
    width: 100%;
    margin-bottom: 20px;
}
@media only screen and (max-width: 736px) {
    .order-description-form-button > input.m-b0-sp {
        margin-bottom: 0;
    }
}
@media print,
screen and (min-width: 737px) {
    .order-description-form-button {
        text-align: center;
        padding: 0;
        padding-bottom: 20px;
    }
    .order-description-form-button > input {
        display: inline-block;
        width: 300px;
        margin-right: 30px;
        margin-bottom: 0;
    }
    .order-description-form-button > input.btn--w200 {
        width: 200px;
    }
    .order-description-form-button > input:last-child {
        margin-right: 0;
    }
}
/* 選択日のオーダー概要表示 ここまで */

/* オーダー照会 リスト表示 ここから */
.weekly-day-row-wrapper {
    padding: 0 10px;
}
.weekly-day-row {
    margin-bottom: 20px;
}
.weekly-day-row:last-child {
    margin-bottom: 0;
}
.weekly-day {
    font-size: 0.9375rem;
    font-weight: 700;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 4px 4px 0 0;
}
.weekly-order {
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
    min-height: 15px;
    margin-bottom: 20px;
}
.weekly-order.first {
    border-top: 0;
    border-radius: 0 0 4px 4px;
}
.weekly-order:last-child {
    margin-bottom: 0;
}
.weekly-order.list:nth-last-child(2){
    margin-bottom: 0;
}
.weekly-order.order {
    padding: 20px;
}
.day-order-title {
    font-size: 0.9375rem;
    font-weight: 700;
    padding-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 10px;
}
.day-order-title.first {
    padding-top: 0;
}
.day-order-row {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 10px;
    border-bottom: 1px dotted #ccc;
    margin-bottom: 10px;
}
.day-order-row.last {
    padding-bottom: 0;
    border-bottom: 0;
    margin-bottom: 0;
}
.day-order-head {
    min-width: 40%;
}
.day-order-item {
    word-break: break-all;
}
@media print,
screen and (min-width: 737px) {
    .weekly-day-row-wrapper {
        padding: 0;
    }
    .weekly-day-row {
        margin-bottom: 20px;
    }
    .weekly-day-row:last-child {
        margin-bottom: 0;
    }
    .weekly-day-row.toggle:hover{
        cursor: pointer;
    }
    .weekly-day {
        font-size: 1.2rem;
        font-weight: 700;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border: 1px solid #ccc;
        border-radius: 4px 4px 0 0;
    }
    .weekly-order {
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc;
        border-radius: 4px 4px 4px 4px;
        min-height: 15px;
        margin-bottom: 20px;
    }
    .weekly-order.first {
        border-top: 0;
        border-radius: 0 0 4px 4px;
    }
    .weekly-order:last-child {
        margin-bottom: 0;
    }
    .weekly-order.order {
        padding: 20px 40px 10px 40px;
    }
    .day-order-title {
        font-size: 1.2rem;
        font-weight: 700;
        padding-bottom: 10px;
        border-bottom: 1px solid #ccc;
        margin-bottom: 5px;
    }
    .day-order-row {
        display: -webkit-flex;
        display: -ms-flexbox;
        display: flex;
        padding: 0;
        min-height: 38px;
        line-height: 38px;
        margin-bottom: 5px;
        border-bottom: 1px dotted #ccc;
    }
    .day-order-head {
        min-width: 250px;
        font-size: 1rem;
    }
    .day-order-item {
        font-size: 1rem;
        word-break: break-all;
    }
}
/* オーダー照会 リスト表示 ここまで */

/* オーダー照会 キャンセルボタン表示 ここから */
.cancel-button-row {
    padding: 20px 0 0 0;
}
.cancel-button-row > input {
    display: block;
    width: 100%;
}
@media print,
screen and (min-width: 737px) {
    .cancel-button-row{
        padding: 20px 0 0 0;
        text-align: center;
    }
    .cancel-button-row > input {
        display: inline-block;
        width: 300px;
    }
}
/* オーダー照会 キャンセルボタン表示 ここまで */

/* ----- オーダー照会関連 ここまで ----- */

/* ----- ユーザー検索のテーブル ここから ----- */
.scroll{
    overflow: auto;
    white-space: nowrap;
}
#user-table{
    border-collapse:collapse;
    width: 918px;
    table-layout: fixed;
    word-break: break-all;
    white-space: normal;
}
#user-table tr{
    min-height: 40px;
    line-height: 40px;
}
#user-table tr.bg-color{
    background-color: #c9f9cc;
}
#user-table tr th{
    border: 1px solid #7ce980;
    text-align: center;
}
#user-table tr th.kbn{
    width: 45px;
}
#user-table tr th.cikcd{
    width: 45px;
}
#user-table tr th.no{
    width: 50px;
}
#user-table tr th.name{
    width: 180px;
}
#user-table tr th.first-passwd{
    width: 115px;
}
#user-table tr th.last-login{
    width: 165px;
}
#user-table tr th.login-count{
    width: 100px;
}
/*
#user-table tr th.link{
    width: 220px;
}
*/
#user-table tr th.kbn-sp{
    width: 100px;
}
#user-table tr th.cikcd-sp{
    width: 70px;
}
#user-table tr th.no-sp{
    width: 70px;
}
#user-table tr th.first-passwd-sp{
    width: 150px;
}
#user-table tr th.last-login-sp{
    width: 180px;
}
#user-table tr th.link-sp{
    width: 220px;
}
#user-table tr td{
    border: 1px solid #7ce980;
    padding-left: 5px;
}
@media print,
screen and (min-width: 737px) {
    #user-table tr td{
        border: 1px solid #7ce980;
        padding-left: 10px;
    }
}
#user-table tr td.kbn{
    padding-left: 0;
    text-align: center;
}
#user-table tr td.cikcd{
    padding-left: 0;
    text-align: center;
}
#user-table tr td.no{
    padding-left: 0;
    text-align: center;
}
#user-table tr td.first-passwd{
    padding-left: 0;
    text-align: center;
}
#user-table tr td.last-login{
    padding-left: 0;
    text-align: center;
}
#user-table tr td.login-count{
    padding-left: 0;
    text-align: center;
}
#user-table tr td.link{
    padding-left: 0;
    text-align: center;
}
/* ----- ユーザー検索のテーブル ここまで ----- */

/* ----- リクエストログ確認のテーブル ここから ----- */
#request-log-table{
    border-collapse:collapse;
    width: 100%;
}
#request-log-table tr{
    min-height: 40px;
    line-height: 40px;
}
#request-log-table tr.bg-color{
    background-color: #c9f9cc;
}
#request-log-table tr th{
    border: 1px solid #7ce980;
    text-align: center;
}
#request-log-table tr th.date{
    width: 170px;
}
#request-log-table tr th.method{
    width: 100px;
}
#request-log-table tr th.ip{
    width: 170px;
}
#request-log-table tr th.browser{
    width: 170px;
}
#request-log-table tr th.platform{
    width: 170px;
}
#request-log-table tr th.device{
    width: 170px;
}
#request-log-table tr th.login-id{
    width: 100px;
}
#request-log-table tr th.name{
    width: 170px;
}
#request-log-table tr th.result{
    width: 100px;
}
#request-log-table tr td{
    border: 1px solid #7ce980;
    padding-left: 5px;
}
@media print,
screen and (min-width: 737px) {
    #request-log-table tr td{
        border: 1px solid #7ce980;
        padding-left: 10px;
    }
}
/* ----- リクエストログ確認のテーブル ここまで ----- */


/* ----- 会員Web予約システムのログインページの注意事項 ここから ----- */
#login-exclamation{
    color:#e64444;
    font-weight:700;
    font-size: .8125rem;
}
@media print,
screen and (min-width: 737px) {
    #login-exclamation{
        font-size: 1.2rem;
    }
}
/* ----- 会員Web予約システムのログインページの注意事項 ここまで ----- */