.login {
    width: 45%;
    font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;    /* '/App/fonts/Kozuka-Gothic-Pro-M_26793.ttf'; */
}

.login {
    background: #eeeeee none repeat scroll 0 0;
    margin: 100px auto 0;
    padding: 10px;
    width: 50%;
}
/*Tham-NTK mod Login start*/
/*@media (min-width:600px) {
    .login-admin {
        width: 30%;
    }
}*/
@media (min-width:600px) {
    .login-admin {
        width: 300px;
    }
}
/*Tham-NTK mod Login end*/
@media (max-width:599px) {
    .login-admin {
        width: 70%;
    }
}
.login-admin {
    margin: 0 auto;
    padding: 50px 10px 10px 10px;
}

.form-proflie {
    background: #eeeeee none repeat scroll 0 0;
    margin: 50px auto 0;
    padding: 10px;
    width: 50%;
}

.form-viewpost {
    margin: 70px auto 0;
    width: 80%;
    font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;    /* '/App/fonts/Kozuka-Gothic-Pro-M_26793.ttf'; */
}

.ionic-body-new {
    background: #eeeeee none repeat scroll 0 0;
}

/*Tham-NTK del Login start*/
/*.ionic-input .ionic-input-user {
    background: rgba(255, 255, 255, 1) url("/App/img/ionic/friends_1.png") no-repeat scroll 7px 3px !important;
    border: 1px solid #8b8b8b;
    color: #000 !important;
    display: block;
    font-size: 15px;
    font-weight: 400;
    outline: medium none;
    padding-left: 40px;
    width: 100%;
    border-radius: 5px;
}*/
/*Tham-NTK del Login end*/

input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
    background-color: transparent !important;
    transition: background-color 5000s ease-in-out 0s !important;
}
.ionic-input-email input[type="text"] {
    background: rgba(255, 255, 255, 1) url("/App/img/ionic/email-1.png") no-repeat scroll 7px 2px !important;
    border: 1px solid #8b8b8b;
    color: #000 !important;
    display: block;
    font-size: 15px;
    font-weight: 400;
    outline: medium none;
    padding: 10px 10px 10px 40px;
    width: 100%;
    border-radius: 5px;
}

.ionic-input-iphone input[type="text"] {
    background: rgba(255, 255, 255, 1) url("/App/img/ionic/iphone-1.png") no-repeat scroll 7px 2px !important;
    border: 1px solid #8b8b8b;
    color: #000 !important;
    display: block;
    font-size: 15px;
    font-weight: 400;
    outline: medium none;
    padding: 10px 10px 10px 40px;
    width: 100%;
    border-radius: 5px;
}
/*Tham-NTK del login start*/
/*.ionic-input .ionic-input-password {
    background: rgba(255, 255, 255, 1) url("/App/img/ionic/lock_1.png") no-repeat scroll 7px 2px !important;
    border: 1px solid #8b8b8b;
    color: #000 !important;
    display: block;
    font-size: 15px;
    font-weight: 400;
    outline: medium none;
    padding-left: 40px;
    width: 100%;
    border-radius: 5px;
}*/
/*Tham-NTK del login end*/

/*.ionic-input
{
    height:40px;
}*/

/*Tham-NTK mod login start*/
/*.ionic-btn {
    background-color: #00a6ec;
    color: #fff;
    vertical-align: middle;
}*/
.ionic-btn {
    /* 2021/12/24 backlog 8738 FB10#S57 Sawada MOD start */
    /* background-color: #EF5620; */
    background-color: #F9885A;
    font-size: 14px;
    color: #fff;
    vertical-align: middle;
    /* height: 34px; */
    /* width: 150px; */
    height: 36px;
    width: 200px;
    /* 2021/12/24 backlog 8738 FB10#S57 Sawada MOD end */
}

    .ionic-btn:hover {
        color: white !important;
        text-decoration: none;
    }
/*Tham-NTK mod login end*/

.ionic-btn-hot {
    background-color: #f45454;
    vertical-align: middle;
}

