@charset "utf-8";

/*　#main　*/

.bumonTit {
    width: 710px;
    height: 100px;
    padding: 0;
    margin-bottom: 0.6em;
    border: none;
}

.bumonh2 {
    font-size: 2.6em;
    line-height: 1;
    text-align: left;
    display: block;
    padding: 0.5em;
    height: 2em;
    width: 710px;
    margin-bottom: 0.6em;
    border: 1px solid #c063ff;
    box-sizing: border-box;
    position: relative;
}

#print {
    position: absolute;
    top: 0.4em;
    right: 0.5em;
}

#bumonInn {
    clear: both;
    width: 710px;
    overflow: hidden;
}

#bumonInn .block {
    margin-bottom: 3.5em;
}

#bumonInn .block .headline {
    font-size: 2em;
    line-height: 1.5;
    letter-spacing: 0.1em;
    color: #000000;
    background-image: url(../../bumon/img/ico_bumon_circle01.png);
    background-repeat: no-repeat;
    background-position: left 0.23em;
    text-align: left;
    margin-bottom: 0.8em;
    padding-bottom: 0.35em;
    padding-left: 1em;
    border-bottom: 2px solid #009966;
    clear: both;
}

#bumonInn .block .headline_bmain {
    font-size: 2em;
    line-height: 1.5;
    letter-spacing: 0.1em;
    color: #000000 !important;
    background-image: url(../../bumon/img/ico_bumon_circle01.png) !important;
    background-repeat: no-repeat;
    background-position: left 0.23em;
    text-align: left;
    margin-bottom: 0em;
    padding-bottom: 0.35em;
    padding-left: 1em;
    border-bottom: 2px solid #009966 !important;
    clear: both;
}


#bumonInn .block .headline_flex {
    display: flex;
    justify-content: space-between;
    align-items: center;

}

#bumonInn .block .link_wrapper {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 15px;
    
}
#bumonInn .block .link_wrapper span{

    line-height: 1;
}

#bumonInn .block .area {
    padding: 0 2em;
}

#bumonInn .block .areaGray {
    padding: 2em 2em 0;
    background-color: #ebebeb;
    clear: both;
    margin-bottom: 2em;
}

#bumonInn .block .areaIndex {
    /*background-image: url(../img/bg_general_dot.gif);*/
    background-repeat: repeat-y;
    background-position: center top;
}

#bumonInn .block .border {
    width: 100%;
    padding: 0 0 2em;
    margin-bottom: 2em;
    border-bottom: 1px dotted #000000;
}

#bumonInn .block .bordernone {
    width: 100%;
    padding: 0 0 0em;
    margin-bottom: 0em;
}

#bumonInn .block .areaIndex p {
    font-size: 1.3em;
    line-height: 1.7;
    text-align: left;
}

#bumonInn .block .areaIndex p span {
    font-size: 1.15em;
    font-weight: bold;
    background-image: url(../../bumon/img/ico_bumon_arrow01.png);
    background-repeat: no-repeat;
    background-position: left 0.22em;
    padding-left: 1.2em;
}

#bumonInn .block .areaIndex p a {
    color: #000000;
    text-decoration: none;
}

#bumonInn .block .areaIndex p a:hover {
    text-decoration: underline;
}

#bumonInn .block .areaIndex p img {
    margin-top: 6px;
}

#bumonInn .block .boxleft_menu {
    float: left;
    width: 240px;
}

#bumonInn .block .boxright_menu {
    float: right;
    width: 190px;
    text-align: right;
}

#bumonInn .block .boxlast_menu {
    clear: both;
    width: 210px;

}


#bumonInn .block .boxleft {
    float: left;
    width: 40%;
    margin-bottom: 30px;
}

#bumonInn .block .boxright {
    float: right;
    width: 40%;
    margin-bottom: 30px;
}

#bumonInn .block .boxlast {
    clear: both;
    width: 315px;
}


/*外来診療担当医表赤枠*/
.borderred {
    border: solid 2px #C00;
}


/*************高度生殖医療スタッフ***************/

#koudoInn.staff .block {
    width: 726px;
    margin-left: 0;
    margin-right: -16px;
    margin-bottom: 2.5em;
    overflow: hidden;
}

#koudoInn.staff .block .category {
    font-size: 1.5em;
    line-height: 2;
    font-weight: bold;
    margin-bottom: 0.5em;
}

#koudoInn.staff .block .area {
    float: left;
    width: 226px;
    padding: 0 1.2em 1.5em;
    margin-right: 16px;
    margin-bottom: 20px;
    background-color: #ebebeb;
    box-sizing: border-box;
    min-height: 300px;
}

