@charset "UTF-8";

@media screen and (max-width:1440px){
    .c_list-item .action input {
        width: 170px;
    }
}
@media screen and (max-width:1360px){
    .sidebar,.clinic-sidebar {
        padding-bottom: 50px;
    }
    .clinic-sidebar {
        width: auto;
        max-width: 100%;
        margin-left: 0;
    }
    .clinic-sidebutton ul li {
        width: 21%;
    }
    .clinic-sidemenu ul li {
        width: 33%;
        text-align: center;
    }
    .clinic-sidemenu ul {
        justify-content: space-around;
    }
    .clinic-sidemenu ul li a {
        font-size: 1rem;
    }
    .admin-sidebar {
        width: auto;
        max-width: 100%;
        margin-left: 0;
        padding-bottom: 50px;
    }
    .c_list-item .action input {
        width: 175px;
    }
    .admit_wrap {
        max-width: 90%;
    }
    .admin_review_item, .admin_report_item {
        font-size: 15px;
    }
    .admin_review_item h3, .admin_report_item h3{
        font-size: 15px;
    }
    .admin_review_item .poster{
        width: 7em;
    }
    .admin_report_item .r_title{
        width: calc(40% - 8em);
    }
    .admin_report_item .c_name{
        width: calc(28% - 8em);
    }
    .admin_report_item .comment{
        width: calc(33% - 8em);
    }
    .admin_report_item .s_date{
        width: 10em;
    }
    .admin_report_item .status{
        width: 7em;
    }
}
@media screen and (max-width:1000px){
    .c-app-wrap input[type=checkbox] {
        width: 3%;
    }
    .c-app-wrap dd span {
        padding: 0 0.5em 0 0em;
    }
    .c_list-item .action input {
        width: 155px;
    }
    .admit_wrap {
        max-width: 95%;
    }
    .admit_submit_wrap {
        width: 70%;
    }
    .admin_c_item .c_name {
        width: 25%;
    }
    .admin_c_item .day,.admin_c_item .regidt {
        width: 16%;
    }
    .admin_c_item .action {
        width: 25%;
    }
    .admin_c_item .action {
        width: 22%;
    }
    .symp-details-inner a {
        width: 42%;
    }
    .exa .right dl dd {
        display: inline-block;
        width: 360px;
    }
    .exa .right dl dd input[type=checkbox] {
        width: 11%;
        margin: 0;
    }
    .exa .right dl.week span.dow-name {
        font-size: 0.7rem;
        width: 11%;
    }
    .admin_review_item, .admin_report_item {
        font-size: 14px;
    }
    .admin_review_item h3, .admin_report_item h3{
        font-size: 14px;
    }
    .mypage-menu ul li a{
        font-size: 1.125rem;
    }
}

@media screen and (max-width:900px){
    .main-contents {
        position: relative;
        padding: 0 0 0px 0;
    }
    .mypage-menu ul li {
        width: calc((100% - 20px) / 2);
    }
    .mypage-menu ul li:nth-child(3n){
        margin-right: 20px;
    }
    .mypage-menu ul li:nth-child(even){
        margin-right: 0;
    }
    .list-wrap {
        max-width: 95%;
    }
    .list-inner02 {
        width: 80%;
    }
    .list-inner03 {
        width: 85%;
    }
    .list-notece {
        width: 85%;
    }
    .exchange-wrap {
        max-width: 100%;
    }
    .exchange-inner .left {
        display: block;
        margin: 0 1rem 0 0;
    }
    .exchange-inner .middle {
        margin: 0 2rem 0 0;
    }
    .exchange-inner .right {
        text-align: center;
        margin: 20px auto;
    }
    .c_list-item .status p{
        text-align: center;
    }
    .clinic-sidemenu ul {
        justify-content: space-between;
    }
    .clinic-sidemenu ul li {
        width: 49%;
    }
    .clinic-sidemenu ul li a {
        font-size: 1.2rem;
    }
    .chat-wrap {
        width: 92%;
    }
    .chat-enter {
        width: 98%;
    }
    .c-app-wrap input {
        width: 100%;
    }
    .c-app-wrap dd span {
        padding: 0 1em 0.5em 0em;
        display: block;
    }
    .active,.arrow {
        width: 159px;
    }
    .arrow:before,.active:before {
        left: -57%;
    }
    .arrow:after,.active:after {
        left: 43%;
    }
    .arrow span {
        font-size: 0.8rem;
        padding-left: 2.2rem;
    }
    .c-app-form dd span {
        padding: 0 1em 0.5em 0em;
        display: inline-block;
    }
    .c-app-form input.tel, input.address, input.station {
        width: 250px;
    }
    .c-app-wrap dl dd {
        display: inline-block;
        width: 70%;
    }
    .c-name-list dl dd {
        width: 100%;
    }
    .c-app-form dd span.need{
        display: block;
    }
    .c-app-form dd span.pad{
        display: none;
    }
    .c-app-wrap input[type=radio] {
        width: 3%;
    }
    .c-app-wrap input.url {
        width: 350px;
    }
    input.time {
        width: 80px;
        margin: 0 10px 5px;
    }
    .exa .right dl dt {
        width: 70px;
        margin: 0 0 10px;
    }
    .c-app-wrap dl dd.adjust02 {
        padding-left: 0px;
    }
    .c-app-wrap input[type=checkbox] {
        width: 3%;
    }
    .c_list-item .action input {
        width: 120px;
    }
    .exa {
        display: flex;
        padding-left: 0px;
        margin: 0 auto 20px;
    }
    .admin_app_item .c_name {
        width: 40%;
    }
    .admin_app_item .type {
        width: 8%;
    }
    .admin_app_item .app_date {
        width: 14%;
    }
    .admin_app_item .status {
        width: 12%;
    }
    .admin_app_item {
        padding-bottom: 25px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }
    .admin_app_item:first-child{
        border-bottom: none;
    }
    .admin_app_item .app_action {
        width: 100%;
    }
    .admin_review_item, .admin_report_item{
        padding-bottom: 25px;
        margin-bottom: 10px;
        border-bottom: 1px solid #ccc;
    }
    .admin_review_item h3, .admin_report_item h3{
        margin-bottom: 0;
    }
    .admin_review_item .r_title,.admin_review_item .c_name{
        width: 50%;
    }
    .admin_review_item .r_title h3, .admin_review_item .c_name h3{
        text-align: center;
    }
    .admin_report_item .r_title{
        width: 65%;
    }
    .admin_report_item .c_name{
        width: 35%;
    }
    .admin_report_item .comment{
        width: 33%;
    }
    .admin_report_item .s_date h3{
        text-align: left;
    }
    .modal-report .report-item{
        flex-wrap: wrap;
    }
    .modal-report .report-item h3{
        width: 100%;
    }
    .modal-report .report-contents{
        max-width: auto;
    }
    .admit_wrap {
        max-width: 100%;
    }
    .admit_submit_wrap {
        width: 80%;
    }
    .admin_c_item .day,.admin_c_item .regidt {
        font-size: 14px;
        width: 15%;
    }
    .symp-details-inner a {
        width: 41%;
    }
    .doctor-wrap {
        /* width: 90%; */
        width: calc(100% - 66px);
    }
    .clinic-detail-2clm {
        display: block;
    }
    .time_access {
        width: 40%;
        text-align: right;
    }
    .clinic-comment-group .comment-num{
        margin: 0 10px;
    }
    .comments-clinic .comment-reference{
        flex-wrap: wrap;
        width: calc(100% - 12em);
    }
    .c_contact dl dd {
        width: 80%;
    }
    .c_contact dl dt {
        width: 15%;
    }
    .access-clinic dl dt {
        width: 15%;
    }
    .access-clinic dl dd {
        width: 80%;
    }
    dl.clinic-data dt {
        width: calc(20% - 30px);
        font-size: 0.9rem;
        padding: 10px 15px;
    }
    dl.clinic-data dd {
        width: 60%;
        font-size: 0.9rem;
        padding: 10px 15px;
    }
    .medical-date-wrap {
        justify-content: space-evenly;
    }
    .medical-date-wrap dl {
        margin: 0;
        width: 10%;
    }
    .c-info-wrap dl.subject-wrap dd .right label {
        display: inline-block;
        width: 33%;
        font-size: 13px;
        margin: 0 0 10px;
    }
    .c-app-wrap .c-info-wrap input {
        width: 80%;
    }
    .c-app-wrap .c-info-wrap dl.address-wrap input.add-number {
        width: 30%;
    }
    .c-app-wrap .c-info-wrap dl.address-wrap input.address {
        width: 55%;
    }
    .c-info-wrap dl dd {
        display: inline-block;
        padding-left: 20px;
        font-size: 15px;
    }
    .c-info-wrap input.parking {
        width: 15%;
    }
    button.sele-pref {
        width: 80px!important;
        font-size: 0.8rem;
    }
    .c-info-wrap dl.subject-wrap dd .right {
        width: 100%;
    }
    .c-info-wrap .submit-wrap.submit-app input {
        margin: 10px 0;
    }
    .c-app-wrap .c-info-wrap input.time {
        width: 80px;
        font-size: 13px;
    }
    .exa .right dl dt {
        width: 300px;
        margin: 0 0 0px;
        text-align: left;
    }
    .exa .right dl.week {
        display: flex;
        margin: 0 0 10px;
        width: 100%;
        align-items: center;
    }
    .unit {
        display: flex;
        align-items: center;
    }
    .exa .right dl.week span.dow-name {
        font-size: 0.7rem;
        width: 12.0%;
    }
    .exa .right dl dd input[type=checkbox] {
        width: 12.5%;
        margin: 0;
    }
    .exa .right dl.week-second dd input[type=checkbox],.exa .right dl dd.time-ad03 input[type=checkbox]{
        width: 10.65%;
        margin: 0;
    }
    .exa .right dl dd input[type=checkbox] {
        width: 12.0%;
        margin: 0;
    }
    .exa .right dl.week-first span.dow-name{
        width: 10.7%;
    }
    .time-minus {
        margin: 20px auto 5px;
    }
    .exa .right dl dd {
        display: inline-block;
        width: 360px;
        padding-left: 0;
    }
    .acd-label {
        margin: 20px 0 30px;
    }
    label.pic-method input{
        width: 4%!important;
    }
    .exa .right dl.week .time-minus span {
        margin-top: -10px;
    }
    .time-ad01, .time-ad02 {
        margin-left: 0px!important;
    }
    .add-wrap a span {
        background: #0469c9;
        color: #fff;
        font-weight: 600;
        font-size: 1.1rem;
        padding: 8px 0px 7px!important;
        width: 35px;
        display: inline-block;
        line-height: 1;
        text-align: center;
        margin: 0 0 0 10px;
    }
    .clinic-admin .main-contents {
        padding-bottom: 30px;
    }
    .clinic-admin .clinic-admin-menu ul {
      display: block;
  }
  .clinic-admin .clinic-admin-menu li {
      width: 100%;
      position: relative;
  }
  .clinic-admin .clinic-admin-menu li::after {
      content: '';
      display: block;
      position: absolute;
      left: 2%;
      bottom: 0;
      width: 96%;
      border-bottom: 1px solid #e1e1e1;
  }
}