.ionic-title {
    /*font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;*/ /* '/App/fonts/Cousine-Italic'; */
    /*Sawada MOD Backlog 8304:MEETUP start*/
    /*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","segoe ui","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif !important;*/
    font-family: "Noto Sans JP", sans-serif !important;
    /*Sawada MOD Backlog 8304:MEETUP end*/
    color: #fff;
    margin: 0 auto;
    padding-top: 20px;
    float: left;
    height: 50px;
}

.ionic-btn-top-left {
    color: #fff;
    position: inherit;
    margin-top: 17px;
    margin-left: 5px;
    padding: 0;
}

    .ionic-btn-top-left > img {
        width: 70%;
    }

.ionic-header {
    background: #00a6ec !important;
    height: 70px;
}

.scroll-bar {
    background: #eeeeee none repeat scroll 0 0 !important;
}

.ionic-img-sign {
    text-align: center;
}

.list-menu-img > a > img {
    margin: 0 auto;
}

.list-item-menu {
    width: 33.33%;
}

.list-menu-type > .row > .list-item-menu > p {
    text-align: center;
    font-size: 20px;
    font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;    /* '/App/fonts/Cousine-Italic'; */
}

.list-menu-type {
    margin-top: 110px;
}

.ionic-footer {
    background: #00a6ec;
    height: 60px;
}

.ionic-list-profile {
    width: 100%;
    display: block;
    margin: 10px;
}

.ionic-profile-img, .ionic-profile-detail {
    float: left;
}

    .ionic-profile-img > img {
        text-align: center;
        margin-left: 20px;
    }

    .ionic-profile-detail > p {
        padding-left: 20px;
        font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;    /* 'Cousine-BoldItalic.ttf'; */
        font-size: 20px;
    }

.ionic-table {
    width: 60%;
    margin: 0 auto;
}

.ionic-menu-footer {
    width: 70%;
    margin: 0 auto;
}

.ionic-img-footer {
    margin-top: -5px;
}

.ionic-clips {
    margin-top: 70px;
    padding: 0;
}

.ionic-list-clips {
    width: 100%;
    margin: 0;
    padding: 0;
}

    .ionic-list-clips > .row > .ionic-clips-left > img {
        width: 100%;
        min-width: 100%;
        vertical-align: middle;
        min-height: 100%;
    }

    .ionic-list-clips > .row > .ionic-clips-left > a > img {
        width: 100%;
        min-width: 100%;
        vertical-align: middle;
    }

.ionic-clips-left > a > img {
    width: 100%;
    min-width: 100%;
    vertical-align: middle;
}

.ionic-detail-clips {
    margin:0;
    padding: 0 10px;
}

.ionic-detail-top {
    margin: 0;
    padding: 0;
    position: relative;
}

.ionic-clips-ava {
    float: left;
}

.ionic-clips-time {
    float: left;
    margin-top: 5px;
    font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;    /* 'Cousine-BoldItalic.ttf'; */
    font-size: 14px;
    line-height: 16px;
}

.ionic-clips-left {
    margin: 0;
    padding: 0;
    width: 30%;
}

.ionic-clips-right {
    margin: 0;
    padding: 0;
    width: 70%;
}

.ionic-detail-body > h4 {
    color: #00a6ec;
    font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;    /* '/App/fonts/Cousine-Italic.ttf'; */
}

.ionic-detail-body > a > h4 {
    font-size: 16px;
    font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;
    font-weight: 600;
    color:#434343;
    line-height:17px;
    vertical-align:middle;
}

.ionic-detail-body > a {
    text-decoration: none;
}

    .ionic-detail-body > a > p {
        font-size: 14px;
        font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;
        text-align: justify;
        color: #8b8b8b;
        line-height:18px;
    }

.ionic-detail-body > p {
    font-size: 14px;
    font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;
    text-align: justify;
}

.no-padding {
    padding: 0;
}

.no-margin {
    margin: 0;
}