#koudoInn.staff .block .area .area01 {
    height: auto;
    border-bottom: 1px dotted #000000;
    margin-bottom: 1em;
    padding-bottom: 1em;
    min-height: 28em;
}

#koudoInn.staff .block .area .photo img {
    border-top: 12px solid #009966;
    margin-bottom: 12px;
}

#koudoInn.staff .block .area p {
    text-align: center;
}

#koudoInn.staff .block .area .name {
    font-size: 2.2em;
    font-weight: bold;
    line-height: 1.3;
    color: #009966;
}

#koudoInn.staff .block .area .kana {
    font-size: 1.2em;
    line-height: 1.3;
    margin-bottom: 1em;
}

#koudoInn.staff .block .area .position {
    font-size: 1.5em;
    line-height: 1.3;
}

#koudoInn.staff .block .area .specialty {
    text-align: left;
    font-size: 1.5em;
    line-height: 1.5;
}

#koudoInn.staff .block .area .detail img {
    margin-top: 0;
}



/*************メニューリスト***************/

.bumon_list {}

p.b_menuTit {
    font-size: 1.85em !important;
    line-height: 1.0 !important;
    letter-spacing: 0.1em;
    color: #009966;
    text-align: left;
    margin-bottom: 0em;
    padding-bottom: 0.5em;
    padding-left: 0em;

}

.bumon_list ul {
    list-style: none outside none;
}

.bumon_list ul li.icon_check {
    font-size: 1.5em !important;
    line-height: 1.8;
    text-align: left;
    background: url("../../bumon/img/ico_bumon_arrow01.png") no-repeat scroll 0 5px;
    padding-left: 20px;
}

.bumon_list ul li.icon_check a {
    text-decoration: none;
    color: #000000;
}

.bumon_list ul li.icon_check a:hover {
    text-decoration: underline;
}

.btn_OSlink {
    display: block;
    float: right;
    width: 134px;
}



/*************メニューリスト***************/


#bumonInn .block .txtIndent {
    text-indent: 1.0em;
}

#bumonInn .block .txtMinusIndent {
    padding: 0 0 0.5em 1em;
    text-indent: -1em;
}

#bumonInn .block .area p {
    font-size: 1.5em;
    line-height: 1.7;
    text-align: left;
}

#bumonInn .block .area .section {
    font-size: 1.8em;
    font-weight: bold;
    color: #0066cc;
}

#bumonInn .block .area .section span {
    font-size: 0.85em;
    color: #000000;
}

.Hyo {
    width: 100%;
}



/*************リスト表示***************/

.bumon_list_c {
    padding-left: 10px;
    margin-bottom: 20px;
    clear: both;
}

.bumon_list_c ul {
    list-style: none outside none;
}

.bumon_list_c ul.icon_circle {
    text-indent: -1.5em;
}

.bumon_list_c ul.icon_circle li {
    font-size: 1.5em !important;
    line-height: 1.8;
    text-align: left;
    margin-bottom: 6px;
}

.bumon_list_c ul.icon_n {
    text-indent: 0em !important;
    ;

}

.bumon_list_c ul.icon_n li {
    font-size: 1em !important;
    line-height: 1.8;
    text-align: left;
    margin-bottom: 10px;
    list-style-type: decimal !important;
    margin-left: 0.5em;
}

.bumon_list_c ul.icon_nb {
    text-indent: 0em !important;
    ;
}

.bumon_list_c ul.icon_nb li {
    font-size: 1.5em !important;
    line-height: 1.8;
    text-align: left;
    margin-bottom: 10px;
    list-style-type: decimal !important;
    margin-left: 0.5em;
}


/*************リスト表示***************/

.bumon_rinen {
    padding-left: 0px;
    margin-bottom: 30px;
}

.bumon_rinen dl {
    font-size: 1.5em !important;
    line-height: 1.8;
    text-align: left;
    margin-bottom: 10px;
    clear: both;
    width: 100%;
}

.bumon_rinen dt {
    display: block;
    float: left;
    width: 15%;
    font-weight: bold;
    margin-bottom: 15px;
}

.bumon_rinen dd {
    display: block;
    float: left;
    width: 85%;
    margin-bottom: 15px;
}


/*************マウスオーバー***************/
.rolloverimage {
    position: relative;
}

.comment {
    display: none;
    position: absolute;
    left: 52%;
    padding: 1em;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border: 2px solid #cc0000;
    border-radius: 8px;
    background: #fff;
    color: #cc0000;
}

.comment:after {
    position: absolute;
    bottom: 100%;
    left: 47%;
    width: 0;
    height: 0;
    border: solid transparent;
    border-bottom-color: #cc0000;
    border-width: 10px;
    pointer-events: none;
    content: " ";
}