@media screen and (max-width:700px){
    .main-contents p{
        font-size: 15px;
    }
    .login-form-wrap {
        max-width: 100%;
        margin: 30px 0;
    }
    .login-form-wrap dl dd {
        display: block;
        width: 100%;
    }
    .login-form-wrap input,.login-form-wrap input.password {
        width: 100%;
    }
    .list-inner02 {
        width: 75%;
    }
    .list-inner03 {
        width: 85%;
    }
    .submit-wrap {
        margin: 50px auto 50px;
        padding-bottom: 50px;
    }
    .regist-form-wrap {
        max-width: 100%;
        margin: 30px 0 0px;
    }
    .regist-form-wrap dl dt {
        font-size: 0.9rem;
    }
    .regist-form-wrap input,.regist-form-wrap input.password {
        width: 100%;
        font-size: 15px;
    }
    .regist-form-wrap dl dd {
        display: block;
        width: 100%;
    }
    .regist-form-wrap input.checkbox {
        width: 15px;
    }
    .list-notece {
        width: 80%;
    }
    .point-comfirm-wrap .right p {
        padding-right: 1rem;
    }
    .point-comfirm-wrap .left{
        margin-right: 2rem;
    }
    .exchange-inner .left {
        width: 50%;
        margin: 0 2rem 0 0;
    }
    .notice-button-wrap ul a {
        margin-top: 20px;
    }
    .rank-ex dt {
        width: 130px;
    }
    .rank-ex dd {
        width: 65px;
    }
    .info-wrap dl dd {
        width: 300px;
        flex: 1;
    }
    .info-wrap dl dt {
        /* width: 110px; */
        width: 140px;
    }
    .c-app-wrap dd label {
        display: block;
        padding: 5px 0;
    }
    .c-app-wrap dl dt {
        display: block;
        font-weight: normal;
        width: 100%;
        margin: 2% 0;
    }
    .c-app-wrap dl dd {
        display: inline-block;
        width: 98%;
        padding-left: 2%;
    }
    .flow-wrap {
        margin: 0 0 50px -3%;
    }
    .active,.arrow {
        width: 110px;
    }
    .arrow:before,.active:before {
        left: -82%;
    }
    .arrow:after,.active:after {
        left: 18%;
    }
    .arrow span {
        width: 90%;
        font-size: 0.7rem;
        padding-left: 2.2rem;
    }
    .c-app-wrap dl dd label.adjust {
        padding-left: 0px;
    }
    p.address-p {
        display: inline-block;
        font-size: 1.0rem!important;
        margin: 10px 0;
        padding: 0 0.8rem 0 0;
    }
    .c-app-wrap dl dd.adjust, .c-app-wrap dl dd label.adjust {
        padding-left: 0;
    }
    .exa .left {
        width: 10%;
    }
    .c-app-wrap dl dd {
        padding-left: 5%;
    }
    .exa .right {
        padding-left: 0;
    }
    .c-app-wrap dl dd.adjust02 {
        padding-left: 5%;
    }
    .c-app-wrap input.url {
        width: 250px;
    }
    input.station{
        margin-left: 5%;
    }
    .submit-app {
        display: flex;
    }
    .a_list-item .name {
        width: 60%;
    }
    .a_list-item .comment {
        width: 15%;
    }
    .a_list-item .date {
        width: 25%;
        text-align:right;
    }
    .a_list-item .action {
        width: 100%;
        margin: 15px auto 15px;
    }
    .dlt-wrap {
        text-align: right;
        position: relative;
        bottom: 0;
        right: 0;
        margin-top: 10px;
    }
    .c_list-item .action input {
        width: 90px;
    }
    .c_list-item .action input {
        padding: 15px 10px;
    }
    .admin_app_item .c_name {
        width: 30%;
    }
    .admin_app_item .app_date p {
        font-size: 13px;
    }.admin_app_item .type p,.admin_app_item .status p,.admin_app_item .memo p{
       font-size: 14px;
    }
    .admin_app_item .status {
        width: 18%;
    }
    .admin_app_item .type {
        width: 10%;
    }
    .admin_app_item .app_date {
        width: 19%;
    }
    .admin_app_item .memo {
        width: 23%;
    }
    .admit_submit_wrap {
        width: 90%;
    }
    .admin_c_item .c_name {
        width: 70%;
    }
    .admin_c_item .comment {
        width: 30%;
        margin-bottom: 10px;
    }
    .admin_c_item .day, .admin_c_item .regidt {
        font-size: 14px;
        width: 25%;
    }
    .admin_c_item .action {
        width: 40%;
    }
    .admin_c_item .type {
        width: 13%;
    }
    .admin_c_item .action {
        width: 35%;
    }
    .admin_c_item {
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 1px dotted #ccc;
    }
    .admin_review_check{
        position: relative;
        top: auto;
        left: auto;
        transform: none;
    }
    .admin_review_item:first-child{
        padding-top: 5px;
        margin-top: 15px;
        border-top: 1px solid #ccc;
    }
    .admin_review_item .s_date, .admin_review_item .r_date{
        width: 50%;
    }
    .admin_report_item .comment{
        width: 100%;
    }
    .modal-review .request-date,
    .modal-report .request-date{
        margin: 20px 0 30px;
    }
    .modal-review .request-button-wrap,
    .modal-report .request-button-wrap{
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .modal-review .request-button:not(:first-child),
    .modal-report .request-button:not(:first-child){
        margin-top: 1em;
        margin-left: 0;
    }
    .modal-review .modal-review-inner{
        padding: 0;
    }
    .modal-report .report-item .report-contents{
        width: 100%;
        max-width: 100%;
    }
    .modal-report .report-item .poster-info{
        margin-bottom: 20px;
    }
    .modal-report .report-item figure{
        width: 100%;
        margin: 0;
    }
    .modal-report .report-item figure img{
        max-width: 320px;
    }
    .modal-report .request-button:not(:first-child){
        width: 276px;
    }
    .symp-details-inner a {
        width: 38%;
    }
    section.clinic-detail-head {
        display: block;
    }
    .time_access {
        width: 100%;
        text-align: center;
        margin: 10px auto 0;
    }
    .clinic-sidebutton ul li{
        width: 25%;
    }
    .clinic-detail-2clm .left, .clinic-detail-2clm .right {
        margin-top: 30px;
        width: 100%;
    }
    .medical-date-wrap dl:first-child {
        margin: 0;
        width: 33%;
    }
    .medical-date-wrap dl dt {
        font-size: 0.8rem;
    }
    .access-clinic dl dt {
        width: 20%;
    }
    .access-clinic dl dt {
        width: 25%;
    }
    .access-clinic dl dd {
        width: 75%;
    }
    dl.clinic-data dt {
        width: 25%;
        font-size: 0.9rem;
        padding: 10px 10px;
    }
    dl.clinic-data dd {
        width: 60%;
        padding: 10px 10px;
    }
    .clinic-detail-2clm {
        flex-wrap: wrap;
    }
    .clinic-rating{
        display: block;
        margin-bottom: 1em;
    }
    .clinic-rating-group{
        margin-bottom: 1em;
    }
    .clinic-comment-group .comment-num{
        margin-left: 0;
    }
    .comments-clinic .comment-footer{
        display: block;
    }
    .comments-clinic .comment-reference{
        width: 100%;
    }
    .comments-clinic .comment-reference p{
        margin-bottom: 0.5em;
    }
    .modal-comment th,
    .modal-comment td{
       display: block;
       padding: 0;
    }
    .modal-comment td{
        padding-bottom: 1em;
     }
    .modal-comment .rating-form h4{
        margin-bottom: 1em;
    }
    .modal-comment .poster-form{
        padding: 15px;
    }
    .c-info-wrap dl dt {
        font-size: 15px;
    }
    .c-info-wrap input.url {
        width: 75%;
    }
    .c-app-wrap .c-info-wrap input {
        width: 75%;
    }
    .c-info-wrap dl.subject-wrap dd .left {
        margin: 0 0 0 -5%;
    }
    .c-info-wrap .submit-wrap.submit-app input {
        margin: 10px 10px;
    }
    .exa .right dl.week {
        display: flex;
        margin: 0 0 10px -30px;
        width: 100%;
    }
    .exa .right dl dd {
        display: inline-block;
        width: 400px;
    }
    .exa .right {
        padding-left: 0;
        width: 100%;
    }
    .c-app-wrap .c-info-wrap input.time {
        width: 75px;
        font-size: 13px;
        padding: 7px;
    }
    .acd-label {
        margin: 10px 0 30px;
    }
    .add-wrap {
        text-align: center;
        margin: 0 auto 30px;
    }
    span.publish {
        padding: 6px 0px 5px;
        width: 20%;
    }
    .c-info-wrap input.parking {
        width: 15%!important;
    }
    .c-app-wrap dl#kodawari-area dd.adjust,.c-app-wrap dl#osusume-area dd.adjust {
        padding-left: 0;
    }
    .kodawari-btn,.osusume-btn{
        margin: 10px 0 30px -5%;
    }
    div#time-plus {
        width: 160px;
    }
    .exa .right dl.week-first span.dow-name{
        width: 11.3%;
    }
    .exa .right dl.week-secind dd input[type=checkbox] {
        width: 11.2%;
        margin: 0;
    }
    .exa .right dl.week-second dd input[type=checkbox], .exa .right dl dd.time-ad03 input[type=checkbox] {
        width: 11.3%;
        margin: 0;
    }
    .clinic-sidemenu ul {
        display: block;
    }
    .clinic-sidemenu ul li {
        width: 100%;
    }
    .mypage-wrap .left .mypage-avatar{
        width: 90px;
        height: 90px;
        margin-left: 0;
    }
    .mypage-wrap .right{
        margin-top: 20px;
    }
    .mypage-message .date {
        display: block;
    }
    .mypage-menu ul li {
        width: 100%;
        margin-right: 0 !important;
    }
    .mypage-menu .mypage-menu-favorite a, .mypage-menu .mypage-menu-calling a, .mypage-menu .mypage-menu-withdrawal a{
        padding-left: 20px;
        padding-right: 20px;
    }
    .mypage-menu ul li a img{
        width: auto;
        height: 100%;
    }
    .mypage-menu ul li a{
        height: calc(80px - 40px);
    }
    .mypage-menu ul li a br{
        display: none;
    }
    .comments-clinic .comment-content a{
        max-width: 50%;
    }
    .magazine-image figure {
        padding: 40px;
    }
    .magazine-image img {
        position: relative;
        top: auto;
        left: auto;
        transform: translate(0, 0);
        width: calc(100% - 80px);
        height: calc(100% - 80px);
        max-width: 200px !important;
        object-fit: contain;
    }
    .magazine-text, .magazine-hr, .magazine-clinic-name, .magazine-clinic {
        margin-left: 0;
    }
    .magazine-info-table {
        margin: 20px 0 40px;
    }
    .magazine-info-table table td:nth-child(1) {
        width: auto;
    }
    .kodawari-contents{
        display: block;
    }
    .kodawari-text{
        margin-right: 0;
    }
    .kodawari-image{
        margin: 1em auto;
    }
    .osusume-contents{
        display: block;
    }
    .osusume-text{
        margin-right: 0;
    }
    .osusume-image{
        margin: 1em auto;
    }
    .symp-column-wrap .default-column-wrap .wp-block-image {
        width: 100%;
        margin: 0;
    }
    .admin_u-info .form-unit-words {
        flex-basis: 100%;
    }
    .admin_u-info .form-unit-words input[type="text"] {
        width: 100%;
    }
    .admin_u-info .form-unit-words input[type="text"]::placeholder {
        font-size: 14px;
    }
}
@media screen and (max-width:414px){
    .mypage-wrap .left{
        width: 100%;
    }
    .mypage-wrap .left h2{
        display: block;
    }
    .mypage-wrap .left .mypage-avatar{
        display: block;
        margin: 0 auto;
    }
    .mypage-wrap .left .mypage-name{
        display: block;
        margin: 30px auto;
        text-align: center;
    }
    .mypage-wrap .right {
        margin: 0 auto;
    }
    .mypage-wrap .right .point-wrap{
        margin-right: 0;
    }
    .mypage-menu ul li a{
        font-size: 1rem;
        padding: 10px 20px;
        height: calc(60px - 20px);
    }
    .list-item {
        margin-bottom: 30px;
    }
    .list-inner01 {
        width: 12%;
    }
    .list-inner02 {
        width: 70%;
        padding-left: 0.5rem;
    }
    .list-inner03 {
        width: 85%;
        padding-left: 0.5rem;
    }
    .list-inner02 h3,.list-inner03 h3 {
        font-size: 14px;
        text-align: left;
    }
    .list-inner02 p,.list-inner03 p {
        font-size: 14px;
    }
    span.chat-notice {
        padding: 3px 8px;
        margin-left: 0.5rem;
        font-size: 10px;
    }
    .list-notece {
        width: 85%;
    }
    .notice-button-wrap ul li {
        display: block;
        width: 100%;
        margin-right: 0px;
        margin-bottom: 15px;
    }
    .notice-button-wrap ul li input {
        width: 100%;
    }
    .notice-button-wrap {
        margin: 20px auto 0;
    }
    .point-comfirm-wrap .left {
            margin: 0;
    }
    .point-comfirm-wrap .right {
        margin: -20px auto 0;
        display: flex;
        flex-wrap: wrap;
        align-items: baseline;
    }
    .exchange-wrap {
        padding: 0px 0 50px;
        position: relative;
        max-width: 100%;
    }
    .exchange-inner .left {
        width: 49%;
        margin: 0 1rem 0 0;
    }
    .exchange-inner .middle {
        width: 45%;
        display: block;
        margin: 0 0rem 0 0;
        font-size: 0.8rem;
    }
    .notice-button-wrap ul a {
        margin-top: 0;
    }
    .c_list-item {
        margin-bottom: 25px;
        padding-bottom: 15px;
        border-bottom: 1px solid #ccc;
    }
    .c_list-item .name {
        width: 65%;
    }
    .c_list-item .name p.time {
        font-size: 0.9rem;
        margin: 0 auto 5px;
    }
    .c_list-item .date {
        width: 35%;
        text-align: center;
    }
    .c_list-item .action {
        width: 100%;
        display: flex;
        margin: 10px auto 0;
    }
    .c_list-item .action input {
        width: 48%;
    }
    .sp-none{
        display: none;
    }
    .c_list-item .title {
        width: 47%;
    }
    .c_list-item .status {
        width: 18%;
    }
    .c_list-item .status p,.c_list-item .date p {
       font-size: 0.8rem;
    }
    .c_list-item .date p {
       font-size: 0.9rem;
    }
    .c_news_form dl dt {
        font-size: 0.9rem;
        margin-bottom: 10px;
    }
    .news_form_button {
        margin: 50px auto 50px;
    }
    .center {
        text-align: left;
        margin-bottom: 50px;
    }
    p.rank-next {
        padding-left: 22%;
    }
    .rank-ex dt {
        width: 125px;
        font-size: 14px;
    }
    .rank-ex dd {
        width: 60px;
        font-size: 14px;
        padding: 5px 0 5px 0px;
    }
    .rank-wrap img {
        padding: 0 30px;
    }
    .chat-wrap {
        padding: 15px;
        min-height: 200px;
        max-height: 200px;
    }
	.info-wrap dl {
        display: block;
    }
    .info-wrap dl dt {
        display: block;
        width: 92%;
        border-bottom: none;
        padding: 0px;
    }
    .info-wrap dl dd {
        display: block;
        width: 92%;
        padding: 10px 0 10px 30px;
    }
    .clinic-sidemenu ul li a {
        font-size: 1rem;
    }
    .clinic-sidebutton ul li a {
        font-size: 0.85rem;
    }
    .active, .arrow {
        width: 82px;
    }
    .c-app-wrap input {
        width: 90%;
    }
    .arrow:before {
        border-left: 15px solid #fff;
    }
    .arrow:after {
        border-left: 15px solid #669AFF;
    }
    .active:after {
        border-left: 15px solid #0969ca;
    }
    .flow-wrap {
        justify-content: space-between;
    }
    .arrow span {
        width: 81%;
        font-size: 0.7rem;
        padding-left: 1.3rem;
    }
    .arrow:before, .active:before {
        left: -110%;
    }
    .arrow:after, .active:after {
        left: -10%;
    }
    .submit-app input[type=submit] {
        margin: 0 5px;
    }
    .exa .right {
        width: 95%;
    }
    input.time {
        width: 75px;
    }
    .a_list-item .comment {
        width: 20%;
    }
    .a_list-item .name {
        width: 55%;
    }
    .dlt-wrap {
        text-align: right;
        position: relative;
        bottom: 0;
        right: 0;
        margin-top: 30px;
    }
    .admin_app_item .c_name {
        width: 70%;
    }
    .admin_app_item .app_date {
        width: 30%;
    }
    .admin_app_item .type {
        width: 20%;
    }
    .admin_app_item .status {
        width: 25%;
    }
    .admin_app_item .memo {
        width: 50%;
    }
    .admit_submit_wrap {
        width: 100%;
    }
    .admit_submit_wrap input {
        width: 47%;
    }
    .admit_wrap dl {
        margin: 20px 0;
        padding-bottom: 20px;
    }
    .admit_wrap dl {
        display: flex;
        flex-wrap: wrap;
    }
    .admit_wrap dl dt {
        width: 100%;
        display: inline-block;
        font-size: 15px;
        margin: 0 auto 15px;
    }
    .admit_wrap dl dd {
        display: inline-block;
        width: 95%;
        margin: 0 0 0 5%;
        font-size: 15px;
    }
    .admit_wrap dl dd textarea {
        font-size: 15px;
        width: 100%;
    }
    dl.memo_area dd input {
        width: 40%;
        margin: 20px auto 5px;
    }
    dl.exa_time dd {
        display: flex;
        width: 90%;
        margin: 0 0 0 10%;
        font-size: 15px;
    }
    dl.exa_time dd .left {
        width: 20%;
    }
    dl.exa_time {
        margin: 0 0 -15px;
        padding: 0;
    }
    dl.appli {
        padding-top: 25px;
        margin-top: 35px;
    }
    .admin_c_item .day, .admin_c_item .regidt {
        width: 35%;
    }
    .admin_c_item .type {
        width: 25%;
    }
    .admin_c_item .action {
        width: 100%;
    }
    .admin_c_item .comment {
        margin-bottom: 0px;
    }
    .symp-details-inner a {
        width: 100%;
        margin: 0 0% 3%;
    }
    p.symp-nmb {
        margin: 30px 0 30px;
    }
    .symp-column-wrap h2 {
        margin: 0 0 15px;
        font-size: 1.3rem;
        line-height: 1.3;
    }
    span.head_ruby {
        font-size: 0.6rem;
    }
    .clinic_date p {
        font-size: 14px;
        margin: 0 0 0 10px;
    }
    .clinic_date {
        margin-bottom: 15px;
    }
    .doctor-wrap .top {
        display: block;
    }
    .doctor-wrap img {
        width: 150px;
        display: block;
        margin: 0 auto 15px;
    }
    .doctor-detail {
        padding: 0;
    }
    .doctor-wrap {
        width: 89%;
        padding: 5%;
    }
    .symp-column-contents {
        width: 89%;
        padding: 5%;
    }
    .symp-column-contents p {
        font-size: 14px;
        padding: 0 0px;
    }
    p.symp-column-date {
        font-size: 0.9rem;
        padding: 0 0% 0 0;
    }
    .symp-match-contents {
        width: 100%;
        margin: 0 auto 0px;
    }
    /* .symp-list-contents {
        width: 100%;
    }
    .symp-list-contents img {
        margin-right: 0;
        width: 100%;
        margin: 0 auto 20px;
    }
    .symp-list-contents ul li h3 {
        margin-top: 20px;
    } */
    .sidebar {
        min-width: 100%!important;
        max-width: 100%!important;
    }
    .c_contact dl dt {
        width: 24%;
        font-size: 0.9rem;
    }
    .c_contact dl dd {
        width: 75%;
    }
    section.clinic-detail-head {
        display: flex;
        flex-wrap: wrap;
    }
    /* .time_access {
        width: 100%;
        text-align: center;
        margin: 10px auto 0;
    } */
    .map-wrap iframe {
        width: 100%;
        height: 350px;
    }
    .medical-date-wrap dl:first-child {
        margin: 0;
        width: 34%;
    }
    .medical-date-wrap dl {
        margin: 0;
        width: 8.5%;
    }
    .medical-date-wrap dl dd {
        font-size: 0.5rem;
        padding: 5px;
    }
    .medical-date-wrap dl dt {
        font-size: 0.5rem;
        padding: 5px;
    }
    .access-clinic dl {
        font-size: 0.8rem;
    }
    dl.clinic-data dt {
        font-size: 0.8rem;
    }
    dl.clinic-data dd {
        font-size: 0.8rem;
    }
    section.recomend h2,section.media h2{
        font-size: 1.2rem;
    }
    #top_body .recomend ul li .img img, #top_body .media ul li .img img {
        width: 100%;
        object-fit: contain;
        height: auto;
        margin-bottom: 10px;
    }
    #top_body .recomend ul li .category, #top_body .media ul li .category {
        position: absolute;
        bottom: 5px;
        right: -5px;
        padding: 0;
        margin: 0;
    }
    #top_body .recomend ul li .date, #top_body .media ul li .date {
        margin-top: 0px;
        margin-bottom: 0;
        font-size: 0.9rem;
    }
    #top_body .recomend ul li h3, #top_body .media ul li h3 {
        border-bottom: none;
        margin-top: 0px;
        margin-bottom: 10px;
        font-weight: normal;
        font-size: 1rem;
    }
    .content-more-wrap {
        text-align: right;
        margin: 20px 0px;
    }
    span.publish {
        font-size: 11px;
        padding: 6px 0px 4px;
        width: 30%;
    }
    .c-name-list dl.left,.c-name-list dl.right{
        display: block;
        width: 100%;
        padding: 15px 15px 10px;
        margin: 8px 0;
    }
    .c-name-list dl dt {
        display: block;
        font-weight: bold;
        width: 100%;
        margin: 2% 0;
    }
    .c-name-list dl dd {
        padding-left: 0;
    }
    .c-app-wrap input.applicable {
        width: 100%;
        font-size: 13px;
    }
    .c-app-wrap input.back {
        width: 100%;
        font-size: 13px;
        margin-bottom: 15px;
    }
    .c-info-wrap input.parking {
        width: 15%;
    }
    .c-app-wrap .c-info-wrap dl dd {
        padding-left: 2%;
    }
    .c-app-wrap .c-info-wrap dl.subject-wrap dd {
        padding-left: 0%;
        display: block;
    }
    .c-info-wrap dl.subject-wrap dd .left {
        margin: auto;
    }
    .exa .right {
        width: 100%;
    }
    .exa .right dl.week {
        display: flex;
        margin: 0 0 10px 0px;
        width: 100%;
    }
    .unit {
        display: block;
        align-items: center;
        margin: 0 0 0 0px;
    }
    .exa .left {
        width: 0%;
    }
    .time-minus {
        margin: 10px auto 0;
    }
    .plus-btn span {
        margin: 0 0 0 5px;
    }
    dl.plus-title {
        text-align: left;
        margin: 0 auto 20px;
    }
    #time-area02 .unit {
        margin: -15px 0 15px -13px;
    }
    .kodawari-btn, .osusume-btn {
        margin: 5px 0 20px 0%;
    }
    div#kodawari-plus,div#osusume-plus {
        text-align: center;
        margin: -20px auto 40px;
    }
    .c-app-wrap .c-info-wrap input.time {
        width: 30%;
        font-size: 13px;
        padding: 7px;
    }
    .exa .right dl dt {
        width: 80%;
        margin: 0 0 5px;
        text-align: center;
    }
    .acd-label {
        margin: 30px 0 20px;
    }
    .c-info-wrap dl.subject-wrap dd .right label input[type=checkbox] {
        margin: 0px 3px 0 0px;
    }
    p.agree-check input {
        width: 5%!important;
    }
    .c-app-wrap input[type=checkbox] {
        width: 4%;
    }
    .clinicinfo-inner {
        width: 100%;
        padding: 0 0.5rem;
    }
    .exa {
        display: flex;
        padding-left: 0px;
        margin: 0 auto 20px;
        flex-wrap: wrap;
    }
    .exa .right dl dd {
        display: block;
        width: 100%;
        padding: 0;
    }
    .exa .right dl.week span.dow-name {
        width: 12%;
    }
    .exa .right dl dd input[type=checkbox] {
        width: 12%;
    }
    .time-minus {
        margin: 20px auto 10px;
    }
    .exa .right dl.week-second dd input[type=checkbox], .exa .right dl dd.time-ad03 input[type=checkbox] {
        width: 10.5%;
        margin: 0;
    }
    .exa .right dl.week-first span.dow-name {
        width: 10.5%;
    }
    .clinic-admin .clinic-admin-menu a {
        font-size: 1rem;
    }
    .comments-clinic .comment-content a{
        max-width: 100%;
    }
    .magazine-info-table table tr {
        display: flex;
        flex-wrap: wrap;
    }
}
@media screen and (max-width:360px){
    .clinic-sidemenu ul li a {
        font-size: 0.9rem;
    }
    .clinic-sidebutton ul li {
        width: 46%;
    }
    .arrow:before, .active:before {
        left: -116%;
    }
    .arrow:after, .active:after {
        left: -16%;
    }
    .active, .arrow {
        width: 78px;
    }
    .admin_app_item .app_action input{
        font-size: 14px;
    }
    .clinic-admin .clinic-admin-menu li a {
        font-size: 0.9rem;
    }
}
@media screen and (max-width:320px){
    .flow-wrap {
        margin: 0 0 50px -4%;
    }
    .active, .arrow {
        width: 72px;
    }
    .arrow:before, .active:before {
        left: -125%;
    }
    .arrow:after, .active:after {
        left: -25%;
    }
    .arrow:before {
        border-left: 10px solid #fff;
    }
    .arrow:after {
        border-left: 10px solid #669AFF;
    }
    .active:after {
        border-left: 10px solid #0969ca;
    }
    .c-app-wrap dl dd {
        padding-left: 0;
    }
    .c-app-wrap dl dd.adjust02 {
        padding-left: 0;
    }
    .exa .left {
        width: 0%;
    }
    .exa .right {
        width: 100%;
    }
    input.time {
        width: 75px;
        margin: 0 3px 5px;
    }
    input.station {
        margin-left: 0;
    }
    .admin_c_item .day p, .admin_c_item .regidt p {
        font-size: 14px;
    }
    .medical-date-wrap dl {
        margin: 0;
        width: 8%;
    }
    .medical-date-wrap dl:first-child {
        margin: 0;
        width: 34%;
    }
    .chat-wrap {
        padding: 15px;
        min-height: 180px;
        max-height: 180px;
    }
}

