@charset "UTF-8";
/*--------------------------------------------------------------
 * this is common style
 *
 * @package conveythought
--------------------------------------------------------------*/
/*--------------------------------------------------------------
  content width
--------------------------------------------------------------*/
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width : 100% ;
	height : auto ;
}

/*--------------------------------------------------------------
  minimum necessary
--------------------------------------------------------------*/
.sticky,
.gallery-caption,
.bypostauthor {
	display : block ;
}
.wp-caption,
.wp-caption-text {
	font-size : 90% ;
}

/*--------------------------------------------------------------
  Alignments
--------------------------------------------------------------*/
.alignnone {
	margin : 5px 20px 20px 0 ;
}
.aligncenter {
	display : block ;
	margin : 5px auto 5px auto ;
}
.alignright {
	float :right ;
	margin : 5px 0 20px 20px ;
}
.alignleft {
	float : left ;
	margin : 5px 20px 20px 0 ;
}
a img.alignright {
	float : right ;
	margin : 5px 0 20px 20px ;
}
a img.alignnone {
	margin : 5px 20px 20px 0 ;
}
a img.alignleft {
	float : left ;
	margin : 5px 20px 20px 0 ;
}
a img.aligncenter {
	display : block ;
	margin-left : auto ;
	margin-right : auto ;
}
a img {
	display : block!important ;
}
.wp-caption {
	background : #fff ;
	border : 1px solid #f0f0f0 ;
	max-width : 96% ;
	padding : 5px 3px 10px ;
	text-align : center ;
}
.wp-caption.alignnone {
	margin : 5px 20px 20px 0 ;
}
.wp-caption.alignleft {
	margin : 5px 20px 20px 0 ;
}
.wp-caption.alignright {
	margin : 5px 0 20px 20px ;
}
.wp-caption img {
	border : 0 none ;
	height : auto ;
	margin : 0 ;
	max-width : 98.5% ;
	padding : 0 ;
	width : auto ;
}
.wp-caption p.wp-caption-text {
	font-size : 11px ;
	line-height : 17px ;
	margin : 0 ;
	padding : 0 4px 5px ;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip : rect(1px, 1px, 1px, 1px) ;
	position : absolute !important ;
	height : 1px ;
	width : 1px ;
	overflow : hidden ;
}
.screen-reader-text:focus {
	background-color : #f1f1f1 ;
	border-radius : 3px ;
	box-shadow : 0 0 2px 2px rgba(0, 0, 0, 0.6) ;
	clip : auto !important ;
	color : #21759b ;
	display : block ;
	font-size : 14px ;
	font-size : 0.875rem ;
	font-weight : bold ;
	height : auto ;
	left : 5px ;
	line-height : normal ;
	padding : 15px 23px 14px ;
	text-decoration : none ;
	top : 5px ;
	width : auto ;
	z-index : 100000 ; /* Above WP toolbar. */
}
.required {
	color : red ;
}
.oplink:hover img {
	opacity : 0.5 ;
 transition: 0.5s all;
}
.mark-square li {
	list-style-type: square;
}
.text-center {
	text-align: center;
}
.frontpage__news-icon {
	font-size: 10px;
	font-size: 1rem;
	background: #e5004f;
	color: #fff;
	padding: 3px 5px 2px;
	border-radius: 2px;
		-webkit-animation:blink 1.5s ease-in-out infinite alternate;
	    -moz-animation:blink 1.5s ease-in-out infinite alternate;
	    animation:blink 1.5s ease-in-out infinite alternate;
	}
	@-webkit-keyframes blink{
	    0% {opacity:0;}
	    100% {opacity:1;}
	}
	@-moz-keyframes blink{
	    0% {opacity:0;}
	    100% {opacity:1;}
	}
	@keyframes blink{
	    0% {opacity:0;}
	    100% {opacity:1;}
	}