.rolloverimage:hover~.comment {
    display: block;
}

/* スマホ用 */
@media screen and (max-width:640px) {
    .comment {
        display: block;
        position: static;
    }

    .comment:after {
        display: block;
    }

}






/*************メニューリスト***************/

/* スマホ用 */
@media screen and (max-width:640px) {
    /*　#main　*/

    .bumonTit {
        width: 96%;
        height: auto;
        margin: 0 auto 0.6em;
    }

    .bumonh2 {
        width: 96%;
        margin: 0 auto 0.6em;
    }

    #print {
        display: none;
    }

    #bumonInn {
        width: 96%;
        margin: auto;
    }

    #bumonInn .block {}

    #bumonInn .block .headline {}

    #bumonInn .block .area {}

    #bumonInn .block .areaGray {}

    #bumonInn .block .areaIndex {
        background-image: none;
    }

    #bumonInn .block .border {
        width: 100%;
        padding: 0;
        margin-bottom: 0;
        border-bottom: none;
    }

    #bumonInn .block .bordernone {
        width: 100%;

    }

    #bumonInn .block .areaIndex p {}

    #bumonInn .block .areaIndex p span {}

    #bumonInn .block .areaIndex p a {}

    #bumonInn .block .areaIndex p a:hover {}

    #bumonInn .block .areaIndex p img {}

    #bumonInn .block .boxleft_menu {
        float: none;
        width: auto;
        margin: 0 auto 0px;

    }

    #bumonInn .block .boxright_menu {
        float: none;
        width: auto;
        margin: 0 auto;
        clear: both;
        text-align: center;
    }

    #bumonInn .block .boxlast_menu {}

    #bumonInn .block .boxleft {
        float: none;
        width: 315px;
        margin: 0 auto 5px;
    }

    #bumonInn .block .boxright {
        float: none;
        width: 315px;
        margin: 0 auto;
    }

    #bumonInn .block .txtIndent {}

    #bumonInn .block .txtMinusIndent {}

    #bumonInn .block .area p {}

    #bumonInn .block .area .section {}

    #bumonInn .block .area .section span {}




    .btn_OSlink {
        width: 155px;
    }

    /*************メニューリスト***************/

    .bumon_list {}

    p.b_menuTit {}

    .bumon_list ul {
        list-style: none outside none;
    }

    .bumon_list ul li.icon_check {
        font-size: 1.5em !important;
        text-align: left !important;
        background: url("../../bumon/img/ico_bumon_arrow01.png") no-repeat scroll 0 5px;
        padding-left: 20px;
    }

    .btn_OSlink {
        display: block;
        clear: both;
        float: none;
        width: auto;
        padding-bottom: 0.25em;

    }

    /*************リスト表示***************/

    .bumon_list_c {
        margin-bottom: 10px !important;
    }

    /*************メニューリスト***************/


    /*　#side　*/

    #subMenu.bumonSub .title {}

    #subMenu.bumonSub .first {}

    #subMenu.bumonSub .first:hover {}

    #subMenu.bumonSub .second li {}

    #subMenu.bumonSub .second .third li {}


    .bumon_rinen {
        margin-bottom: 10px;
    }


    .bumon_rinen dl {}



    .bumon_rinen dt {
        display: block;
        float: none;
        clear: both;
        width: 100%;
        margin-bottom: 0px;
    }

    .bumon_rinen dd {
        display: block;
        float: none;
        clear: both;
        width: 100%;
        margin-bottom: 15px;
        border-bottom: 1px dashed #CCCCCC;
    }




}

/* 外来区分 */

.division-list{
    display: block;
    width: 140px;
    margin-left: auto;
    text-align: left;
    border:1px solid #999;
    padding: 0.5rem;
    font-size: 14px;
    
}
.division-item{
    padding-left: 1.75rem;
    position: relative;
}
.division-item:nth-of-type(1):before{
    content:'';
    position: absolute;
    display: block;
    left: 0;
    top: 15%;
    width: 20px;
    height: 15px;
    background:rgb(168, 220, 255);
    border:1px solid #999;
}
.division-item:nth-of-type(2)::before{
    content:'＊';
    line-height: 1;
    position: absolute;
    display: grid;
    place-items: center;
    left: 0;
    top: 15%;
    width: 20px;
    height: 15px;
    background:rgb(249, 250, 197);
    border:1px solid #999;
}

.vac{
    background-color: rgb(168, 220, 255) !important;
}
.intro{
    background:rgb(249, 250, 197) !important;
}