/*-------------------ポイント数設定関連--------------------*/
@media screen and (max-width:1200px){
    .admin_point_num .point_timetype {
        width: 15em;
    }
    .admin_point_num .point_rank {
        width: 8.5em;
    }
}
@media screen and (max-width:1100px){
    .admin_point_num .point_rank {
        width: 5.5em;
    }
}
@media screen and (max-width:900px){
    .admin_point_num .point_timetype {
        width: auto;
    }
    .admin_point_num .point_timewrap {
        flex-direction: column;
    }
    .admin_point_num .time_button input[type=submit],
    .admin_point_num .time_button input[type=button],
    .admin_point_num .time_button input[type=reset],
    .admin_point_num .time_button button {
        width: 100%;
        margin-top: 1em;
    }
}
@media screen and (max-width:700px){
    .admin_point_num table td {
        width: auto !important;
    }
    .admin_point_num {
        font-size: 0.8rem;
    }
}

/*--------------------会話吹き出し--------------------*/
@media screen and (max-width:700px){
    .talk-text {
        padding: 10px !important;
    }
}

/*-------------------会員ランク--------------------*/
@media screen and (max-width: 700px) {
    .user-rank .rank-chart dt {
        font-size: 11px;
    }
    .user-rank .rank-chart dd {
        font-size: 10px;
    }
    .user-rank .rank-chart.rank-chart-info dt {
        width: 2em;
    }
    .user-rank .rank-chart.rank-chart-info dd {
        width: calc((100% - 2em -50px) / 5);
        margin-left: 10px;
    }
    .user-rank .rank-chart-data {
        padding-top: 10%;
    }
    .user-rank .rank-chart-data .rank-chart-balloon {
        top: 2%;
    }
    .user-rank .rank-chart.rank-chart-data dl {
        flex-wrap: wrap;
    }
    .user-rank .rank-chart.rank-chart-data dt {
        width: 100%;
        color: #000;
        background: transparent;
        justify-content: flex-start;
    }
    .user-rank .rank-chart.rank-chart-data dl:first-of-type dt {
        display: none;
    } 
    .user-rank .rank-chart.rank-chart-data dd {
        width: calc((100% - 50px) / 5);
        margin-left: 10px;
    }
}
@media screen and (max-width: 414px) {
    .user-rank .rank-chart-data {
        padding-top: 8%;
    }
    .user-rank .rank-chart-data .rank-chart-balloon {
        top: 4%;
    }
}