/*--------------------------------------------------------------
  Element
--------------------------------------------------------------*/
html {
	font-size : 62.5% ;
}
body {
	color : #666 ;
	background : #fff ;
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-size : 15px ;
	font-size : 1.5rem ;
	line-height : 2 ;
	border-top : 3px solid #ff9f00 ;
}
img {
	max-width : 100% ;
	height : auto ;
}
div,
p,
span,
table,
td,
th,
tr {
	box-sizing : border-box ;
	-ms-word-wrap : break-word ;
	word-wrap : break-word ;
}
ul,
li,
ol {
	box-sizing : border-box ;
	-ms-word-wrap : break-word ;
	word-wrap : break-word ;
}
a {
	color : #666 ;
	text-decoration : underline ;
}
a:hover,
a:active {
	color : #ff9f00 ;
	text-decoration : none ;
}
h1,h2,h3,h4,h5,h6 {
	clear: both;
	margin-bottom : 20px ;
	font-family : sans-serif ;
	font-weight : bold ;
	color : #000 ;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	text-decoration : none ;
	-ms-word-wrap : break-word ;
	word-wrap : break-word ;
}
h1 {
	font-family : sans-serif ;
	font-size : 22px ;
	font-size : 2.2rem ;
	padding-bottom : .5em ;
	border-bottom : 2px solid #000 ;
}
h1:first-letter {
	margin-right : .1em ;
	font-size : 2.6rem ;
	color : #ff9f00 ;
}
h2 {
  position : relative ;
  margin : 0 0 1.5em ;
  font-size : 2.2rem ;
  font-weight : bold ;
	color: #ff9f00;
}
h3 {
	font-size : 20px ;
	font-size : 2rem ;
	font-weight: normal;
	position : relative ;
	height: 50px;
	line-height: 50px;
	margin-top: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,eae9e9+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eae9e9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eae9e9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#eae9e9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	border : 1px solid #dcdcdc ;
	padding: 0 0 0 90px;
	position: relative;
}
h3::after {
	content: '';
	width: 67px;
	height: 48px;
	background-image: url('../img/tit.png');
	background-repeat: no-repeat;
	position: absolute;
	top: 0;
	left: 10px;
}
h4 {
	color: #666;
	font-weight: normal;
	font-size : 18px ;
	font-size : 1.8rem ;
	height: 30px;
	line-height: 30px;
	padding: 5px 15px 3px;
	margin: 50px 0;
	border-left: 5px solid #ff9f00;
}

