body {
	-webkit-text-size-adjust:100%;
}

input[type="button"],
input[type="submit"] {
	-webkit-appearance: none;
}

.inner {
	width:auto !important;
}

.spindent {
	padding-left:10px;
	padding-right:10px;
}

/* header
-----------------------------------------------------*/
header {
	height:80px;
	border-bottom:3px solid #076ab6;
}

header #title {
	margin-left:10px;
	padding-top:12px;
}

header #title img{
	width:200px;
	height:auto;
}

header p.phone {
	display:none;
}

header #menubtn{
	background:#092239;
	border:5px solid #092239;
	display:block;
	width:43px;
	height:43px;
	position:absolute;
	top:16px;
	right:10px;
	border-radius:5px;
	box-sizing:border-box;
	padding:10px;
}

header #menubtn,
header #menubtn span {
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
header #menubtn span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #fff;
}
header #menubtn span:nth-of-type(1) {
	top: 6px;
}
header #menubtn span:nth-of-type(2) {
	top: 15px;
}
header #menubtn span:nth-of-type(3) {
	bottom: 6px;
}

header #menubtn.active span:nth-of-type(1) {
	-webkit-transform: translateY(9px) rotate(-45deg);
	transform: translateY(9px) rotate(-45deg);
}
header #menubtn.active span:nth-of-type(2) {
	opacity: 0;
}
header #menubtn.active span:nth-of-type(3) {
	-webkit-transform: translateY(-9px) rotate(45deg);
	transform: translateY(-9px) rotate(45deg);
}

/* nav
-----------------------------------------------------*/
nav {
	position:absolute;
	top:80px;
	left:0;
	width:100%;
	display:none;
	z-index:100;
}

nav ul{
	width:100%;
	margin:auto;
}

nav ul li{
	float:none;
	width:100%;
	border-right:0 !important;
	border-left:0;
	border-bottom:1px solid #5da0d3;
	background-position:right 10px center;
	box-sizing:content-box;
}

nav ul li a{
	height:auto;
	padding:15px 0;
	display:block;
	width:auto;
}

div#nav_s {
	display:none;
}

/* footer
-----------------------------------------------------*/
footer {
	padding-left:10px;
	padding-right:10px;
}

footer #map-canvas{
	height:250px;
	width:100%;
	float:none;
	margin-bottom:20px;
}

footer .rightbox {
	width:100%;
	float:none;
	height:auto;
	padding:10px;
	text-align:center;
	margin-left: 0px;
}

footer .rightbox .img{
	display:none;
}

footer .rightbox p {
	width:100%;
}

footer .rightbox a {
	width:100%;
	height:60px;
}

/* sp_webbox_20191122_s.sue */
footer .webbox {
	width:50%;
	float:left;
	height:auto;
	padding:10px;
	text-align:center;
	margin-left: 0px;
	margin-top: 20px;
}

.pc { display: none !important; }
.sp { display: block !important; }

.pc_bnr { display: none !important; }
.sp_bnr { display: block !important; }

footer .webbox .img{
	display:none;
}

footer .webbox p {
	width:100%;
}

footer .webbox a {
	width:100%;
	height:60px;
}

footer .webbox a img{
	margin-top: 5px;
	margin-left: 28px;
	width: 100px;
	height: 100px;
	float: left;
}

footer .rightbox02 {
	width:100%;
	float: left;
	margin-top: 20px;
}

footer .rightbox02 table{
	width:100%;
	margin-bottom:20px;
	float:none;
}


footer .rightbox02 a.recuit {
	width:100%;
	height:auto;
	float:none;
	padding:10px;
	margin-bottom:10px;
}

footer .access_footer {
	display:none;
}

/* index
-----------------------------------------------------*/
section {
	box-sizing:border-box;
}

#index #topgallery {
	height:auto;
	margin-bottom:10px;
	padding-bottom:10px;
}

#index #topgallery img{
	width:100%;
	height:auto;
}

.gallery-cell .textbox {
	position:static;
	padding:15px;
}

.gallery-cell .textbox h2{
	font-size:14px;
	margin-bottom:10px;
	font-weight:500;
}

.gallery-cell .textbox p{
	font-size:12px;
	line-height:1.5em;
}

.gallery-cell .textbox p br{
	display:none;
}

.flickity-page-dots {
	bottom:0 !important;
}


#index p.catchcopy{
	width:80px;
	height:80px;
	right:10px;
	bottom:10px;
	font-size:13px;
	line-height:1.5em;
}

.newsbox {
	width:auto;
	float:none;
}

section#corona {
        padding: 40px 0;
        background-size: auto 83%;
        background-color: rgba(255,255,255,0.88);
}

section#corona .title_wrap {
        max-width: 75%;
        margin: 0 auto;
}

section#corona h2 {
        margin-bottom: 20px;
        font-size: 24px;
}

section#corona h2 br {
        display: none;
}

section#corona ol div li:before {
       top: 3px;
}

section#corona .text_wrap {
        max-width: 80%;
        padding-left: 1.3em;
}

section#corona li {
        line-height: 1.7;
        margin-bottom: 10px;
        font-size: 14px;
}

section#corona li br {
        display: none;
}

section#corona li + p {
        margin-top: 20px;
}

section#corona p {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 1.7;
}

section#info-renkei {
        padding: 40px 0;
        background-size: 450px auto;
}

section#info-renkei .title_wrap {
        max-width: 85%;
        margin: 0 auto;
}

section#info-renkei h2 {
        margin-bottom: 20px;
        font-size: 24px;
}