/*--------------------検索結果UI--------------------*/
@media screen and (max-width: 1040px) {
	.search-result .result-btns-member2 ul li + li {
		margin-left: 5px;
	}
	.search-result .result-btns-member2 a {
		width: 140px;
		font-size: 13px;
	}
}
@media screen and (max-width: 950px) {
	.search-result .result-btns-member2 a {
		width: 124px;
		font-size: 12px;
	}
	.search-result .result-btns-member2 a.site-btn {
		width: 100px;
	}
	.search-result .result-btns2 a {
		font-size: 14px;
	}
	.search-result .result-btns2 .choku-btn-arrow {
		padding-left: 0.5em;
	}
	.search-result .result-btns2 .choku-btn-bg {
		flex-basis: 20%;
	}
	.search-result .result-contents1 .comment-link {
		font-size: 12px;
	}
	.search-result .result-contents1 .comment-balloon {
		font-size: 12px;
	}
}

@media screen and (min-width: 701px) and (max-width: 870px) {
	.search-result .result-btns2 a {
		font-size: 12px;
	}
	.search-result .result-btns-member2 a.site-btn {
		width: 80px;
	}
	.search-result .result-btns-member2 a.meeting-btn {
		width: 100px;
	}
	.search-result .result-btns2 .meeting-btn-wrap {
		flex-basis: 37%;
	}
	.search-result .result-btns2 .online-btn-wrap {
		flex-basis: 45%;
	}
	.search-result .result-btns2 .site-btn-wrap {
		flex-basis: 16%;
	}
	.search-result .result-contents1 .comment-link {
		font-size: 11px;
	}
	.search-result .result-contents1 .comment-balloon {
		font-size: 11px;
	}
}

