@charset "utf-8";
/*
header ONLY Style
 - header id="renew" 
 - div class="lower" 下段グローバルナビゲーション
*/

/*FontAwsome 4.7.0 強制読込*/
@import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');

/*トップページ*/
body.index-top header #under-header{
    display: none;
}

/*共通指定*/
header#renew{
    color: #000;
}
#grand-header{
    display: flex;
    justify-content: flex-start;
    padding: 10px 0;
}
/*共通指定 - サイトロゴ*/
#grand-header h1 a{
    background: none;
    display: block;
    height: 31px;
    margin: 0;
    width: 305px;
}
/*共通指定 - コンテンツボタン群*/
#grand-header .grand-header-conts{
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 0 0 0 40px;
}
#grand-header .grand-header-conts .grand-header-upper , 
#grand-header .grand-header-conts .grand-header-lower{
    display: flex;
}
/*共通指定 - コンテンツボタン群 - 上部*/
#grand-header .grand-header-conts .grand-header-upper{
    padding: 0 0 5px;
    justify-content: space-between;
} 
/* - 問い合わせ先電話番号群 */
.grand-header-upper .phone-lists{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 425px;
}
.grand-header-upper .phone-lists li{
    display: flex;
    justify-content: space-between;
    position: relative;
    width: 48%;
}
.grand-header-upper .phone-lists li::before{
    content: "\f095";
    font-family: FontAwesome;
    padding: 0 .5em 0 0;
}
.grand-header-upper .phone-lists li.reserve::before{
    color: #3fa9f5;
}
.grand-header-upper .phone-lists li.medicalcheckup::before{
    color: #ff7bac;
}
.grand-header-upper .phone-lists li.cooperation::before{
    color: #7ac943;
}
.grand-header-upper .phone-lists li.general::before{
    color: #f00;
}
.grand-header-upper .phone-lists li span{
    flex: 1;
    text-align: right;
}
.grand-header-upper .phone-lists li span a{
    color: #000;
    text-decoration: none;
}
.grand-header-upper .phone-lists li span a::after{
    position:absolute;
        top:0;
        right:0;
        bottom:0;
        left:0;
    z-index:1;
    pointer-events:auto;
    content:"";
    background-color:rgba(0,0,0,0);
}

/* - SNSリンク群 */
.grand-header-upper .sns-links{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 233px;
}
.grand-header-upper .sns-links li{
    width: 113px;
}

/*共通指定 - コンテンツボタン群 - 下部*/
#grand-header .grand-header-conts .grand-header-lower{
    align-items: center;
}
/* - サイト内検索窓 */
.grand-header-lower #g-k-w-search{
    width: 425px;
}
.grand-header-lower #g-k-w-search .gsc-search-box .gsc-search-button {
    background-color: #00055d;
    border-radius: 0 4px 4px 0;
}
/* - 資料請求 */
.grand-header-lower .files-entry{
    padding: 0 5px;
}
.grand-header-lower .files-entry a{
    align-items: center;
    background-color: #006837;
    border-radius: 4px;
    color: #fff;
    display: flex;
    height: 30px;
    text-decoration: none;
    padding: 0 1rem;
}
/* - お問い合わせリンク群 */
.grand-header-lower .inquirys{
    background-color: #00055d;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    flex: 1;
    flex-wrap: wrap;
    height: 30px;
    justify-content: space-between;
    padding: 5px;
    width: 233px;
}
.grand-header-lower .inquirys li{
    width: 48%;
}
.grand-header-lower .inquirys li:first-child{
    border-right: #fff solid 1px;
}
.grand-header-lower .inquirys li a{
    align-items: center;
    color: #fff;
    display: flex;
    justify-content: center;
    text-decoration: none;
}