h5 {
	color: #ff9f00;
	text-shadow: -1px -1px 0px #fff,1px -1px 0px #fff,1px 1px 0px #fff,-1px 1px 0px #fff;
	font-size : 16px ;
	font-size : 1.6rem ;
	background: linear-gradient(transparent 50%, #fff0d6 50%);
	display: inline-block;
	padding: 0 5px 5px 5px;
}
h6 {
	font-size : 14px ;
	font-size : 1.4rem ;
	border-bottom : 1px solid #000 ;
	padding-bottom : 10px ;
}
figure {
	max-width : 100% ;
}
blockquote {
	background : #fdfdfd ;
	color : #999 ;
	border-radius : 10px ;
	box-shadow : 1px 1px 2px rgba(0,0,0,0.3) ;
	border : 1px solid #f4f4f4 ;
}
textarea {
	width : 100% ;
}
table {
	width : 100% ;
	margin : 0 auto 50px ;
}
thead {
	border-bottom : 2px solid #999 ;
 }
th,
td {
	padding : 15px 15px 15px 10px ;
	font-weight: normal;
	font-size: 14px;
	font-size: 1.4rem;
}
th {
 white-space : normal;
}
tr {
	white-space: normal;
}
tr:nth-child(odd) {
	background-color: #fff8ec;
}
dl {
	width: 80%;
	margin: 0 auto 20px;
}
dt {
	clear : left ;
	float : left ;
	width : 20% ;
	font-weight : bold ;
	margin-bottom : 5px ;
}
dd {
	padding-left: 10px;
	margin : 0 0 5px 20% ;
}
ul li {
	list-style : disc ;
	margin-left : 10px ;
	overflow : visible ;
}
input,
button,
select,
textarea {
	border : 1px solid #ccc ;
	border-radius : 5px ;
}
input[type="submit"] {
	border : none ;
	background: #ff9f00;
	padding: 10px 20px;
	color: #fff;
}
input[type="submit"]:hover {
	background: #ffe2b2;
	color: #ff9f00;
}
input[type="text"] {
	width : 100% ;
}
/*@media screen and (max-width : 768px) {
	body {
		padding: 0 30px;
	}
}*/

/*--------------------------------------------------------------
  header
--------------------------------------------------------------*/
.header-title {
	margin : 0 ;
}
.header-title {
	text-align: center;
}
.header-title h1,
.header-title h2 {
	border : none ;
	margin : 10px 0 ;
	line-height : 1 ;
	padding : 0 ;
}
.header-title h1 a {
	color : #000 ;
}
.header-title h1 a:hover {
	opacity : 0.6 ;
}
.header-title a img {
	width: auto;
	margin: 0;
}
.header-description p {
	margin : 0 ;
	padding : 5px 0 0;
	line-height : 1 ;
	font-size : 12px ;
	font-size : 1.2rem ;
}
.header-common {
	height: auto;
	text-align: center;
}
.header-common p {
	text-align: center;
}
.header-common a img {
	width: auto;
	margin: 0 auto;
}
.header-point {
	border: #dcdcdc 1px solid;
	font-size: 1.3rem;
	border-radius: 3px;
	text-align: center;
	padding: 1px 0 0;
	line-height: 1.5;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,fff8ec+51,ffffff+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 50%, #fff8ec 51%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 50%,#fff8ec 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 50%,#fff8ec 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.epark a img {
	width: 73%;
}
.epark a img:hover {
	opacity: .7;
}
.sp {
	display: none;
}
@media screen and (max-width : 768px) {
	.header-title {
		text-align: left;
	}
	.header-description {
		display : none ;
	}
	h3 {
		font-size: 16px;
		font-size: 1.6rem;
		padding-left: 80px;
	}
	.header-common p {
		font-size: 1.3px;
		font-size: 1.3rem;
	}
	.epark a img {
		width: 75%;
	}
	.pc {
		display: none;
	}
	.sp {
		display: block;
		margin-bottom: 15px;
	}
}

/*--------------------------------------------------------------
  nav
--------------------------------------------------------------*/
.header-nav a {
	text-decoration : none ;
	padding: 0;
}
.nav > li > a {
	width: 100%;
  position: relative;
  display: block;
  padding: 0;
	height: 46px;
	margin: 1px;
	line-height: 46px;
	text-align: center;
}
.nav > li > a:hover, .nav > li > a:focus {/*bootstrapのcssリセット*/
  background-color: inherit;
	background: #ff9f00;
	color: #fff;
}

@media screen and (min-width : 768px) {
	.header-nav {
		height: 50px;
		margin-bottom: 20px;
		border-top: 1px solid #dcdcdc;
		border-bottom: 1px solid #dcdcdc;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+74,efefef+100 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 74%, #efefef 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 74%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 74%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	}
	.nav {
		width: 100%;
		max-width: 1170px;
		margin: 0 auto;
		display: flex;
		border-right: 1px solid #dcdcdc;
	}
	/* 診療のご案内を抜いてるパターン
	.nav li {
		width: 16%;
		height: 49px;
		margin: 0;
		display: flex;
		border-left: 1px solid #dcdcdc;
	}
	.nav li:nth-child(4) {
		width: 20%;
	}
	*/
	.nav li {
		width: 20%;
		height: 49px;
		margin: 0;
		display: flex;
		border-left: 1px solid #dcdcdc;
	}
}

/*--------------------------------------------------------------
  container
--------------------------------------------------------------*/
#container {
	width : 100% ;
}
.row {
	max-width : 1170px ;
	margin : 0 auto ;
}
#contents {
	padding: 0 0 30px;
}