@media screen and (max-width: 700px) {
	.search-result > ul {
		padding: 20px 2.5%;
	}
	.search-result > ul > li {
		font-size: 12px;
	}
	.search-result .result-header2 {
		display: block;
		min-height: calc(65px - 1px);
	}
	.search-result .result-header2 .result-header-inner {
		display: block;
		position: relative;
		padding: 20px 75px 10px 5%;
	}
	.search-result .result-header2 .result-header-contents {
		padding-top: 0;
        max-width: 100%;
	}
	.search-result .result-header2 .result-title {
		display: inline-block;
		font-size: 18px;
		margin-top: 0;
	}
	.search-result .result-header2 .result-title-link {
		margin-top: 0;
	}
	.search-result .result-header2 .goto-page {
		display: none;
	}
	.search-result .result-btns-pc {
		display: none;
	}
	.search-result .result-header2 .favorite-button, .search-result .result-header2 .favorite-button.favorite {
		width: 65px;
		height: 65px;
		min-height: auto;
		font-size: 7px;
		font-weight: bold;
		position: absolute;
		top: -1px;
		right: -1px;
	}
	.search-result .result-header2 .favorite-button-mark {
		width: 23px;
		height: 23px;
	}
	.search-result .result-header2 .result-reserv-list {
		max-width: 100%;
	}
	.search-result .result-header2 .result-reserv-list .result-btn-reserv {
		padding: 0.5em 1em;
	}
	.search-result .result-header2 .result-reserv-list img {
		width: auto;
		height: 25px;
	}
	.search-result .result-contents {
		padding: 20px 2.5%;
	}
	.search-result .result-contents-unit {
		flex-direction: column;
	}
	.search-result .result-contents1 {
		margin-top: 1em;
	}
	.search-result .result-contents1 .clinic-rating {
		margin-top: 0;
		flex-basis: 54%;
		font-size: 14px;
	}
	.search-result .result-contents1 .clinic-rating-group {
		margin-bottom: 0;
	}
	.search-result .result-contents1 .clinic-rating-group .clinic-stars img {
		width: 16px;
	}
	.search-result .result-contents1 .clinic-rating-group .clinic-stars img + img {
		margin-left: -1px;
	}
	.search-result .result-contents1 .comment-link {
		font-size: 9px;
	}
	.search-result .result-contents1 .comment-balloon {
		font-size: 10px;
	}
	.search-result .result-contents2 {
		font-size: 12px;
	}
	.search-result .result-contents2 .medical-date-wrap dl dt, .search-result .result-contents2 .medical-date-wrap dl dd {
		font-size: 8px;
	}
	.search-result .result-btns-sp {
		display: flex;
		justify-content: center;
		margin-top: 0.5em;
	}
	.search-result .result-btns-member2 a {
		width: auto;
		font-size: 12px;
		padding: 0.5em 1em;
	}
	.search-result .result-btns-member2 .choku-btn-balloon-wrap {
		top: -1.75em;
	}
	.search-result .result-btns-member2 .choku-btn-balloon {
		padding: 0.25em 0.5em;
	}
	.search-result .clinic-btn-more {
		display: block;
		width: 100%;
		max-width: 344px;
		color: #fff;
		background: #1e6097;
		font-size: 12px;
		font-weight: bold;
		padding: 0.5em;
		text-align: center;
		border-radius: 5px;
		border: 2px solid #264967;
		box-shadow: 0 4px 0 #264967;
	}
	.search-result .coverage-sp {
		display: block;
	}
	.search-result .result-coverage {
		margin-top: 1em;
		font-size: 0.75em;
	}
	.search-result .coverage-area-title {
		border-bottom: 1px solid #1e6097;
		margin-top: 3em;
		margin-bottom: 0.5em;
	}
	.search-result .coverage-area-unit, .search-result .coverage-area-col {
		display: block;
		margin-bottom: 0.5em;
	}
	.search-result .coverage-area-col figure, .search-result .coverage-post-text, .search-result .coverage-post-date {
		display: none;
	}
	.search-result .coverage-area-col:hover {
		opacity: 1;
	}
	.search-result .coverage-post-title {
		display: inline-block;
		border-bottom: 1px solid currentColor;
		position: relative;
		margin: 0.5em 0 0 1em;
	}
	.search-result .coverage-post-title::before {
		content: "・";
		position: absolute;
		left: -1em;
		top: 50%;
		transform: translateY(-50%);
	}
	.search-result .coverage-more-wrap {
		display: block;
	}
	.search-result .coverage-area p:first-child {
		margin-top: 1em;
	}
}

