/*ヘッダーの背景イメージ------------------------------------*/
.p-global-nav {
    background-image: url(https://yukinohana-ah.com/wp-content/uploads/2019/08/menu-back.png);
    background-repeat: repeat-x;
/*flexboxを使ってど真ん中に配置*/
    display: flex;
    justify-content: center;
    align-items: center;
    height: 45px;
/*要素を飛び出して100% 真ん中*/
    margin-right: calc(50% - 50vw);
    margin-left: calc(50% - 50vw);
    max-width: none !important;     
}


/*固定ページのタイトル非表示-----------------------------------*/

.c-entry__title{
    display: none;
}


/*コピーライトの色を変える-----------------------------------*/
.l-footer .c-copyright {
    background-color: white;
    color: black;
    text-align: center;
}



/*タイトル青-----------------------------------*/
.title-blue{
    font-size: 22px;
    font-weight: 600;
    color: #006d94;
    line-height: 1.2em;
    margin-bottom: -1em;
}

.title-blue-icon{
    font-size: 32px;
}



/*タイトル赤-----------------------------------*/
.title-red {
    font-size: 26px;
    font-weight: 600;
    color: #b81c22;
    text-align: center;
    letter-spacing: 0.5em;
}



.greeting-profire {
    width: 500px;
    margin-left: auto;
    margin-right: auto;
}





/*トップページ夜間診療インフォ-----------------------------------*/
.top-info {
    font-size: 16px;
}

.top-info-title {
    background: #db8d90;
    color: white;
    font-weight: 600;
    text-align: center;
    padding: 3px 0;    
}

.top-info-chara {
    background: #f8e8e8;
    padding: 10px 30px;
}


.width-80 {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}



/*ペットホテル表-----------------------------------*/
table {
    width: 100%;
}

table th {
    background-color: #7fb6c9!important;
    border-right: solid 2px white!important;
    text-align: center!important;
    color: white;
    
}

table td {
    background-color: #e5f0f4;
    text-align: center;
    border-right: solid 2px white!important;
}


/*駐車場ボタン-----------------------------------*/
.parking-button {
    background-color: #cf2e2e;
    width: 200px;
    color: white;
    font-size:20px;
    font-weight: 600;
    padding:8px 0px;
    border-radius: 5px;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}





/*1024px以上は非表示●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media screen and (min-width:1024px) {

    
/*ヘッダーの電話番号・住所-----------------------------------*/
.top-header{
    width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: #006d94;
    font-size: 13px;
    line-height: 2em;
}

.top-header-no {
    font-size: 20px;
}

.top-header-tel{
    color: #006d94;
    font-size: 30px;
    font-weight: 600;
}

.top-header-deco {
    text-decoration: none;
}

    
/*写真回り込み*/
.photo-float {
    float: right;
    padding-left: 20px;
}

    
/*あいさつタイトル-----------------------------------*/
.greeting-title {
    position: relative;
    font-size: 26px;
    font-weight: 600;
    color: #b81c22;
    letter-spacing: 0.5em;
    padding: 0.5em;
}
    
    

.top-message {
    background-color: #f8e8e8;
    padding: 10px 30px;
    }    
    
    
}




/*1023px以下は表示●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●●*/
@media screen and (max-width:1023px) {

    
/*ヘッダーの電話番号・住所-----------------------------------*/
.top-header{
    width: 300px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    color: #006d94;
    font-size: 13px;
    line-height: 2em;
}

.top-header-no {
    font-size: 18px;
}

.top-header-tel{
    color: #006d94;
    font-size: 24px;
    font-weight: 600;
}

.top-header-deco {
    text-decoration: none;
}
    
    
    
    
/*写真回り込み*/
.photo-float {
    display: none;
}

    
/*あいさつタイトル-----------------------------------*/
.greeting-title {
    position: relative;
    font-size: 22px;
    font-weight: 100;
    color: #b81c22;
    letter-spacing: 0.2em;
    padding: 0.5em;
}    
    
    
.greeting-snow{
    width: 100px;
    height: auto;
 }

    
.top-message {
    background-color: #f8e8e8;
    padding: 5px 20px;
    margin-top: 2em !important;
}     
    
}



.hospital-wide {
    max-width: 285px!important;
}