/*--------------------------------------------------------------
  pickup
--------------------------------------------------------------*/
.pickup-btn,
.pickup-btn li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.pickup-btn li {
	position: relative;
	margin-bottom: 40px;
}
.pickup-title {
	color: #fff;
	position: absolute;
	width: 110px;
	height: 110px;
	border-radius: 55px;
	line-height: 1.5;
	top: 50px;
	right: 10px;
	-webkit-transition: all 0.8s ease-in-out;
	-moz-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;
}
.title-green {
	background: rgba(0,153,68,.6);
	padding: 25px 0;
}
.title-orange {
	background: rgba(255,159,0,.6);
	padding: 40px 0;
}
.title-blue {
	background: rgba(0,126,175,.6);
	padding: 25px 0;
}
.pickup-btn a:hover {
	opacity : 0.5 ;
	transition: 0.5s all;
}
.pickup-btn li a {
	display: block;
}
.pickup-btn li img {
	margin: 0 auto 0 0;
}
.pickup-btn {
	margin-bottom: 30px;
}
/*--------------------------------------------------------------
  Post
--------------------------------------------------------------*/
.post {
	margin-bottom : 100px ;
	display: block !important;
	opacity: 1 !important;
}
.post ul {
	padding-left: 10px;
}

.page .post {
	margin-bottom: 30px;
}
.blog .post,
.archive .post,
.category .post {
	padding-bottom : 50px ;
	margin-bottom : 50px ;
	border-bottom : 1px solid #999 ;
	display : none ;
}
.post-title {
	padding : 20px 0 ;
	border-top : 1px solid #000 ;
	border-bottom : 1px solid #000 ;
	line-height : 1.5 ;
}
.entry-header {
	margin-bottom : 30px ;
}
.entry-footer {
	border-top : 1px solid #000 ;
	border-bottom : 1px solid #000 ;
	text-align : right ;
	padding : 20px 0 ;margin : 30px 0 ;
}
.bg-orange {
	background: #fff9f0;
	padding: 20px 30px;
	border-radius: 15px;
}
@media screen and (max-width : 768px) {
	.post-title,
 	.archive-title {
	 font-size : 15px ;
	 font-size : 1.5rem ;
 }
}

/*--------------------------------------------------------------
  Bootstrap
--------------------------------------------------------------*/
.breadcrumb {
	background : #f4f4f4 ;
	color : #666 ;
	line-height : 1.5 ;
	padding :10px 20px 5px ;
}
.breadcrumb li {
	height : 100% ;
}
.breadcrumb a {
	color : #000 ;
}
.breadcrumb a:hover,
.breadcrumb a:active {
	color : #ff9f00 ;
}

/*--------------------------------------------------------------
  main
--------------------------------------------------------------*/
@media (max-width: 767px) {

}
#main {
	float: left;
}
#sidebar {
	float: right;
}
/*--------------------------------------------------------------
  mainvisu
--------------------------------------------------------------*/
.mainvisu {
	width : 100% ;
	background: url('../img/visu_bg.gif') repeat;
	margin-bottom : 20px ;
	padding: 0;
}
.flexslider {
    margin: 0 auto 0;
    border: none;
    position: relative;
}
.flex-control-nav {
    bottom: 5px;
}
.flex-control-nav a {
    color: #fff;
		font-size : 12px ;
		font-size : 1.2rem ;
}
.flexslider li {
	list-style : none ;
}
@media screen and (min-width : 768px) {
	.flexslider {
		max-width: 1170px;
		height: 400px;
		margin-left: 10px;
		margin-right: 10px;
		overflow: hidden;
	}
	.mainvisu {
		width : 100% ;
		height: 400px;
	}
}
@media screen and (max-width : 768px) {
	.mainvisu {
		padding: 10px;
	}
}
/*--------------------------------------------------------------
  subvisu
--------------------------------------------------------------*/
.subvisu {
	width: 100%;
	max-width: 1170px;
	margin: 0 auto;
}
.page-title {
	border: none;
	margin: 0;
	line-height: 2;
	padding: 20px 0;
}