@media screen and (max-width: 500px) {
	.search-result .result-btns-member2 ul li + li {
		margin-left: 5px;
	}
	.search-result .result-btns-member2 a {
		padding: 0.5em 0.25em;
	}
	.search-result .clinic-btn-more {
		max-width: 280px;
	}
	.search-result .medical-date-wrap {
		font-size: 8px;
	}
}

@media screen and (max-width: 370px) {
	.search-result .result-contents2 .clinic-data-list li .map-btn {
		margin-left: 0;
	}
	.search-result .result-btns-member2 a {
		padding: 0.5em 0.5em;
		font-size: 9px;
	}
	.search-result .result-btns-member2 .choku-btn-balloon {
		font-size: 9px;
	}
	.search-result .clinic-btn-more {
		max-width: 252px;
		font-size: 10px;
	}
	.search-result .result-coverage-tab li {
		font-size: 10px;
	}
}

/*--------------クリニック編集画面待合室---------------*/
@media screen and (min-width: 701px) {
    .clinic-edit-waiting .week dt {
        width: 15em !important;
    }
    .clinic-edit-waiting .week dd {
        width: calc(100% - 15em);
    }
    .clinic-edit-waiting .time-minus, .clinic-edit-waiting .WaitingRoom-time-minus {
        /* width: 2.5em; */
        width: 6em;
        text-align: right;
    }
    .clinic-edit-waiting .week .dow-name {
        width: calc((100% - 2.5em) / 8);
    }
    .clinic-edit-waiting .WaitingRoom-time-ad02 label {
        width: calc((100% - 2.5em) / 8);
        text-align: center;
    }
    .clinic-edit-waiting .WaitingRoom-time-ad02 input[type="checkbox"] + span {
        min-width: auto;
        padding-left: 0 !important;
        visibility: hidden;
    }
    .clinic-edit-waiting .WaitingRoom-time-ad02 input[type="checkbox"] + span::before,
    .clinic-edit-waiting .WaitingRoom-time-ad02 input[type="checkbox"] + span::after {
        visibility: visible;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    .clinic-edit-waiting .WaitingRoom-time-ad02 input[type="checkbox"] + span::after {
        margin-left: -0.04em;
    }
}
@media screen and (max-width: 900px) {
	.clinic-edit-waiting .watingroom-area-dd {
		width: 100%;
        padding-left: 0 !important;
	}
    .clinic-edit-waiting .time-minus {
        margin: 0;
    }
    .clinic-edit-waiting .waitingroom-payee-item {
        width: 100%;
    }
}
@media screen and (max-width: 700px) {
    .clinic-edit-waiting .week-first {
        margin-bottom: 0;
    }
    .clinic-edit-waiting .week-first dt .waitingroom-area-heading {
        margin: 0;
        padding: 0;
    }
    .clinic-edit-waiting .week-first dd {
        display: none !important;
    }
    .clinic-edit-waiting .week-second {
        flex-direction: column;
    }
    .clinic-edit-waiting .week-second dd {
        flex-wrap: wrap;
    }
    .clinic-edit-waiting .week-second label {
        width: calc(100% / 4);
    }
    .clinic-edit-waiting .WaitingRoom-time-minus {
        width: 100%;
        text-align: center;
        margin-top: 1em;
    }
    .clinic-edit-waiting .submit-app {
        flex-direction: column;
    }
}

/*--------------ログイン画面---------------*/
@media screen and (max-width: 700px) {
    .u-login .login-unit {
        flex-direction: column;
    }
    .u-login .login-regist .login-button-wrap {
        padding-bottom: 0;
    }
	.u-login .login-col {
		padding: 1em;
	}
}

/*--------------------検索結果予約モーダル--------------------*/
@media screen and (min-width: 701px) {
    .modal-reserve .reserve-title br.sp-only {
        display: none;
    }
}

@media screen and (max-width: 700px) {
    .modal-reserve .reserve-title-tel {
        margin-top: 1.5em;
    }
    .modal-reserve .reserve-button {
        font-size: 13px;
        padding: 1.5em 1em 1.5em 3em;
    }
    .modal-reserve .reserve-button::before {
        left: 1em;
    }
    .modal-reserve .reserve-button-tel {
        padding-right: 0.5em;
        padding-left: 2.25em;
    }
    .modal-reserve .reserve-button-tel::before {
        left: 0.5em;
    }
    .modal-reserve .reserve-app-list li {
        flex-basis: 49%;
    }
    .modal-reserve .reserve-app-list li:nth-of-type(2n) {
        margin-right: 0;
    }
    .modal-reserve .reserve-app-list li {
        flex-basis: 49%;
    }
    .modal-reserve .reserve-app-list2 li:nth-of-type(2n) {
        margin-right: 0;
    }
    .modal-reserve .reserve-app p {
        font-size: 15px;
    }
    .modal-reserve .reserve-app > p {
        margin-left: -10px;
        margin-right: -10px;
    }
    .modal-reserve .reserve-app-box {
        margin-left: -10px;
        margin-right: -10px;
        padding-left: 10px;
        padding-right: 10px;
    }
}

@media screen and (max-width: 355px) {
    .modal-reserve .reserve-title {
        font-size: 13px;
    }
    .modal-reserve .reserve-button {
        font-size: 12px;
		padding: 1.5em 0.5em 1.5em 2.5em;
    }
    .modal-reserve .reserve-button::before {
        left: 0.5em;
    }
    .modal-reserve .reserve-button-tel {
        padding-right: 0;
        padding-left: 1.75em;
    }
    .modal-reserve .reserve-button-tel::before {
        left: 0.25em;
    }
}

/*-------------------症状から探す検索結果--------------------*/
@media screen and (max-width: 700px) {
    .symp-result .symp-result-list {
        font-size: 0.875rem;
    }
    .symp-result .symp-result-list dt, .symp-result .symp-result-list dd {
        padding-right: 0.75em;
        padding-left: 0.75em;
    }
    .symp-result .symp-result-list dt {
        font-size: 1rem;
    }
    .symp-result .symp-result-item a {
        flex-direction: column;
    }
    .symp-result .symp-result-heading {
        font-size: 1rem;
    }
    .symp-result .symp-result-ruby {
        margin-top: 0;
        font-size: 0.625rem;
    }
}

/*-------------------病名辞典--------------------*/
@media screen and (max-width: 700px) {
    .dictionary .pc {
        display: none;
    }
    .dictionary .sp {
        display: inline-block;
    }
    .dictionary .dictionary-menu {
        flex-direction: column;
        align-items: normal;
        margin: 1.5em 0 1em;
    }
    .dictionary .dictionary-menu-title {
        flex-basis: auto;
        font-size: 0.9375rem;
        margin-bottom: 0.5em;
    }
    .dictionary .dictionary-menu-list {
        margin-left: -10px;
    }
    .dictionary .dictionary-menu-button {
        font-size: 0.9375rem;
    }
    .dictionary .dictionary-label {
        font-size: 0.9375rem;
    }
    .dictionary .dictionary-item-list {
        font-size: 0.875rem;
    }
    .dictionary .dictionary-item-list dt, .dictionary .dictionary-item-list dd {
        padding-right: 0.75em;
        padding-left: 0.75em;
    }
    .dictionary .dictionary-item-list dt {
        font-size: 1rem;
    }
    .dictionary .dictionary-item-subject-title span {
        display: inline-block;
    }
    .dictionary .dictionary-contents a {
        flex-direction: column;
    }
    .dictionary .dictionary-heading {
        font-size: 1rem;
    }
    .dictionary .dictionary-ruby {
        margin-top: 0;
        font-size: 0.625rem;
    }
}

/*-------------------関連記事--------------------*/
@media screen and (max-width: 700px) {
    .related-article-list li {
        flex-basis: 100%;
        margin-top: 10px;
    }
    .related-article-box p {
        font-size: 0.75rem !important;
    }
    .related-article-image-wrap {
        width: 32.5%;
    }
    .related-article-contents {
        width: 61.5%;
    }
    .related-post-type {
        font-size: 0.8125rem;
        position: relative;
        right: auto;
        bottom: auto;
        margin-top: 1em;
        padding: 0.5em;
    }
}

/*---------------検索結果クリニックリストボタン----------------*/
@media screen and (max-width: 700px) {
    .search-result-more {
        font-size: 0.875rem;
    }
}

/*-----------マイページ新デザイン------------*/
@media screen and (max-width: 900px) {
    .mypage {
        padding-bottom: 50px;
    }
    .mypage .my-menu-item.my-menu-waiting a img {
        height: 2.25em;
    }
    .mypage .my-menu-item a span {
        font-size: 0.875rem;
    }
}

@media screen and (max-width: 700px) {
    .mypage-pnkz.pc {
        display: none;
    }
    .mypage-pnkz.sp {
        display: block;
        margin: 20px 0 40px;
    }
    .mypage {
        font-size: 0.875rem;
        padding-bottom: 0;
        margin-top: 0;
    }
    .mypage .mypage-header {
        display: block;
        border: 0;
        margin: 0 -20px;
    }
    .mypage .mypage-header:before {
        display: none;
    }
    .mypage .mypage-title {
        background: #f5f5f5;
        text-align: center;
        margin: 0 0 1em;
        padding: 0.75em;
    }
    .mypage .mypoint {
        justify-content: center;
    }
    .mypage .my-msg {
        margin-top: 2em;
    }
    .mypage .my-msg-icon, .mypage .my-msg-heading {
        display: none;
    }
    .mypage .my-utility-list {
        max-width: 95%;
        margin-top: 2em;
    }
    .mypage .my-utility-item {
        margin-left: 0;
    }
    .mypage .my-utility-item:last-child {
        margin-right: 0;
    }
    .mypage .my-utility-link {
        width: auto;
        padding-right: 0.75em;
        padding-left: 0.75em;
    }
    .mypage .my-menu-list {
        margin-bottom: -1em;
    }
    .mypage .my-menu-item {
        flex-basis: 49%;
        margin-bottom: 1em;
    }
    .mypage .my-menu-item:nth-of-type(3n) {
        margin-right: 2%;
    }
    .mypage .my-menu-item:nth-of-type(2n) {
        margin-right: 0;
    }
    .mypage .my-menu-item a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        min-height: 110px;
        padding: 0.75em 1em;
    }
    .mypage .my-menu-item a span {
        margin-top: 1em;
        flex: 0;
    }
    .mypage .my-setting {
        margin: 40px -20px 0;
    }
    .mypage .my-setting-heading {
        padding-left: calc(2.5% + 20px);
        padding-right: calc(2.5% + 20px);
    }
    .mypage .my-setting-list {
        margin-left: calc(2.5% + 20px);
        margin-right: calc(2.5% + 20px);
    }
    .mypage .my-menu-item.my-menu-waiting a img {
        height: 2.625em;
    }
    .mypage .my-menu-item.my-menu-waiting a span {
        margin-top: 0.5em;
    }
}

