body {
  background: #fff;
  line-height: 2.0;
  font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic Medium", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
}

body a{
  color: #ff7043;
}

body a:hover{
  color: #ffccbc;
}

.row{
	margin-right: 0;
	margin-left: 0;
}

/* ロゴ */
h1 {
	text-align: center;
	margin: 0.5em 0 0.2em;
}

/* 電話番号 */
.telephone{
	text-align: center;
	font-size: 1.5em;
	color: #ff7043;
}

/* メニュー */
.cate-menu{
	width: 90%;
	margin: 0 auto 2em;
}

.cate-menu a{
	width: 100%;
	border-radius: 2px;
}

.btn-menu{
	background: #fff19c;
	color: #333;
	font-size: 1em;
	margin-bottom: 1em;
    transition: .3s;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.24);
}

.btn-menu:hover{
	background: #ff92aa;
	color: #fff;
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}



/* 医院情報 */
#about{
	margin: 0 auto;
	padding: 2em 0;
	background: #fbe9e7;
}

.iconType01{
	font-size: 1em;
	color: #ff7043;
	margin-right: 0.5em;
}

.iconType02{
	font-size: 1em;
	color: #ffab91;
	margin-right: 0.5em;
}

#about h2{
	font-size: 1.6em;
	padding: 16px 0;
	text-align: center;
	margin-bottom: 1em;
}


#about h2::before,#about h2::after{
	content: "";
	display: inline-block;
	width: 50px;
	height: 1px;
	margin: 0 2rem;
	background-color: #333;
	vertical-align: middle;
}


@media screen and (max-width:767px) {
#about h2{
	font-size: 1.2em;
	padding: 16px 0;
	text-align: center;
	margin-bottom: 1em;
}
	
#about h2::before,#about h2::after{
	content: "";
	display: inline-block;
	width: 26px;
	height: 1px;
	margin: 0 0.5rem;
	background-color: #333;
	vertical-align: middle;
}
}


#about h3{
	font-size: 1.2em;
	padding: 0.5em 0;
	text-align: center;
	background: #ff7043;
	color: #fff;
	border-radius: 2px;
	width: 8em;
	margin: 0 auto 1em auto;
}

#about img{
	width: 80%;
	height: 80%;
	border-radius: 2px;
}

@media screen and (max-width:767px) { 
#about img{
	width: 100%;
	height: 100%;
}
}


#about ul{
	margin: 0 auto 2em;
	padding: 0;
	width: 70%;
}

#about ul li{
	list-style-type: none;
	border-bottom: 1px dotted #ff7043;
	padding: 0.5em 1em;
}

@media screen and (max-width:767px) { 
#about ul{
	margin: 0 auto 2em;
	padding: 0;
	width: 100%;
}
}



/* 診療時間 */
#time{
	margin: 0 auto;
	padding: 2em 0;
	background: #fffcee;
}

#time h2{
	font-size: 1.6em;
	padding: 16px 0;
	text-align: center;
	margin-bottom: 1em;
}


#time h2::before,#time h2::after{
	content: "";
	display: inline-block;
	width: 50px;
	height: 1px;
	margin: 0 2rem;
	background-color: #333;
	vertical-align: middle;
}

@media screen and (max-width:767px) {
#time h2{
	font-size: 1.2em;
	padding: 16px 0;
	text-align: center;
	margin-bottom: 1em;
}
	
#time h2::before,#time h2::after{
	content: "";
	display: inline-block;
	width: 26px;
	height: 1px;
	margin: 0 0.5rem;
	background-color: #333;
	vertical-align: middle;
}
}


.scroll{
	overflow: auto;
	white-space: nowrap;
	}
	.scroll::-webkit-scrollbar{
	 height: 5px;
	}
	.scroll::-webkit-scrollbar-track{
	 background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {
	 background: #BCBCBC;
}


.tableTypeA{
	margin-bottom: 0.5em;
	width: 100%;
}

.tableTypeA th,.tableTypeA td{
	padding: 0.75em;
	border-bottom: 1px solid #ff6680;
}

.tableTypeA th{
	text-align: center;
	font-weight: normal;
}

.tableTypeA thead th{
	background: #ff6680;
	color: #fff;
}

.tableTypeA td{
	text-align: center;
}



/* 院長・副院長経歴 */
#profile{
	margin: 0 auto;
	padding: 2em 0;
	background: #fff;
}

#profile h2{
	font-size: 1.6em;
	padding: 16px 0;
	text-align: center;
	margin-bottom: 1em;
}

#profile h2::before,#profile h2::after{
	content: "";
	display: inline-block;
	width: 50px;
	height: 1px;
	margin: 0 2rem;
	background-color: #333;
	vertical-align: middle;
}

@media screen and (min-width:768px) { 
#profile h3{
    -webkit-writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
    font-size: 20px;
    letter-spacing: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	background: #ff7043;
	color: #fff;
    padding: 1em 0.5em;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 100;
	border-radius: 4px;
	margin-top: 1em;
}
}

@media screen and (max-width:767px) {
#profile{
	margin-right: 10px;
	margin-left: 10px;
}
	
#profile h2{
	font-size: 1.2em;
	padding: 16px 0;
	text-align: center;
	margin-bottom: 1em;
}
	
#profile h2::before,#profile h2::after{
	content: "";
	display: inline-block;
	width: 26px;
	height: 1px;
	margin: 0 0.5rem;
	background-color: #333;
	vertical-align: middle;
}

#profile h3{
	writing-mode: horizontal-tb;
    font-size: 20px;
    letter-spacing: 4px;
	background: #ff7043;
	color: #fff;
    padding: 0.5em 0.5em;
	border-radius: 4px;
	text-align: center;
}
}


.tableTypeB{
	margin-bottom: 0.5em;
	width: 100%;
}

.tableTypeB th,.tableTypeB td{
	padding: 0.75em;
	border-bottom: 1px solid #ffab91;
}

.tableTypeB th{
	text-align: left;
	font-weight: normal;
}


@media screen and (min-width:768px) { 
.tableTypeB th{
    width: 40%;
}
}


.tableTypeB thead th{
	background: #ff6680;
	color: #fff;
}

.tableTypeB td{
	text-align: left;
}

dl.dlType01{
	color: #ff7043;
}

dl.dlType01 dt{
}


/* ポイント */
#point{
	padding: 2em 0;
	margin-bottom: 3em;
	background-image: url(../img/bg_point01.jpg);
	background-repeat: no-repeat;
}

#point h2{
	font-size: 1.6em;
	padding: 16px 0;
	text-align: center;
	margin-bottom: 1em;
}

#point h3{
	background: #ff6680;
	width: 10em;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	border-radius:  4px;
	font-size: 1em;
	padding: 0.5em;
	margin-bottom: 0.5em;
}

span.pointTxt{
	background: linear-gradient(transparent 6%, #ffff66 60%);
}


/* Google Map */
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
	margin-bottom: 1em;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 90%;
}


/* ページトップ */
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    display: block;
    width: 40px;
    height: 40px;
    background: #ffdb45;
    text-align: center;
    border-radius: 50%;
    transition: .3s;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.24);
}
#page-top a:hover {
	box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}

#page-top i {
  color: white;
  line-height: 40px;
  vertical-align: middle;
  font-size: 16px;
}



/* footer */
footer{
	padding-top: 2em;
}

/* copyright */
#copyright{
	background: #ff6680;
	color: #fff;
	padding: 1em;
}

#copyright p{
	margin: 0;
}