/*--------------------------------------------------------------
  thumbnailtime
--------------------------------------------------------------*/
.archive-thumbnailtime {
	padding : 20px 0 ;
	color : #999 ;
	font-family : sans-serif ;
	font-weight : bold ;
}

/*--------------------------------------------------------------
  thumbnail
--------------------------------------------------------------*/
.archive-thumbnail {
	padding : 20px 0 ;
}
.time-img {
	background : #E6E6E6 ;
	padding : 10px ;
	max-width : 150px ;
	max-height : 150px ;
 }
.time-img:hover {
	background : #F8F8F8 ;
}
.time-img p {
	margin :0 ;
	background : #fff ;
	padding : 10px ;
}
.time-img a {
	text-decoration : none ;
	color : #999
}
.time-img span {
	display : block ;
	text-align : center ;
}
.thumbnail-day {
	font-size : 300% ;
	border-bottom : 5px solid #ccc ;
	line-height : 1.5 ;
	color : #999 ;
}
.mini-img img {
	width :100% ;
	-webkit-transition : .2s ;
	transition : .2s ;
	opacity : 1 ;
}
.mini-img:hover img {
	-webkit-transition : .2s ;
	transition : .2s ;
	opacity : 0.5 ;
}
@media screen and (min-width : 768px) and (max-width : 990px ) {
	.thumbnail-day {
		font-size : 120% ;
	}
	.thumbnail-date {
		font-size : 60% ;
	}
}
@media screen and (max-width : 768px) {
	.thumbnail-day {
		font-size : 120% ;
	}
	.thumbnail-date {
		font-size : 60% ;
	}
}

/*--------------------------------------------------------------
  breadcrumb
--------------------------------------------------------------*/
.breadcrumb {
	background-color: inherit;
	padding: 0;
}
.breadcrumb li {
	margin: 0;
}

/*--------------------------------------------------------------
  widget
--------------------------------------------------------------*/
#sidebar .widget_info {
	border: 1px solid #dcdcdc;
	padding: 20px;
}
.sidebar-mobile {
		display: none;
}
.mobile-row {
	display: none;
}
.widget {
	margin-bottom : 50px ;
}
.widget h3 {
	border: none;
	background-image: none;
	padding: 0;
	font-size: 1.7rem;
	font-size: 170%;
}
.widget h3::after {
	display: none;
}
.widget h3 span {
	display: inline-block;
	margin: -20px 15px 0 0;
}
.widget ul {
	padding : 0 ;
	line-height: 1.5;
}
.widget ul li {
	overflow : visible ;
	color : #000 ;
	list-style: none;
}
.widget ul li h4 {
	color: #ff9f00;
	margin: 0 0 5px;
	border: none;
	text-shadow: -1px -1px 0px #fff,1px -1px 0px #fff,1px 1px 0px #fff,-1px 1px 0px #fff;;
	font-size : 1.4rem ;
	font-size : 140% ;
	background: linear-gradient(transparent 50%, #fff0d6 50%);
	display: inline-block;
	padding: 0 5px 5px 5px;
}
#wp-calendar #next {
	text-align : right ;
}
.widget div {
	margin: 0 0 50px;
}
.widget dl {
	width: 80%;
	margin: 0 auto 30px;
}
.widget dt {
	width: 40%;
	text-align: right;
	white-space: nowrap;
	margin: 0 20px 0 0;
}
.widget dd {
	white-space: nowrap;
	text-align: right;
}
.widget table {
	width: 100%;
	margin-bottom: 5px;
}
.widget table tr:first-child {
	background: #f2f2f2;
	border: none;
	color: #000;
}
.widget table tr:first-child td {
	color: #000;
}
.widget th,
.widget td {
	text-align: center;
	padding: 0 5px ;
}
.widget td {
	color: #ff9f00;
}
.widget table tr:nth-child(odd) {
	background: #f2f2f2;
}
.widget table th {
	font-weight: bold;
}
.rest-day {
	display: block;
	text-align: center;
	color: red;
}
.widget_mobile .nav-tabs{
	overflow: hidden;
}
.widget_mobile .nav-tabs li {
	list-style: none;
	width: 100%;
}

