.chat4-obj-time { margin: 0 10px; font-size: 14px;}
.chat4_obj_msg { max-width: 65% !important;}

.chat4-date { display: flex; justify-content: center; align-items: center; font-size: 14px;;
    margin: 50px 0 40px; position: relative;
}

.chat4-date::before {content: ''; height: 1px; background: #ccc; width: 100%;}

.chat4-date span { position: absolute; background: #fff; padding: 0 10px;
    left: 35%; top: -10px; margin: auto;
}

.b-hr {height: 10px; background: whitesmoke; margin: 20px 0; display: block;}

.b-val-ok { background: url(/comm_res/pc/comm/form/b-val-ok.png) no-repeat right 10px center !important;}
.b-val-no { background: url(/comm_res/pc/comm/form/b-val-no.png) no-repeat right 10px center !important;}

.b-btn--46px {height: 46px; font-size: 22px;}
/**/


.b-req::after { content: '*'; color: red; position: relative; top: 3px; left: 5px;}

.b-btn--56px {height: 56px; font-size: 18px; padding: 0 18px;}

/**/
.b-nav {display: flex; flex-wrap: wrap;}

.b-nav > a { border-bottom: solid 2px #666; margin-right: 1.4em; position: relative;}
.b-nav > a:last-child { margin-right: 0;}

.b-nav > a::after { content: ''; position: absolute; right: -.7em; height: 50%; width: 1px; background: #888;
    top: 0; bottom: 0; margin: auto;
}
.b-nav > a:last-child::after {display: none;}
/**/

/**/
.b-pop {
    z-index: 10000; position: fixed; left: 0; top: 0; width: 100%; height: 100%;
    background: rgba(0,0,0,.5);
    display: none; align-items: center; justify-content: center;
}

.b-pop--show { display: flex !important;}

.b-pop-page {
    width: 90%; max-width: 500px;
    background: white;
    box-sizing: border-box;
    box-shadow: 0 0 2px 2px rgba(200,200,200, 0.2);
    border-radius: 10px; 
}

.b-pop-tit { text-align: center; display: flex;
    align-items: center; justify-content: center;
}

.b-pop-cont { padding: 50px 15px 40px;}

.b-pop-cont-html { text-align: center; font-size: 18px;}

.b-pop-btn-area { display: flex; justify-content: center; margin-top: 20px;}

.b-pop-foot { display: flex; height: 60px; align-items: center; justify-content: center;}
/**/

.b-btn--one { font-size: 18px; min-width: 178px; border-radius: 200px; height: 39px; font-family: noto-m}

/**/
.b-box {
    padding: 30px; background: #fff; box-sizing: border-box; border-radius: 6px; margin: 15px 0;
    display: block; border: solid 1px #ddd;
}

.b-box:first-child {margin-top: 0;}
.b-box:last-child {margin-bottom: 0;}

.b-box > * {margin: 15px 0;}
.b-box > *:first-child {margin-top: 0;}
.b-box > *:last-child {margin-bottom: 0;}

.b-box--yellow, .b-box--warn {background: #fff9e2;}
.b-box--blue, .b-box--goal {background: #f0f5ea;}
.b-box--red, .b-box--caution {background: #fff7f7;}
.b-box--silver, .b-box--info {background: #f5f5f5;}

.b-box-shadow {box-shadow: 1px 1px 3px #ccc;}

.icon_rank6 {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    border-color: #ea364b transparent transparent transparent;
    display: flex; position: relative;
}

.icon_rank6 span {position: absolute; top: -45px; left: 0px; color: #fff; font-size: 15px;
    display: block; text-align: center; width: 30px;
}

#header { background: #fff;}