section#info-renkei .text_wrap {
        max-width: 85%;
        margin: 0 auto;
}

section#info-renkei p {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 1.7;
}

section#promise {
	background-size:450px auto;
	height:auto;
	padding-bottom:40px;
	padding-top:40px;
}

section#promise h2{
	margin-bottom:20px;
	font-size:24px;
}

section#promise p{
	line-height:2em;
	margin-bottom:40px;
	padding:0 10px;
	font-size:14px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

section#promise p br{
	display:none;
}

/*
section#online {
	background-size:450px auto;
	height:auto;
	padding-bottom:40px;
	padding-top:40px;
}

section#online h2{
	margin-bottom:20px;
	font-size:24px;
}

section#online p{
	line-height:2em;
	margin-bottom:40px;
	padding:0 10px;
	font-size:14px;
	width:80%;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

section#online p br{
	display:none;
}
*/

a.btn_orange{
	width:100%;
	max-width:300px;
}

#index section#menu {
	padding:40px 10px;
}

#index section#menu ul li{
	width:auto;
	float:none;
	height:250px;
	margin-right:0 !important;
	background-size:cover !important;
	margin-bottom:80px;
	overflow:visible;
}

#index section#menu ul li:last-child{
	margin-bottom:60px;
}

#index section#menu ul li a{
	width:auto;
	height:250px;
}

#index section#menu ul li div {
	width:100%;
	height:auto;
	top:auto;
	bottom:-60px;
	transition:top 0.3s ease-in;
	padding:10px 40px 10px 10px;
	box-sizing:border-box;
	background-position:95% center;
}

#index section#menu ul li div h3{
	line-height:normal;
	text-align:left;
	height:auto;
}

#index section#menu ul li div p {
	padding:0;
}

#index section#menu ul li:hover{
	border:0;
	opacity:1;
	background-position:top left;
}

#index section#menu ul li div.hover {
	top:auto !important;
	left:auto !important;
}

section#news ul.newsscroll{
	height:120px;
	float:none;
	margin-bottom:20px;
}

section#news h2 {
	text-align:center;
	font-size:24px;
}

section#news ul.newsscroll li{
	line-height:1.2em !important;
	font-size:14px;
}

#news ul.bnrbox {
	float:none;
	width:auto;
}

/* 下層
-----------------------------------------------------*/
h1#pagetitle {
	text-align:center;
	height:120px;
	display:table;
	width:100%;
	background:url(../images/h1_bg.jpg);
	background-size:cover;
	background-position:center center;
	font-size:24px;
}

article section {
	padding:40px 10px;
	position:relative;
}

article p,
article ul,
article table {
	line-height:1.5em;
	font-size:15px;
}

article h2{
	margin-bottom:20px;
	font-size:22px;
	font-weight:500;
}

section p.lead {
	margin-bottom:40px;
	font-size:14px;
}

article section:first-child {
	padding-top:40px;
}


/* 医院長紹介
-----------------------------------------------------*/
#staff section#greeting {
	height:auto;
	padding-left:10px;
	padding-right:10px;
}

#staff section#greeting .inner{
	padding:40px 0 0 0;
}

#staff section#greeting .leftbox{
	width:auto;
	float:none;
}

#staff section#greeting figure {
	position:static;
}

#staff section#greeting figure img{
	width:100%;
	height:auto;
}

#staff section#direction figure{
	width:auto;
	float:none;
	margin-left:0;
	margin-bottom:20px;
}

#staff section#direction figure img{
	width:50%;
	height:auto;
}

#staff section#direction figure img:last-child{
	margin-top:0;
}


#staff #message .leftbox{
	width:auto;
	float:none;
	margin-bottom:20px;
}

#staff #message .rightbox{
	width:auto;
	float:none;
}



/* 医院紹介
-----------------------------------------------------*/
#about .block01 img {
	float:none;
	width:100%;
	height:auto;
	margin-bottom:20px;
}

#about ul li{
	float:none;
	width:auto;
	float:none;
	margin-right:0;
	margin-bottom:20px;
	margin-top:20px;
}

#about .block01 img {
	float:none;
	margin-right:0;
}


/* 設備紹介
-----------------------------------------------------*/
ul.img300px2col li {
	margin-bottom:40px;
	text-align:center;
}

ul.img300px2col li img{
	width:300px;
	height:auto;
	margin-right:0;
	float:none;
	margin-bottom:10px;
}

ul.img300px2col li:after{
	content:"";
	display:block;
	clear:both;
}

ul.img300px2col li h3,
ul.img300px2col li p {
	text-align:left;
}

/* 診療メニュー
-----------------------------------------------------*/
#treatmenu ul li {
	width:auto;
}

#treatmenu ul li:after {
	content:"";
	display:block;
	clear:both;
}

#treatmenu ul li:nth-child(odd),
#treatmenu ul li:nth-child(even){
	float:none;
}

#treatmenu ul li img{
	width:100px;
	height:auto;
}

/* アクセス
-----------------------------------------------------*/
#access #map-canvas02 {
	width:auto;
	height:300px;
	float:none;
}

#access .leftbox {
	margin-bottom:40px;
}

#access .leftbox ul {
	margin-bottom:20px;
}

#access .leftbox{
	width:auto;
	height:auto;
	float:none;
}

article table th, article table th,
article table th, article table td {
	padding:3px;
	font-size:12px;
}
article table th, article table th {
	text-align:center;
}

#access img.f-right {
	width:100%;
	height:auto;
	float:none;
}