@media (max-width: 767px) {
	#sidebar {
		display: none;
	}
	#sidebar-mobile {
			display: block;
	}
	#sidebar-mobile a {
		display: block;
		cursor: pointer;
	}
	.widget {
		margin-bottom: 0;
	}
	.mobile-row {
		background: rgb(249, 249, 249);
		padding: 15px;
	}
	h3.widget-title {
		font-size : 16 ;
		font-size : 1.6rem ;
		font-weight: normal;
		position : relative ;
		margin-top: 0;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,fff8ec+51,ffffff+100 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 50%, #fff8ec 51%, #ffffff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 50%,#fff8ec 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 50%,#fff8ec 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		border: 1px solid #ff9f00;
		padding : 0 10px 0 10px;
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
		border-radius: 5px;

	}
}


/*--------------------------------------------------------------
  page link
--------------------------------------------------------------*/
.nav-next {
	text-align : right ;
}
.nav-links,
.nav-previous,
.nav-next {
	padding : 0 ;
}
.nav-links a {
	background : #ff9f00 ;
	border-radius : 5px ;
	padding : 10px 10px 8px ;
	width : 90% ;
	display : inline-block ;
	color : #fff ;
}
.nav-links a:hover {
	opacity : 0.7 ;
}
.nav-links .page-numbers {
	width : 30px ;
	height : 30px ;
	line-height : 30px ;
	padding : 0 ;
	text-align : center ;
}
.nav-links .next,
.nav-links .prev {
	width : 80px ;
}
.nav-links .current {
	height : 30px ;
	line-height : 30px ;
	padding : 10px ;
	text-align : center ;
}
@media screen and (max-width : 768px) {
	.nav-links a {
		width : 100% ;
		margin-bottom : 20px ;
	}
}
.link-page-nav {
	margin-bottom : 50px ;
	text-align : right ;
}
.link-page-nav span {
	display : inline-block ;
	  padding : 0 ;
	}
.link-page-nav span {
	line-height : 30px ;
	width : 30px ;
	height : 30px ;
	display : inline-block ;
	text-align : center ;
	border-radius : 3px ;
	background : #ccc ;
	color : #999 ;
	margin : 0 5px 0 0 ;
	white-space : nowrap ;
	text-overflow : ellipsis ;
	overflow : hidden ;
	font-size : 13px ;
	text-decoration : none ;
	-webkit-transition : .2s ;
	transition : .2s ;
}
.link-page-nav a span {
	color : #fff ;
	background : #ff9f00 ;
}
.link-page-nav a:hover span {
	background : #ccc ;
		color : #000 ;
	}

/*--------------------------------------------------------------
  tag
--------------------------------------------------------------*/
.tagcloud a {
	padding : 5px 10px ;
	border : 1px solid #ccc ;
	font-size : 12px !important ;
	font-size : 1.2rem !important ;
	text-decoration : none ;
	white-space : nowrap ;
}
.tagcloud a:hover {
	background-color : #ff9f00 ;
	border : 1px solid #ccc ;
	color : #fff ;
}
.tagcloud a:hover span {
	background-color : #fff ;
	color : #ff9f00 ;
}
.tag-area a {
	padding : 4px 10px 2px 10px ;
	border-radius : 5px ;
	background : #ff9f00 ;
	text-decoration : none ;
	white-space : nowrap ;
	font-size : 13px ;
	font-size : 1.3rem ;
}
.tag-area a:hover {
	background : #ccc ;
	color : #fff ;
}