/*-----------クリニック詳細画面新デザイン------------*/
@media screen and (min-width: 1361px) {
	.page-clinic-detail .detail-menu-list a.sp {
		display: none;
	}
    .sidebar {
        min-width: 335px;
    }
}
@media screen and (max-width: 1360px) {
    .page-clinic-detail .detail-menu-list a.pc {
		display: none;
	}
    .side-clinicdetail-sp {
        margin-top: -80px;
    }
	.side-clinicdetail-sp .side-box {
        background: transparent;
        padding: 0;
    }
    .side-clinicdetail-sp .side-box-inner {
        background: transparent;
        padding: 0;
        border: 0;
        text-align: center;
    }
    .side-clinicdetail-sp .side-tel {
        width: auto;
    }
    .page-clinic-detail .sp-clinic-btns {
        width: 100%;
        position: fixed;
        left: 0;
        bottom: 0;
        z-index: 7000;
    }
    .page-clinic-detail .sp-clinic-btns ul {
        display: flex;
        justify-content: center;
        list-style: none;
    }
    .page-clinic-detail .sp-clinic-btns ul li {
        flex-basis: 50%;
        flex: 1;
    }
}
@media screen and (max-width: 700px) {
    .page-clinic-detail {
        font-size: 12px;
    }
    .page-clinic-detail .clinic-detail-head {
        min-height: 60px;
    }
    .page-clinic-detail .clinic-detail-head-group {
        flex-direction: column;
        position: relative;
        padding-right: 36px;
    }
    .page-clinic-detail .clinic-detail-title {
        font-size: 18px !important;
    }
    .page-clinic-detail .detail-head-favorite {
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
    .page-clinic-detail .detail-head-favorite .favorite-icon {
        width: 28px;
        height: 28px;
    }
    .page-clinic-detail .detail-head-favorite .favorite-text {
        display: block;
    }
    .page-clinic-detail .detail-info {
        flex-direction: column;
    }
    .page-clinic-detail .detail-main-img, .page-clinic-detail .detail-contents1 {
        width: 100%;
    }
    .page-clinic-detail .detail-main-img {
        margin: 0 0 20px;
    }
    .page-clinic-detail .detail-contents1 .comment-invitation {
        font-size: 12px;
    }
    .page-clinic-detail .detail-contents1 .clinic-stars {
        margin-bottom: 0;
    }
    .page-clinic-detail .detail-contents1 .comment-balloon, .page-clinic-detail .comments-clinic .comment-balloon {
        font-size: 10px;
    }
    .page-clinic-detail .clinic-data-list {
        background: #edf4fc;
    }
    .page-clinic-detail .conditions li {
        font-size: 1em;
    }
    .page-clinic-detail .detail-menu-list li a {
        font-size: 1em;
        padding: 6px 0;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .page-clinic-detail .detail-menu-list li .pc {
        display: none;
    }
    .page-clinic-detail .title-h-second {
        font-size: 1rem;
    }
    .page-clinic-detail .detail-media {
        margin-bottom: -10px;
    }
    .page-clinic-detail .detail-media .movie#movie0 {
        flex-basis: 100%;
        margin-right: 0;
    }
    .page-clinic-detail .detail-media .movie#movie0 .thumbnail-block {
        height: 0;
        padding: 56.25% 0 0;
        overflow: hidden;
    }
    .page-clinic-detail .detail-media .movie:not(#movie0) {
        flex-basis: calc((100% - 1% * 5) / 5);
        margin-right: 1%;
        margin-bottom: 10px;
    }
    .page-clinic-detail .detail-media .movie:nth-of-type(3n) {
        margin-right: 1%;
    }
    .page-clinic-detail .detail-media .movie:nth-of-type(5n + 1) {
        margin-right: 0 !important;
    }
    .page-clinic-detail .detail-feature-unit {
        flex-direction: column;
    }
    .page-clinic-detail .detail-feature-unit > * {
        margin-right: 0;
    }
    .page-clinic-detail .feature-maintitle {
        font-size: 1rem;
    }
    .page-clinic-detail .clinic-data * {
        font-size: 1em;
    }
    .page-clinic-detail .comment-sp-content {
        display: block;
    }
    .page-clinic-detail .comment .pc {
      display: none;
    }
    .page-clinic-detail .comment-sub {
        flex-basis: 35%;
    }
    .page-clinic-detail .comment-footer {
        font-size: 13px;
    }
    .page-clinic-detail .comment-footer a {
        display: block;
        width: 10em;
        margin: 1em 0 0 auto;
    }
    .page-clinic-detail .coverage-unit {
        display: block;
        margin-top: 1em;
    }
    .page-clinic-detail .coverage-unit .coverage-col {
        padding: 0;
        border: 0;
    }
    .page-clinic-detail .coverage-unit .coverage-post-title {
        display: inline-block;
        margin-left: 1.5em;
        /* border-bottom: 1px solid currentColor; */
        position: relative;
        text-decoration: underline;
    }
    .page-clinic-detail .coverage-unit .coverage-col:hover .coverage-post-title {
        border-bottom-color: transparent;
    }
    .page-clinic-detail .coverage-unit .coverage-post-title::before {
        content: "・";
        position: absolute;
        top: 0;
        left: -1.5em;
    }
    .page-clinic-detail .coverage-unit .coverage-image, .page-clinic-detail .coverage-unit .coverage-post-text, .page-clinic-detail .coverage-unit .coverage-post-date, .page-clinic-detail .coverage-unit .coverage-post-category {
        display: none;
    }
    .page-clinic-detail .coverage-more {
        font-size: 1em;
    }
    .page-clinic-detail .detail-head-appli {
        display: inline-flex;
    }
}

/*-----------クリニック詳細サイドメニュー------------*/
@media screen and (min-width: 1361px) {
    .side-clinicdetail-sp {
        display: none;
    }
}
@media screen and (max-width: 1360px) {
    .side-clinicdetail-pc {
        display: none;
    }
    .side-message {
        margin-bottom: -50px;
    }
}