.ionic-view {
    height: auto;
    width: 60%;
    padding: 0;
    margin: 0 auto;
    vertical-align: top;
    text-align: center;
}

.ionic-feed {
    height: auto;
    width: 400px;
    padding: 0;
    margin: 0 auto;
    vertical-align: top;
    text-align: center;
}

.ionic-view > .ionic-view-img > img {
    width: 100%;
}

.ionic-feed > .ionic-view-img > a > img {
    width: 100%;
    height: 320px;
}

.ionic-view-header {
    text-align: left;
    vertical-align: top;
    margin-top: 10px;
}

    .ionic-view-header > h4 {
        color: #00a6ec;
        font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;    /* '/App/fonts/Kozuka-Gothic-Pro-M_26793.ttf'; */
    }

    .ionic-view-header > h5 {
        font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;
        color: #434343;
        text-align:left;
        line-height:20px;
        padding:0 20px;
    }

.ionic-view-deatail {
    padding: 10px;
    text-align: justify;
    font-size: 14px !important;
    font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;    /* '/App/fonts/Kozuka-Gothic-Pro-M_26793.ttf' !important; */
}

    .ionic-view-deatail > p {
        font-size: 14px;
        font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;
        text-align: justify;
        color: #8b8b8b;
    }

    .ionic-view-deatail > span > span > p {
        font-size: 14px;
        font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;
        text-align: justify;
    }

    .ionic-view-deatail > span > p {
        font-size: 14px;
        font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;
        text-align: justify;
    }

    .ionic-view-deatail > span > span {
        font-size: 14px !important;
        font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;
        text-align: justify;
    }

    .ionic-view-deatail > p > img {
        width: 100% !important;
    }


.ionic-view-img > a > img {
    position: relative;
}

.ionic-view-img > .ionic-view-icon {
    position: absolute;
    right: 10px;
    bottom: 10px;
}

.ionic-view-header > a > h5 {
    font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;
    text-decoration: none;
    color: #434343;
    font-weight: 600;
}

.ionic-view-header > h5 {
    font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;
    text-decoration: none;
    color: #434343;
    font-weight: 600;
}

.ionic-view-header > a {
    text-decoration: none;
}

    .ionic-view-header > a > p {
        font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;    /* '/App/fonts/Kozuka-Gothic-Pro-M_26793.ttf'; */
        text-decoration: none;
        font-size: 18px;
        color: #00a6ec;
    }

.ionic-view-deatail > p > span > img, .ionic-view-deatail > p > span > span > img {
    min-width: 100% !important;
    width: 100% !important;
    height: auto !important;
}

.ionic-feed-title > div {
    font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;    /* '/App/fonts/Kozuka-Gothic-Pro-M_26793.ttf'; */
    text-decoration: none;
    font-size: 18px;
    color: #00a6ec;
}

    .ionic-feed-title > div > span {
        font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif; /* '/App/fonts/Kozuka-Gothic-Pro-M_26793.ttf'; */
        text-decoration: none;
        font-size: 14px !important;
        color: #000000;
    }

.ionic-view-body > p {
    font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;
    font-size: 15px;
    padding: 0 20px;
    text-align: justify;
    color: #8b8b8b;
}

.ionic-view-category p {
    font-family: Meiryo,Tahoma,Verdana,Arial,sans-serif;
    font-size: 13px;
    padding: 0 20px;
    text-align: justify;
    color: #434343;
    font-weight: bold;
}

.ionic-view-deatail > p > a > img {
    width: 100% !important;
    height: auto !important;
}

.ionic-view-deatail > p > p > span > span {
    width: 100%;
}

.department {
    float: left;
    width: 60%;
}

.time-feed {
    float: right;
    width: 70%;
    text-align: right;
}
.thumbnail-viewpost > img
{
    width:100%;
    min-width:100%;
}
.ionic-feed .ionic-view-img > img
{
    width:100%;
}
.ionic-viewpost {
    height: auto;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 60%;
}
.ionic-view-deatail > p > p > img
{
    width:100% !important;
    min-width:100% !important;
    height:auto !important;
}