/*--------------------------------------------------------------
  category
--------------------------------------------------------------*/
.category-area a {
	padding : 4px 10px 2px 10px ;
	border-radius : 5px ;
	background : #e6e6e6 ;
	text-decoration : none ;
	white-space : nowrap ;
	font-size : 13px ;
	font-size : 1.3rem ;
}
.category-area a:hover {
	background : #ff9f00 ;
	color : #fff ;
}

/*--------------------------------------------------------------
  comments
--------------------------------------------------------------*/
#respond,
.comment-wrap {
	padding : 15px ;
	border-radius : 10px ;
	border : 1px solid #f4f4f4 ;
	margin-bottom : 50px ;
}
#comments label {
	display : block ;
}
.comment-wrap a {
	text-decoration : none ;
}
.comment-body {
	margin-bottom : 30px ;
	border-bottom : 1px dashed #000 ;
	padding-bottom : 30px ;
}
.comment-author {
	border-bottom : 1px solid #000 ;
}
.reply a {
	background : #ff9f00 ;
	padding : 10px 15px 8px ;
	border-radius : 5px ;
	color : #fff ;
}
.reply a:hover {
	background : #ccc ;
}

/*--------------------------------------------------------------
  footer
--------------------------------------------------------------*/
#copyright-area {
	max-width: 1170px;
	margin: 0 auto;
	color : #666 ;
	text-align : center;
	padding : 30px 0 10px;
}
#copyright-area a {
	color : #ff9f00 ;
	text-decoration : none ;
}
#footer {
	font-size: 14px;
	font-size: 1.4rem;
	position: relative;
	background: #fff8ec;

}
.footer-area {
	padding: 30px 0 10px;
}
.page-top {
	width: 200px;
	height: 40px;
	line-height: 40px;
	background: #ff9f00;
	text-align: center;
	border-radius: 10px 10px 0 0 ;
	padding: 0;
	position: relative;;
	top: -40px;
	right: -70%;
}
@media screen and (max-width : 768px) {
	.page-top {
		display: none;
		width: 100%;
		text-align: center;
	}
}
.page-top a {
	display: block;
	color: #fff;
	text-decoration: none;
}
.footer-common {
	background: #fff;
	border-top: 3px solid #ff9f00;
	padding: 40px 0;
}
#copyright-area a:hover {
	color : #ccc ;
}
#footer .widget-categories ul {
	padding : 0 ;
}
#footer .widget-categories li {
	float : left ;
	list-style : none ;
	margin : 0 5px 5px 0 ;
	padding : 2px 5px 0 ;
	border : 1px solid #ccc ;
	font-size : 12px !important ;
	font-size : 1.2rem !important ;
	text-decoration : none ;
	white-space : nowrap ;
}
#footer .widget-categories li a {
	text-decoration : none ;
	display : inline-block ;
}
#footer .widget-categories li a:hover {
	color : #fff ;
}
#footer .widget-categories li:hover {
	color : #fff ;
	background : #ff9f00 ;
}
#footer-nav-wrap {
	width: 100%;
	background: #fff8ec;
}
#footer-nav {
	max-width: 1170px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
#footer-nav li {
	width: 20%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 3;
	text-align: center;
}
#footer-nav li a {
	color: #fff;
	text-decoration: none;
}
@media screen and (min-width : 768px) {
}
@media screen and (max-width : 768px) {
	#footer-nav li {
		width: 100%;
	}
}
/*--------------------------------------------------------------
  calendar
--------------------------------------------------------------*/
#wp-calendar tbody th,
#wp-calendar tbody td {
	text-align : center ;
	vertical-align : middle ;
}
#wp-calendar #today {
	background : #ccc ;
}
#wp-calendar tbody th a,
#wp-calendar tbody td a {
	color : #ff9f00 ;
	font-weight : bold ;
}


/*--------------------------------------------------------------
  contact
--------------------------------------------------------------*/
.mwform-tel-field input[type="text"].mw-tel {
	width: 25%;
}