/*下段グローバルナビ トップページと下層ページの画像をまとめて指定しています*/
#top-header.lower  /*トップページ*/, 
#under-header.lower /*下層ページ*/ {
    background-color: rgba(255,255,255,.60) !important;
    background-image: none;
    box-sizing: border-box;
}
#top-header.lower {
    height: auto;
    position: relative;
        top: -105px;
    width: 100%;
}
#under-header.lower {
    border-bottom: 5px solid #4f9e84;
}
#top-header.lower .header /*トップページ*/, 
#under-header.lower .header /*下層ページ*/ {
    align-items: center;
    display: flex;
    height: 105px;
    justify-content: space-between;
    margin: 0 auto;
    width: 1100px;
}
/*病院ロゴ*/
#top-header.lower h1 a /*トップページ*/ ,
#under-header.lower h1 a /*下層ページ*/ {
    background: url("../img/common/under_header/logo.png") no-repeat 0 0;
    height: 65px;
    width: 227px;
}
/*ナビゲーション群*/
#top-header.lower .gNav /*トップページ*/ ,
#under-header.lower .gNav /*下層ページ*/ {
    align-items: flex-end;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    width: calc(100% - 214px);
}
/*ナビゲーション群 - サブナビゲーション・グローバルナビゲーション 共通項目*/
#top-header.lower .gNav ul li /*トップページ*/ , 
#under-header.lower .gNav ul li /*下層ページ*/ {
    float: none;
    margin: 0;
}
/*ナビゲーション群 - サブナビゲーション*/
#top-header.lower .gNav ul.list /*トップページ*/ ,
#under-header.lower .gNav ul.list /*下層ページ*/ {
    display: flex;
    justify-content: space-between;
    line-height: 100%;
    margin: 0;
    padding: 13px 0;
    width: 810px;
}
/*ナビゲーション群 - サブナビゲーション - ボタン - 共通*/
.lower .gNav ul.list li a {
    background: none;
    width: auto;
}
/*
.lower .gNav ul li a.sub_hpdata ,
.lower .gNav ul.list li a.sub_hpdata {
    width: 111px;
    background: url("../img/common/under_header/subnavi_hpdata.png") no-repeat 0 0;
}
.lower .gNav ul li a.sub_news ,
.lower .gNav ul.list li a.sub_news {
    width: 67px;
    background: url("../img/common/under_header/subnavi_news.png") no-repeat 0 0;
}
.lower .gNav ul li a.sub_movie ,
.lower .gNav ul.list li a.sub_movie {
    width: 111px;
    background: url("../img/common/under_header/subnavi_movie.png") no-repeat 0 0;
}
.lower .gNav ul li a.sub_lecture ,
.lower .gNav ul.list li a.sub_lecture {
    width: 97px;
    background: url("../img/common/under_header/subnavi_lecture.png") no-repeat 0 0;
}
.lower .gNav ul li a.sub_nozakidayori ,
.lower .gNav ul.list li a.sub_nozakidayori {
    width: 94px;
    background: url("../img/common/under_header/subnavi_nozakidayori.png") no-repeat 0 0;
}
.lower .gNav ul li a.sub_stemap ,
.lower .gNav ul.list li a.sub_sitemap {
    width: 85px;
    background: url("../img/common/under_header/subnavi_sitemap.png") no-repeat 0 0;
}
.lower .gNav ul li a.sub_medical_personnel ,
.lower .gNav ul.list li a.sub_medical_personnel {
    width: 85px;
    background: url("../img/common/under_header/subnavi_medical_personnel.png") no-repeat 0 0;
}
*/

/*ナビゲーション群 - グローバルナビゲーション*/
#top-header.lower .gNav ul.menu  /*トップページ*/ ,
#under-header.lower .gNav ul.menu  /*下層ページ*/ {
    display: flex;
    justify-content: flex-end;
    margin: 0 0 15px;
}
/*ナビゲーション群 - グローバルナビゲーション - ボタン - 共通*/
.lower .gNav .menu li a {
    height: 50px;
}
/*ナビゲーション群 - グローバルナビゲーション - ボタン - 当院をご利用される方へ*/
.lower .gNav .menu li a.nav_information{
    background: url("../img/common/under_header/gnavi_information.png") no-repeat 0 0;
    width: 190px;
}
.lower .gNav .menu li a.nav_information:hover , 
.lower .gNav .menu li.current a.nav_information{
    background-position: 0 -50px;
}
/*ナビゲーション群 - グローバルナビゲーション - ボタン - 病院概要*/
.lower .gNav .menu li a.nav_hospital{
    background: url("../img/common/under_header/gnavi_hospital.png") no-repeat 0 0;
    width: 139px;
}
.lower .gNav .menu li a.nav_hospital:hover , 
.lower .gNav .menu li.current a.nav_hospital{
    background-position: 0 -50px;
}
/*ナビゲーション群 - グローバルナビゲーション - ボタン - 診療科・部門紹介*/
.lower .gNav .menu li a.nav_program{
    background: url("../img/common/under_header/gnavi_program.png") no-repeat 0 0;
    width: 139px;
}
.lower .gNav .menu li a.nav_program:hover , 
.lower .gNav .menu li.current a.nav_program{
    background-position: 0 -50px;
}
/*ナビゲーション群 - グローバルナビゲーション - ボタン - 交通のご案内*/
.lower .gNav .menu li a.nav_access{
    background: url("../img/common/under_header/gnavi_access.png") no-repeat 0 0;
    width: 139px;
}
.lower .gNav .menu li a.nav_access:hover , 
.lower .gNav .menu li.current a.nav_access{
    background-position: 0 -50px;
}
/*ナビゲーション群 - グローバルナビゲーション - ボタン - 外来予定表*/
.lower .gNav .menu li a.nav_outpatient{
    background: url("../img/common/under_header/gnavi_outpatient.png") no-repeat 0 0;
    width: 100px;
}
/*ナビゲーション群 - グローバルナビゲーション - ボタン - 求人情報*/
.lower .gNav .menu li a.nav_recruit{
    background: url("../img/common/under_header/gnavi_recruit.png") no-repeat 0 0;
    width: 103px;
}

/* -----------------------------------------------------
	640px以下のスタイル
-------------------------------------------------------*/
@media only screen and (max-width : 640px){
    #top-header.lower .header, #under-header.lower .header.pc {
        display: none;
    }
}

/* -----------------------------------------------------
	480px以下のスタイル
-------------------------------------------------------*/
@media only screen and (max-width : 480px){
}