@import url("./style-common.css");

/********************************************/
/********************************************/
/********************************************/
/********************************************/
/********************************************/
/*  フロントページ []                       */
/********************************************/
@media screen and (max-width:600px){
  .hospital-main {
    background: var(--backcolor);
  }
  .hospital-main h2{
    margin: 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-size:24px;
    font-weight: 600;
  }
}
@media screen and (min-width: 600px) and (max-width: 1024px){
  .hospital-main {
    background: var(--backcolor);
  }
  .hospital-main h2{
    margin: 0;
    padding-top: 4px;
    padding-right: 0px;
    padding-bottom: 4px;
    padding-left: 0px;
    font-size:32px;
    font-weight: 600;
  }
}
@media print , screen and  (min-width:1024px){
  .hospital-main {
    background: var(--backcolor);
  }
  .hospital-main h2{
    margin: 0;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    font-size:40px;
    font-weight: 600;
  }
}

/*------------------------------------------*/
/* 診察案内                                 */
/*------------------------------------------*/
@media screen and (max-width:600px){
  .consultation {
    display:-ms-flexbox;
    display:flex;
    align-items:flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

    width:calc(100% - 32px);
    overflow:hidden;
    text-align: left;
    font-size:14px;
  }
  .consultation summary.ani-paint {
    padding-top:30px;
    padding-left:40px;
    padding-bottom:30px;
    text-align: left;
    width:100%;
  }
  .consultation summary.ani-paint h2{
    font-size:20px;
    font-weight: 400; 
  }
  .consultation summary.ani-paint h2::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f4fd　"; 
  }
  .consultation details {
    position: relative;
    box-sizing: border-box;
    margin-left:auto;
    margin-right:auto;
    padding:0;
    display:inline-block;
    width:100%;
    background: var(--contentsbackcolor);
    border: solid 1px var(--themecolor);
    border-radius: 0px;
    z-index:100;
  }
  .consultation details .details-contents{
    padding:10px;
    font-size:14px;
    background: var(--contentsbackcolor);
  }
  .consultation details .details-contents h2{
    font-size:20px;
  }
  .consultation details table{
    width:98% !important;
    font-size:14px;
    background: var(--themecolorclear);
    border-collapse: collapse;
    border:1px solid var(--themecolor);
  }
  .consultation details table th{
    border-collapse: collapse;
    border:1px solid var(--themecolor);
  }
  .consultation details table td{
    border-collapse: collapse;
    border:1px solid var(--themecolor);
  }
  /* 初診の方 */
  .consultation details:nth-of-type(1)  {
    color:var(--consultationcolor);
    border: solid 1px var(--consultationcolor);
    border-radius: 0px;
  }
  .consultation details:nth-of-type(1) summary.ani-paint {
    color:var(--consultationcolor);
    background: var(--consultationcolorclear);
  }
  .consultation details:nth-of-type(1) summary.ani-paint::before {
    color:var(--consultationbkcolor);
    background: var(--consultationcolor);
  }
  .consultation details:nth-of-type(1) summary.ani-paint:hover {
    color: var(--consultationbkcolor);
  }
  .consultation details:nth-of-type(1) table{
    width:98% !important;
    font-size:14px;
    background: var(--consultationcolorclear);
    border-collapse: collapse;
    border:1px solid var(--consultationcolor);
  }
  .consultation details:nth-of-type(1) table th{
    border-collapse: collapse;
    border:1px solid var(--consultationcolor);
  }
  .consultation details:nth-of-type(1) table td{
    border-collapse: collapse;
    border:1px solid var(--consultationcolor);
  }
}
@media screen and (min-width: 600px) and (max-width: 1024px){
  .consultation {
    display:-ms-flexbox;
    display:flex;
    align-items:flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

    width:calc(100% - 32px);
    overflow:hidden;
    text-align: left;
    font-size:16px;
  }
  .consultation summary.ani-paint {
    padding-top:30px;
    padding-left:30px;
    padding-bottom:30px;
    text-align: left;
    width:100%;
  }
  .consultation summary.ani-paint h2{
    font-size:32px;
    font-weight: 400; 
  }
  .consultation summary.ani-paint h2::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f4fd　"; 
  }
  .consultation details {
    position: relative;
    box-sizing: border-box;
    margin-left:auto;
    margin-right:auto;
    padding:0;
    display:inline-block;
    width:100%;
    background: var(--contentsbackcolor);
    border: solid 1px var(--themecolor);
    border-radius: 0px;
    z-index:100;
  }
  .consultation details .details-contents{
    padding:10px;
    font-size:16px;
    background: var(--contentsbackcolor);
  }
  .consultation details .details-contents h2{
    font-size:32px;
  }
  .consultation details table{
    width:98% !important;
    font-size:14px;
    background: var(--themecolorclear);
    border-collapse: collapse;
    border:1px solid var(--themecolor);
  }
  .consultation details table th{
    border-collapse: collapse;
    border:1px solid var(--themecolor);
  }
  .consultation details table td{
    border-collapse: collapse;
    border:1px solid var(--themecolor);
  }
  /* 初診の方 */
  .consultation details:nth-of-type(1)  {
    color:var(--consultationcolor);
    border: solid 1px var(--consultationcolor);
    border-radius: 0px;
  }
  .consultation details:nth-of-type(1) summary.ani-paint {
    color:var(--consultationcolor);
    background: var(--consultationcolorclear);
  }
  .consultation details:nth-of-type(1) summary.ani-paint::before {
    color:var(--consultationbkcolor);
    background: var(--consultationcolor);
  }
  .consultation details:nth-of-type(1) summary.ani-paint:hover {
    color: var(--consultationbkcolor);
  }
  .consultation details:nth-of-type(1) table{
    width:98% !important;
    font-size:14px;
    background: var(--consultationcolorclear);
    border-collapse: collapse;
    border:1px solid var(--consultationcolor);
  }
  .consultation details:nth-of-type(1) table th{
    border-collapse: collapse;
    border:1px solid var(--consultationcolor);
  }
  .consultation details:nth-of-type(1) table td{
    border-collapse: collapse;
    border:1px solid var(--consultationcolor);
  }
}
@media print , screen and  (min-width:1024px){
  .consultation {
    display:-ms-flexbox;
    display:flex;
    align-items:flex-start;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;

    width:calc(100% - 32px);
    overflow:hidden;
    text-align: left;
    font-size:14px;
    
  }
  .consultation summary.ani-paint {
    padding-left:8px;
    text-align: center;
    width:100%;
  }
  .consultation summary.ani-paint h2{
    font-size:40px;
    font-weight: 400; 
  }
  .consultation summary.ani-paint h2::before{
    font-family: "Font Awesome 5 Free";
    font-weight: 600;
    content: "\f4fd  "; 
  }
  .consultation details {
    position: relative;
    box-sizing: border-box;
    margin-left:auto;
    margin-right:auto;
    padding:0;
    display:inline-block;
    width:49%;
    background: var(--contentsbackcolor);
    border: solid 1px var(--themecolor);
    border-radius: 0px;
    z-index: 100;
  }
  .consultation details .details-contents{
    padding:10px;
    font-size:14px;
    background: var(--contentsbackcolor);
  }
  .consultation details .details-contents h2{
    font-size:24px;
  }
  .consultation details table{
    width:98% !important;
    font-size:14px;
    background: var(--themecolorclear);
    border-collapse: collapse;
    border:1px solid var(--themecolor);
  }
  .consultation details table th{
    border-collapse: collapse;
    border:1px solid var(--themecolor);
  }
  .consultation details table td{
    border-collapse: collapse;
    border:1px solid var(--themecolor);
  }
  /* 初診の方 */
  .consultation details:nth-of-type(1)  {
    color:var(--consultationcolor);
    border: solid 1px var(--consultationcolor);
    border-radius: 0px;
  }
  .consultation details:nth-of-type(1) summary.ani-paint {
    color:var(--consultationcolor);
    background: var(--consultationcolorclear);
  }
  .consultation details:nth-of-type(1) summary.ani-paint::before {
    color:var(--consultationbkcolor);
    background: var(--consultationcolor);
  }
  .consultation details:nth-of-type(1) summary.ani-paint:hover {
    color: var(--consultationbkcolor);
  }
  .consultation details:nth-of-type(1) table{
    width:98% !important;
    font-size:14px;
    background: var(--consultationcolorclear);
    border-collapse: collapse;
    border:1px solid var(--consultationcolor);
  }
  .consultation details:nth-of-type(1) table th{
    border-collapse: collapse;
    border:1px solid var(--consultationcolor);
  }
  .consultation details:nth-of-type(1) table td{
    border-collapse: collapse;
    border:1px solid var(--consultationcolor);
  }
}