/*--------------------------------------------------------------
  front
--------------------------------------------------------------*/
.front-news-list ul,
.front-news-list li,
.front-news-list dl,
.front-news-list dt,
.front-news-list dd {
	margin: 0;
	padding: 0;
	line-height: 2;
	list-style: none;
}
.front-news-list {
	margin-bottom: 100px;
}
.front-news-list dl {
	width: 100%;
}
.front-news-list dt {
	white-space: nowrap;
}
.front-news-list dd {
	margin-left: 30%;
}
.front-wrap ul{
	margin: 0;
	padding: 0;
}
/*--------------------------------------------------------------
  teaser
--------------------------------------------------------------*/
.childone {
	margin: 0 0 100px;
}
.child-archive-wrap h3 {
	margin: 0 0 30px;
}
.child-archive-wrap ul,
.child-archive-wrap ul li {
	margin: 0;
	padding: 0;
	list-style-position: inside;
}
/*--------------------------------------------------------------
  google map
--------------------------------------------------------------*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*--------------------------------------------------------------
  Mobile style
--------------------------------------------------------------*/
@media (max-width: 767px) {
	.header-title a {
		display: block;
		text-align: center;
	}
	.header-title a img {
		width: auto;
		margin: 0 auto;
	}
	dt,
	dd {
		width: 100%;
		margin: 0;
	}
	.front-news-list dd {
    margin-left: 0;
	}
	.page-title {
		padding: 20px 10px;
	}
}


/*--------------------------------------------------------------
  medical
--------------------------------------------------------------*/
h4.info-pdf {
	height: auto;
	line-height: 2.3;
	padding: 5px 15px 3px 48px;
	border-left: none;
	background-image: url("../img/icon_1r_48.png");
	background-repeat: no-repeat;
	background-position: 0 0;
}

h4.info-pdf a {
	padding-top: 5px;
}

/*--------------------------------------------------------------
  info
--------------------------------------------------------------*/
.info-flow ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.info-flow ul li {
	border: 1px solid #dcdcdc;
	padding: 15px;
	list-style: none;
	margin: 0 0 30px 0;
	display: table-cell;
	position: relative;
	background: #fff;
	z-index: 999;
}
.info-flow ul li:nth-child(2) {
	border: none;
}
.info-flow ul li dl {
	width: 100%;
	margin: 0;
}
.info-flow ul li dl dt {
	display: block;
	color: #000;
	text-align: center;
	margin: 0;
	letter-spacing: 30px;
}
.info-flow ul li:first-child dl dt,
 .info-flow ul li:nth-child(3) dl dt {
	 color: #7ecef4;
	 float: none;
   letter-spacing: inherit;
	 width: 100%;
	 text-align: left;
	 margin-bottom: 15px;
}
.info-flow ul li:not(:last-child)::after {
	content: '　';
	background: #7ecef4;
	position: absolute;
	width: 30px;
	height: 100px;
	bottom: -100px;
	left: 90px;
	z-index: 0;
}
.info-flow ul li:nth-child(3)::before,
.info-flow ul li:nth-child(4)::before,
.info-flow ul li:nth-child(5)::before {
	content: '　';
	background: #ff878d;
	width: 30px;
	height: 100px;
	bottom: -100px;
	right: 90px;
	position: absolute;
	z-index: 0;
}
.info-flow ul li:nth-child(2)::after,
.info-flow ul li:nth-child(3)::after {
	display: none;
}
.info-flow ul li:nth-child(3) dl dt {
	color: #ff878d;
}
.info-flow ul li:first-child dl dd,
 .info-flow ul li:nth-child(3) dl dd {
	 margin: 0;
	 padding: 0;
	 width: 100%;
 }
 .gmap {
 position: relative;
 padding-bottom: 56.25%;
 padding-top: 30px;
 height: 0;
 overflow: hidden;
 }

 .gmap iframe,
 .gmap object,
 .gmap embed {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 }

 /*--------------------------------------------------------------
   clinic
 --------------------------------------------------------------*/
.history td:nth-child(odd) {
	white-space: nowrap;
}