@charset "utf-8";
@media screen and (max-width: 768px) {
body {overflow:hidden;-webkit-text-size-adjust: none;font-size: 14px;}
img {max-width: 100%;height: auto;}
.imgleft, .imgright {float: none;display:block;margin-right: auto;margin-left: auto;}
dl dt{width:100% !important;float:none;}
dl dd{}
dl.list dd{ margin-left:1em;}
table{ width:auto !important;}
iframe{	width:100% !important;}
.pc_del{display:block !important;}
.sp_del{display:none !important;}
.pcbr{ display: none;}
.spbr{ display: block;}
.nopc { display: block;}   
#wrapper {width:100%;min-width:320px;}
/* =header */
#header {height:auto; margin-bottom:20px;}
#header h1.logo {position:static;border-bottom:2px solid #F60; padding:10px; margin-bottom:10px;}
#header h1.logo a {padding-left:0;width:200px;height:40px; background:url(/med/dementia/images/common/logo_sp.png) 0 0 no-repeat; background-size:contain;}
#topic-link {display:none !important;/*margin:auto;position:static;text-align:center;*/}
#header .tel{margin:auto auto 10px auto;position:static;}
#header .tel a{display:block; width:300px; height:52px;pointer-events:auto;}
#header .tel{background:url(/med/dementia/images/common/tel.png) no-repeat;width:300px;height:50px; background-size:contain;}
.root #header .tel{ display:none !important;}
#gmenu {
    position:absolute;
    top:0px;
    right:0;
    padding:36px 0 0 0;
    font-size:10px;
    cursor:pointer;
    width:60px;
    height:60px;
    background: url(/med/dementia/images/common/ico_menu.png) 50% -10px no-repeat;
    border:none;
    border-left:1px solid #CCC;
    display: block;
}
#gmenu.open {
    background: url(/med/dementia/images/common/btn_menu_sp_active.png) 50% 50% no-repeat #403734;
    text-indent:-9999px;
}
.menu-gmenu-container{
    clear:both;
    display:none;
    background-color: rgba(52, 62, 64, 90%);
    position:absolute; top:60px; left:0;z-index:1 !important;width:100% !important;
    }
    
.menu-gmenu-container.open{
    height: 100vh;
    display: block;
    
}
#globalNav ul#G-Nav1,#globalNav ul#G-Nav2 {display:block;width:100%;position:static;}
#globalNav ul#G-Nav1 li,#globalNav ul#G-Nav2 li{width:100%;margin-right:0;float:none;background:none; text-align:center;height:40px;line-height:40px;}
#globalNav ul#G-Nav1 li a{ background:none; padding-left:0;font-size: inherit;}
#globalNav ul#G-Nav1 li a:hover{color:#FF6600;}
#globalNav ul#G-Nav2 li a{ color:#FFF;}

/* =contents */
#imagearea,.twoColRt #main,.twoColRt .sideBar,.oneCol #main{width:90%; margin:auto; float:none;display:block; clear:both;}
.twoColRt .sideBar{margin:30px auto 20px;}
.twoColRt .sideBar #nav ul.arr li{ border-bottom:1px dotted #ccc;}
.twoColRt .sideBar #nav ul.arr li a{ line-height:2;}
#footer p{text-align:left; font-size:.9em; margin:1em;}
/*module*/
.unit1of2,.unit1of3,.unit1of4,.unit2of3{ float:none !important; width:100% !important;}
.link-btn { clear:both;}
.photobox-center{ width:auto !important;}
/**/
.responsive {border:none;}
.responsive th,.responsive td{
	display:list-item;
	list-style:none;
	width:100%;
	border:none;
}
.responsive th{padding:0;border-bottom:1px solid #ccc; background:none;}
.responsive td{padding:.5em 0;}
.responsive ul.list{ margin-left:0;}
.about div .rightbox {
    width: 100%;
}
.careMap ul {
    display: block;
}
.careMap ul li {
    width: 100%;
}
.ninchisyou .flexbox {
    display: block;
}
    .ninchisyou .left_pic {
        width: 100%;
    }
    .ninchisyou .right_text {
        width: 100%;
    }
.staff .flexbox {
    display: block;
}
.staff .name {
    padding-left: 0;
    padding-right: 0;
}
.staff .name p {
    display: block;
}
.staff .name p span {
    width: 100%;
}
.medicalbooking {
	display: block;
}
.medicalbooking div:first-child {
	width:100%;
}
.chartflex {
    display: block;
}
.chartflex img {
    width: 90%;
    margin: 0 auto 10px;
    display: block;
}
.h3flex a {
    font-size: 16px;
    margin-left: 0;
    margin-top: 10px;
    display: block;
}
    .flowchart .flexbox {
        display: block;
    }
    .flowchart .flexbox .title {
        width: auto;
        min-width: 0;
    }
    .flowchart .flexbox ul {
        width: 100%;
    }
@media screen and (max-width: 480px) { .br{ clear:both;display:block;}}
@media screen and (min-width: 769px) { #gmenu { display:none; }}

.ie #wrapper{width: 940px !important;}
.ie .menu-gmenu-container{display:block;}
.ie #globalNav ul#G-Nav1 li {width: 230px !important;margin-right:5px !important;display:inline;}
.ie #gmenu { display:none !important; }

@media print {
body {color: #000;}
#gmenu{	display:none;}
}