/*------------------------------------------*/
/* 病院からのおしらせ                       */
/*------------------------------------------*/
@media screen and (max-width:600px){
  .hospital-notice{
    background: none;
    border: none;
  }
  .hospital-notice-title {
    text-align: left;
    color:var(--themecolor);
    position: relative;
  }
  .hospital-notice-title span.more {
    position: absolute;
    bottom: 10px;
    right: 7px;
    padding: 4px;
    font-size:12px;
    color:var(--themebkcolor) !important;
    background: var(--themecolor) !important;
    border: solid 1px var(--themecolor) !important;
    border-radius: 4px;
    white-space: nowrap;
  }
}
@media screen and (min-width: 600px) and (max-width: 1024px){
  .hospital-notice{
    background: var(--themecolorclear);
    border: solid 2px var(--themecolor);
    border-radius: 4px;
  }
  .hospital-notice-title {
    text-align: center;
    color:var(--themecolor);
    position: relative;
  }
  .hospital-notice-title span.more {
    position: absolute;
    bottom: 14px;
    right: 7px;
    padding: 4px;
    font-size:14px;
    color:var(--themebkcolor) !important;
    background: var(--themecolor) !important;
    border: solid 1px var(--themecolor) !important;
    border-radius: 4px;
    white-space: nowrap;
  }
}
@media print , screen and  (min-width:1024px){
  .hospital-notice{
    background: var(--themecolorclear);
    border: solid 2px var(--themecolor);
    border-radius: 4px;
  }
  .hospital-notice-title {
    text-align: center;
    color:var(--themecolor);
    position: relative;
  }
  .hospital-notice-title span.more {
    position: absolute;
    bottom: 14px;
    right: 7px;
    padding: 4px;
    font-size:14px;
    color:var(--themebkcolor) !important;
    background: var(--themecolor) !important;
    border: solid 1px var(--themecolor) !important;
    border-radius: 4px;
    white-space: nowrap;
  }
}







/**************************************************************/
/********************************************/
/********************************************/
/********************************************/
/********************************************/


/*------------------------------------------*/
/* おしらせ（投稿）                         */
/*------------------------------------------*/
@media screen and (max-width:600px){
  .single-hospital-section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .single-hospital-base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .single-hospital {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
    border: none;

    margin-top: 0px;
    margin-bottom: 0px;
    padding-top: 50px;
    padding-right: 16px;
    padding-bottom: 50px;
    padding-left: 16px;
    width:100%;
  }

}
@media screen and (min-width: 600px) and (max-width: 1024px){
  .single-hospital-section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .single-hospital-base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .single-hospital {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;

    margin-top: 0px;
    margin-right: auto; 
    margin-bottom: 0px;
    margin-left: auto; 
    max-width: 960px;
    padding-top: 50px;
    padding-right: 16px;
    padding-bottom: 50px;
    padding-left: 16px;
    width:100%;
  }

}
@media print , screen and (min-width:1024px){
  .single-hospital-section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .single-hospital-base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .single-hospital {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;

    margin-top: 0px;
    margin-right: auto; 
    margin-bottom: 0px;
    margin-left: auto; 
    max-width: 960px;
    padding-top: 50px;
    padding-right: 0px;
    padding-bottom: 50px;
    padding-left: 0px;
    width:100%;
  }

}