@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, figure, footer, header, hgroup, nav, section {
	display: block;
}
body {
	line-height: 1;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ul, ol {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through;
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
pre, code, kbd, samp {
	font-family: monospace, serif;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	display: block;
	vertical-align: bottom;
	font-size: 0;
	line-height: 0;
	-ms-interpolation-mode: bicubic;
}
html {
	overflow-y: scroll;
}
:focus {
	outline: none;
}
/* clearfix */

.cf {
 *zoom: 1;
}
.cf:after {
	content: "";
	display: table;
	clear: both;
}
.cf:before {
	content: "";
	display: table;
}
.only_pc {
	display: block;
}
.only_sp {
	display: none;
}
.only_ipad{
	display: none;
}

@media screen and (max-width: 768px) {
.only_pc {
	display: none;
}
.only_sp {
	display: block;
}
.only_ipad{
	display: block;
}

}
.only_pc2 {
	display: block;
}
.only_sp2 {
	display: none;
}


@media screen and (max-width: 414px) {
.only_pc2 {
	display: none;
}
.only_sp2 {
	display: block;
}
.only_ipad{
	display:none;
}
}
/***************************/
/* base */
/***************************/
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: normal;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}
body {
	color: #4f4f4f;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #fff;
	position: relative;
	word-break: break-all;
	-webkit-font-feature-settings: 'palt' 1;
// for Android 4.4 font-feature-settings: 'palt' 1;
	overflow-x: hidden;
}
a:link, a:visited {
	color: #383838;
}
a:hover, a:active, .unkai a:hover, .unkai a:active, .activity a:hover, .activity a:active, .minamina a:hover, .minamina a:active, .golf a:hover, .golf a:active, .restaurant a:hover, .restaurant a:active, .hotel a:hover, .hotel a:active, .kids a:hover, .kids a:active {
	color: #277fd0;
}
img {
	width: 100%;
}
#features h2, #staff h2, #access h2, #medicalAssistance h2, #facilities h2, #infoDetail h2 {
	height: 83px;
	text-align: center;
	padding-bottom: 80px;
}
#features h2 img, #staff h2 img, #access h2 img, #medicalAssistance h2 img, #facilities h2 img, #infoDetail h2 img {
	display: inline;
	width: auto;
	height: 100%;
}
#features h3, #staff h3, #access h3, #medicalAssistance h3, #facilities h3 {
	height: 19px;
}
#features h3 img, #staff h3 img, #access h3 img, #medicalAssistance h3 img, #facilities h3 img {
	width: auto;
	height: 100%;
}

#fbwrap {
	width:400px;
	margin:40px auto 0 auto;
	
}
/***************************/
/*layout*/
/***************************/


/*header*/
header {
	width: 100%;
	height: 60px;
	background: #fff;
	z-index: 999;
}
#global {
	max-width: 1120px;
	margin: 0 auto;
}
#global ul {
	margin: 0 auto;
	float: right;
	padding-top: 24px;
}
#global li {
	float: left;
	font-size: 12px;
	letter-spacing: 0.2em;
	padding-right: 40px;
	font-weight: 600;
}
#global li:last-child {
	padding-right: 0px;
}
#global li a {
	color: #4f4f4f;
	text-decoration: none;
}
#global li a:hover {
	text-decoration: underline;
}
#globalSiteid {
	float: left;
	padding: 5px 30px 0 30px;
}
#globalSiteid img {
	width: 250px;
}
#floatHeader {
	width: 100%;
	z-index: 9999;
	background: #fff;
	height: 60px;
	display: none;
	box-shadow: rgba(113, 135, 164, 0.2) 0px 0px 6px 3px;
	-webkit-box-shadow: rgba(113, 135, 164, 0.2) 0px 0px 6px 3px;
	-moz-box-shadow: rgba(113, 135, 164, 0.2) 0px 0px 6px 3px;
}
.fixed {
	position: fixed;
	top: 0;
	left: 0;
}
#floatSiteid {
	float: left;
	padding: 5px 30px 0 30px;
}
#floatSiteid img {
	width: 250px;
}
#floatHeader #floatAnchorlink {
	float: right;
}
#floatHeader #floatAnchorlink ul {
	padding-top: 24px;
}
#floatHeader #floatAnchorlink li {
	float: left;
	font-size: 12px;
	letter-spacing: 0.2em;
	padding-right: 40px;
	font-weight: 600;
}
#floatHeader #floatAnchorlink li a {
	color: #4f4f4f;
	text-decoration: none;
}
#mainvisual {
	max-width: 1120px;
	min-width: 960px;
	max-height: 556px;
	min-height: 477px;
	margin: 0 auto;
	position: relative;
}
#siteid {
	width: 572px;
	position: absolute;
	top: 200px;
	left: 60px;
	z-index: 9999;
}
#slider {
}
#inquiryfloat {
	position: fixed;
	top: 125px;
	right: 0;
	padding: 20px 30px;
	background: rgba(77, 189, 209, 0.85);;
	color: #fff;
	z-index: 999;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
}
#inquiryfloat dt {
	width: 165px;
	padding-bottom: 15px;
	margin: 0 auto;
}
#inquiryfloat .tel {
	width: 266px;
	pdding-bottom: 10px;
	margin: 0 auto;
}
#inquiryfloat .openDay {
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#inquiryfloat .openTime {
	font-size: 12px;
}
/*content*/

#content {
}
/*information*/


#information {
	width: 960px;
	margin: 0 auto;
	padding-top: 60px;
	clear: both;
}
#information hgroup {
	width: 160px;
	float: left;
	padding-top: 15px;
}
#information h2 {
	width: 75px;
	
	margin-left: 10px;
}
#information .entryWrap {
	float: right;
	width: 800px;
}

#information dt {
	padding: 16px 0 12px 12px;
	float: left;
	clear: both;
	font-size: 14px;
}
#information dd {
	padding: 12px 12px 12px 130px;
	border-bottom: 1px dotted #c3c2c2;
	font-size: 14px;
	line-height: 1.6;
	box-sizing: border-box;
}

#information dd:last-child {
	border-bottom: none;
}



#information p {
	width: 960px;
	clear: both;
	border-top: #cccaca 1px solid;
	padding-top: 15px;
	font-size: 13px;
	text-align: right;
}
#information .link a {
	background: url(../images/ico_arrow.png) no-repeat left;
	background-size: contain;
	padding-left: 22px;
}
.newIcon{
	font-size:10px;
	padding:3px 6px;
	color:#fff;
	background:rgba(235,55,122,1.00);
	margin-left:10px;
}
/*features*/

#features {
	width: 960px;
	margin: 0 auto;
	padding: 100px 0 0px 0;
	clear: both;
}
#featureDetail li {
	width: 280px;
	float: left;
	padding-right: 60px;
}
#featureDetail li:nth-child(3) {
	padding-right: 0px;
}
#featureDetail li figure {
	width: 250px;
	margin: 0 auto;
	padding-bottom: 40px;
}
#featureDetail li figure img {
	display: inline;
}
#featureDetail li h3 {
	text-align: center;
	height: 50px;
	padding-bottom: 40px;
}
#featureDetail li h3 img {
	height: 100%;
	width: auto;
	display: inline;
}
#featureDetail li p {
	font-size: 13px;
	line-height: 1.8;
}
#featureDetail li .point {
	padding-top: 20px;
}
#featureDetail li .point figure {
	float: left;
	width: 60px;
	padding-right: 10px;
	padding-bottom: 0px;
}
#featureDetail li .point p {
	font-size: 12px;
}
/*medicalAssistance*/

#medicalAssistance {
	width: 960px;
	margin: 0 auto;
	padding-top: 120px;
}
#medicalAssistance figure {
	width: 450px;
	float: right;
}
#medicalAssistance .detailWrap {
	width: 450px;
	float: left;
}
#medicalAssistance h3 {
	padding-bottom: 40px;
}
#medicalAssistance table {
	width: 100%;
	margin-bottom: 10px;
	border: #999999 1px solid;
	font-size: 14px;
}
#medicalAssistance thead th {
	padding: 10px;
	background: #ceda9e;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
}
#medicalAssistance thead td {
	padding: 10px;
	background: #e3e3e3;
	text-align: center;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
}
#medicalAssistance thead td.sun {
	background: #f1bcc1;
}
#medicalAssistance thead td.sat {
	background: #bce5f1;
}
#medicalAssistance tbody th {
	padding: 10px;
	background: #fff;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
}
#medicalAssistance tbody td {
	padding: 10px;
	background: #fff;
	text-align: center;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
}
.openDetail p {
	text-align: right;
	font-size: 12px;
	padding-bottom: 40px;
}
.subject dt {
	padding: 10px 0 8px 12px;
	float: left;
	clear: both;
	font-size: 15px;
}
.subject dd {
	padding: 10px 8px 7px 130px;
	border-bottom: 1px dotted #ccc;
	font-size: 13px;
	line-height: 1.8;
}
/*access*/

#access {
	padding-top: 120px;
	clear: both;
	width: 960px;
	margin: 0 auto;
	position: relative;
}
#access figure {
	width: 310px;
	position: absolute;
	top: 282px;
	left: -30px;
}
#access .detailWrap {
	width: 620px;
	float: right;
}
#map {
	margin-bottom: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#access dl {
	float: right;
	text-align: right;
	padding-top: 20px;
}
#access dt {
	font-size: 15px;
	padding-bottom: 24px;
}
#access dd {
	font-size: 13px;
	line-height: 1.8;
}
/*staff*/

#staff {
	padding-top: 120px;
	clear: both;
}
#greeting {
	width: 100%;
	background: #f5f5f5;
	padding: 0px 0;
}
#greetingWrap {
	width: 1200px;
	margin: 0 auto;
	background: url(../images/kanno_pic.jpg) no-repeat;
	background-size: contain;
	padding: 60px 120px;
	box-sizing: border-box;
}
#greeting h3 {
	padding-bottom: 30px;
}
#greeting .leadcopy {
	font-size: 27px;
	padding-bottom: 30px;
	line-height: 1.4;
	letter-spacing: 0.2em;
}
#greeting p {
	font-size: 13px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: #999 1px solid;
	width: 620px;
	line-height: 2;
	letter-spacing: 0.02em;
}
#kannoprof {
	width: 620px;
	position: relative;
}
#greeting .position {
	font-size: 13px;
	padding-bottom: 10px;
}
#greeting .name {
	font-size: 25px;
	padding-bottom: 4px;
}
#greeting .nameeng {
	font-size: 12px;
}
#greeting .sup {
	line-height: 1.5;
	text-align: right;
	font-size: 12px;
	border-bottom: none;
	position: absolute;
	top: 25px;
}
#stafflist {
	width: 100%;
	background: #5bc5d9;
	padding: 60px 0;
}
#stafflistWrap {
	width: 960px;
	margin: 0 auto;
}
#stafflist h3 {
	padding-bottom: 40px;
}
#stafflist li {
	width: 160px;
	float: left;
	padding-right: 40px;
	color: #fff;
	text-align: center;
}
#stafflist li:last-child {
	padding-right: 0px;
}
#stafflist li ul li {
	width: 116px;
	margin: 0 auto;
	padding-right:0px;
	    float: none;
}
#stafflist li.position {
	font-size: 12px;
	padding-bottom: 8px;
	padding-top: 14px;
}
#stafflist li.name {
	font-size: 16px;
	border-top: #fff 1px solid;
	display: inline-block;
	padding: 10px 0px 5px 0px;
}
#stafflist li.nameeng {
	font-size: 10px;
}
/*facilities*/

#facilities {
	padding-top: 120px;
	width: 960px;
	margin: 0 auto;
}
#facilities h3 {
	padding-bottom: 40px;
}
#facilitiesDetail li {
	width: 220px;
	float: left;
	padding-right: 26px;
}
#facilitiesDetail li:nth-child(4n) {
	padding-right: 0px;
}
#facilitiesDetail li p {
	text-align: center;
	padding-top: 12px;
	padding-bottom: 24px;
	font-size: 13px;
}
#equipment {
	padding-top: 80px;
}
#equipment li p {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 14px;
}
#equipment li {
	width: 190px;
	float: left;
}
#equipment li p {
	text-align: center;
	padding-top: 14px;
	padding-bottom: 24px;
	font-size: 13px;
}
/*footer*/
footer {
	padding: 60px;
	text-align: center;
	clear: both;
}
#footerLogo {
	width: 225px;
	padding-bottom: 30px;
	margin: 0 auto;
}
footer p {
	font-size: 14px;
	line-height: 1.8;
}
#page-top {
	width: 80px;
	position: fixed;
	bottom: 10px;
	right: 10px;
}
/*infoDetail*/
#infoDetail {
	padding-top: 40px;
}
#infoDetailWrap {
	width: 100%;
	background: #f5f5f5;
	padding: 60px 0;
}
#infoentryWrap {
	width: 960px;
	margin: 0 auto;
}
.entry {
	width: 670px;
	float: left;
}
.entryHead {
	padding-bottom: 40px;
}
.entryHead h3 {
	font-size: 22px;
	padding-bottom: 10px;
	line-height: 1.4;
	letter-spacing: 0.2em;
}
.entryHead .data {
	font-size: 12px;
}
.entry p {
	font-size: 14px;
	padding-bottom: 30px;
	line-height: 2;
	letter-spacing: 0.02em;
}
#side {
	width: 240px;
	float: right;
}
#infoDetail #side h2 {
	height: auto;
	text-align: left;
	padding: 10px 5px;
	font-size: 15px;
	border-bottom: #B4B4B4 solid 2px;
	line-height: 1.5;
}
#infoDetail #side ul {
	padding: 6px 0 40px 0;
}
#infoDetail #side li {
	padding: 10px 5px;
	font-size: 13px;
	line-height: 1.5;
	border-bottom: #B4B4B4 dotted 1px;
}
.paging {
	padding-top: 40px;
}
.paging .next {
	font-size: 13px;
	padding: 15px;
	border-top: #999 solid 1px;
	border-bottom: #999 dotted 1px;
}
.paging .prev {
	font-size: 13px;
	padding: 15px;
	border-bottom: #999 solid 1px;
}
#entryList li{
	font-size:15px;
	padding:14px 5px;
	border-top:#999 solid 1px;
}
#entryList li h3{
	padding-bottom:6px;
	line-height:1.6;

}
#entryList li time{
	font-size:12px;

}
#infoDetail #entryList h2 {
    height: auto;
    text-align: center;
    padding-bottom: 26px;
}

.fadeIn{
	overflow: hidden;
}
.fadeIn li{
	transition: .8s;
}


.fadeIn-move01{
	opacity: 0;
	transform: translate(0,30px); 
	-webkit-transform: translate(0,30px); 
}
.fadeIn-move02{
	opacity: 0;
	transform: translate(0,50px); 
	-webkit-transform: translate(0,50px); 
}
.fadeIn-move03{
	opacity: 0;
	transform: translate(0,70px); 
	-webkit-transform: translate(0,70px); 
}
.move{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}
#bnrWrap {
	clear:both;
	padding-top:40px;
	width:400px;
	margin:0 auto;
}
#bnrWrap img {
	width:100%;
}

@media screen and (max-width: 768px) {
#features h2, #staff h2, #access h2, #medicalAssistance h2, #facilities h2, #infoDetail h2, #information h2 {
	height: 83px;
	text-align: center;
	padding-bottom: 60px;
}
#features h2 img, #staff h2 img, #access h2 img, #medicalAssistance h2 img, #facilities h2 img, #infoDetail h2 img, #information h2 img {
	display: inline;
	width: auto;
	height: 100%;
}
#features h3, #staff h3, #access h3, #medicalAssistance h3, #facilities h3 {
	height: 19px;
}
#features h3 img, #staff h3 img, #access h3 img, #medicalAssistance h3 img, #facilities h3 img {
	width: auto;
	height: 100%;
}
/***************************/
/*layout*/
/***************************/


/*header*/
header {
	width: 100%;
	height: 60px;
	background: none;
	z-index: 999;
	position: fixed;
}


#global_sp {
	max-width: 100%;
	margin: 0 auto;
	position:relative;
	z-index:999;
}
#global_sp ul {
	margin: 0 auto;
	float: right;
	padding-top: 24px;
	width:100%;
}
.dropdown-menu {
	display:none;
}
#global_sp li {
	text-align:center;
	font-size:18px;
	padding-bottom:25px;
}

#global_sp li a {
	color: #fff;
	text-decoration: none;
}

#globalSiteid {
	float: left;
	padding: 5px 30px 0 30px;
}
#globalSiteid img {
	width: 250px;
}
.amenu {
    position: absolute;
    top: 0;
    right: 0px;
    width: 48px;
    height: 48px;
    z-index: 999;
}
.menuBtn {
	display: block;
	width: 48px;
	height: 48px;
	background: url(../images/ico_menu.png) no-repeat;
	background-size: 48px;
	z-index: 999;
}
.open .menuBtn {
	background: url(../images/close.png) no-repeat;
	background-size: 48px;
}
.dropdown-menu {
	-webkit-transition-duration: 0.5s;
	display: none;
}
.dropdown-menu.open {
	display: block;
	background: #4dbdd1;
}

#floatHeader {
	width: 100%;
	z-index: 9999;
	background: #fff;
	height: 60px;
	display: none;
	box-shadow: rgba(113, 135, 164, 0.2) 0px 0px 6px 3px;
	-webkit-box-shadow: rgba(113, 135, 164, 0.2) 0px 0px 6px 3px;
	-moz-box-shadow: rgba(113, 135, 164, 0.2) 0px 0px 6px 3px;
}
.fixed {
	position: fixed;
	top: 0;
	left: 0;
}

#mainvisual {
	width:100%;
	max-width: auto;
	min-width: auto;
	max-height: auto;
	min-height: 914px;
	margin: 0 auto;
	position: relative;
}
#siteid {
	    width: 50%;
    position: absolute;
    top: 200px;
    margin: 0 auto;
    z-index: 800;
    left: 0;
    right: 0;
}
#slider {
}
#inquiryfloat {
    position: absolute;
    top: 600px;
    margin: 0 auto;
    width: 90%;
    text-align: center;
    right: 0;
    padding: 20px 20px;
    background: rgba(77, 189, 209, 0.85);;
    color: #fff;
    z-index: 999;
    box-sizing: border-box;
   border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;
	left: 0;
  right: 0;

}

#wpcontent #inquiryfloat {
    display:none;

}
#inquiryfloat dt {
	width: 165px;
	padding-bottom: 15px;
	margin: 0 auto;
}
#inquiryfloat .tel {
	width: 245px;
	pdding-bottom: 10px;
	margin: 0 auto;
}
#inquiryfloat .openDay {
	font-size: 12px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#inquiryfloat .openTime {
	font-size: 12px;
}
/*content*/

#content {

}
/*information*/


#information {
	width: 94%;
	margin: 0 auto;
	padding-top: 0px;
	clear: both;
}
#information hgroup {
	width: 160px;
	float: left;
	padding-top:6px;
}
#information h2 {
	width:auto;
	
	margin-left: 10px;
}
#information .entryWrap {
	float: none;
    width: 100%;
}

#information dt {
	padding: 16px 0 12px 12px;
	float: left;
	clear: both;
	font-size: 14px;
}
#information dd {
	padding: 12px 12px 12px 130px;
	border-bottom: 1px dotted #c3c2c2;
	font-size: 14px;
	line-height: 1.6;
	box-sizing: border-box;
}

#information dd:last-child {
	border-bottom: none;
}


#information p {
	width: 100%;
	clear: both;
	border-top: #cccaca 1px solid;
	padding-top: 15px;
	font-size: 13px;
	text-align: right;
}
#information .link a {
	background: url(../images/ico_arrow.png) no-repeat left;
	background-size: contain;
	padding-left: 22px;
}
/*features*/

#features {
	width: 94%;
	margin: 0 auto;
	padding: 60px 0 0px 0;
	clear: both;
}
#featureDetail li {
	width:32%;
	float: left;
	padding-right: 2%;
}
#featureDetail li:nth-child(3) {
	padding-right: 0%;
}
#featureDetail li figure {
	width: 96%;
	margin: 0 auto;
	padding-bottom: 30px;
}
#featureDetail li figure img {
	display: inline;
}
#featureDetail li h3 {
	text-align: center;
	height: 40px;
	padding-bottom: 30px;
}
#featureDetail li h3 img {
	height: 100%;
	width: auto;
	display: inline;
}
#featureDetail li p {
	font-size: 13px;
	line-height: 1.8;
}
#featureDetail li .point {
	padding-top: 20px;
}
#featureDetail li .point figure {
	float: left;
	width: 60px;
	padding-right: 10px;
	padding-bottom: 0px;
}
#featureDetail li .point p {
	font-size: 12px;
}
/*medicalAssistance*/

#medicalAssistance {
	width: 94%;
	margin: 0 auto;
	padding-top: 80px;
}

#medicalAssistance .detailWrap {
	width: 100%;
	float: none;
}
#medicalAssistance h3 {
	padding-bottom: 30px;
}
#medicalAssistance table {
	width: 100%;
	margin-bottom: 10px;
	border: #999999 1px solid;
	font-size: 14px;
}
#medicalAssistance thead th {
	padding: 10px;
	background: #ceda9e;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
}
#medicalAssistance thead td {
	padding: 10px;
	background: #e3e3e3;
	text-align: center;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
}
#medicalAssistance thead td.sun {
	background: #f1bcc1;
}
#medicalAssistance thead td.sat {
	background: #bce5f1;
}
#medicalAssistance tbody th {
	padding: 10px;
	background: #fff;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
}
#medicalAssistance tbody td {
	padding: 10px;
	background: #fff;
	text-align: center;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
}
.openDetail p {
	text-align: right;
	font-size: 12px;
	padding-bottom: 30px;
}
.subject {
	width:60%;
	float:left;
}

#medicalAssistance figure {
	width: 36%;
	float: right;
	padding-top: 60px;

}
.subject dt {
	padding: 10px 0 8px 12px;
	float: left;
	clear: both;
	font-size: 15px;
}
.subject dd {
	padding: 10px 8px 7px 130px;
	border-bottom: 1px dotted #ccc;
	font-size: 13px;
	line-height: 1.8;
}
/*access*/

#access {
	padding-top: 80px;
	clear: both;
	width: 94%;
	margin: 0 auto;
	position: relative;
}
#access figure {
	    width: 36%;
    position: absolute;
    top: 226px;
    left: 0px;
}
#access .detailWrap {
    width: 60%;
    float: right;
}
#map {
	margin-bottom: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#map iframe {
	width:100%;
}
#access dl {
	float: right;
	text-align: right;
	padding-top: 20px;
}
#access dt {
	font-size: 15px;
	padding-bottom: 24px;
}
#access dd {
	font-size: 13px;
	line-height: 1.8;
}
/*staff*/

#staff {
	padding-top: 80px;
	clear: both;
}
#greeting {
	width: 100%;
	background: #f5f5f5;
	padding: 0px 0;
}
#greetingWrap {
	width: 100%;
	margin: 0 auto;
	background: url(../images/kanno_pic_sp.jpg) no-repeat bottom;
	background-size: contain;
	padding: 40px 30px;
	box-sizing: border-box;
}
#greeting h3 {
	padding-bottom: 20px;
}
#greeting .leadcopy {
	font-size: 20px;
	padding-bottom: 20px;
	line-height: 1.4;
	letter-spacing: 0.2em;
}
#greeting p {
	font-size: 13px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: #999 1px solid;
	width: 66%;
	line-height: 1.6;
	letter-spacing: 0.02em;
}
#kannoprof {
	width: 100%;
	position: relative;
}
#greeting .position {
	font-size: 13px;
	padding-bottom: 10px;
}
#greeting .name {
	font-size: 25px;
	padding-bottom: 4px;
}
#greeting .nameeng {
	font-size: 12px;
}
#greeting .sup {
	line-height: 1.5;
	text-align: right;
	font-size: 12px;
	border-bottom: none;
	position: absolute;
	top: 25px;
}
#stafflist {
	width: 100%;
	background: #5bc5d9;
	padding: 40px 0;
}
#stafflistWrap {
	width: 94%;
	margin: 0 auto;
}
#stafflist h3 {
	padding-bottom: 30px;
}
#stafflist li {
	width: 19%;
	float: left;
	padding-right: 1%;
	color: #fff;
	text-align: center;
}
#stafflist li:last-child {
	padding-right: 0%;
}
#stafflist li ul li {
	width: 100%;
	margin: 0 auto;
	padding-right:0px;
	    float: none;
}
#stafflist li.position {
	font-size: 12px;
	padding-bottom: 8px;
	padding-top: 14px;
}
#stafflist li.name {
	font-size: 16px;
	border-top: #fff 1px solid;
	display: inline-block;
	padding: 10px 0px 5px 0px;
}
#stafflist li.nameeng {
	font-size: 10px;
}
/*facilities*/

#facilities {
	padding-top: 80px;
	width: 94%;
	margin: 0 auto;
}
#facilities h3 {
	padding-bottom: 40px;
}
#facilitiesDetail li {
	width: 32%;
	float: left;
	padding-right: 1%;
}
#facilitiesDetail li:nth-child(4n) {
	padding-right: 1%;
}
#facilitiesDetail li:nth-child(3n) {
	padding-right: 0%;
}
#facilitiesDetail li p {
	text-align: center;
	padding-top: 12px;
	padding-bottom: 24px;
	font-size: 13px;
}
#equipment {
	padding-top: 80px;
}
#equipment li p {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 14px;
}
#equipment li {
	width: 25%;
	float: left;
}
#equipment li p {
	text-align: center;
	padding-top: 14px;
	padding-bottom: 24px;
	font-size: 13px;
}
/*footer*/
footer {
	padding: 60px;
	text-align: center;
	clear: both;
}
#footerLogo {
	width: 225px;
	padding-bottom: 30px;
	margin: 0 auto;
}
footer p {
	font-size: 14px;
	line-height: 1.8;
}
#page-top {
	width: 80px;
	position: fixed;
	bottom: 10px;
	right: 10px;
}
/*infoDetail*/
#infoDetail {
	padding-top: 40px;
}
#infoDetailWrap {
	width: 100%;
	background: #f5f5f5;
	padding: 60px 0;
}
#infoentryWrap {
	width: 90%;
	margin: 0 auto;
}
.entry {
	width: 100%;
	float: none;
}
.entryHead {
	padding-bottom: 40px;
}
.entryHead h3 {
	font-size: 22px;
	padding-bottom: 10px;
	line-height: 1.4;
	letter-spacing: 0.2em;
}
.entryHead .data {
	font-size: 12px;
}
.entry p {
	font-size: 14px;
	padding-bottom: 30px;
	line-height: 2;
	letter-spacing: 0.02em;
}
#side {
	width: 100%;
	float: none;
	padding-top:60px;
}
#infoDetail #side h2 {
	height: auto;
	text-align: left;
	padding: 10px 5px;
	font-size: 15px;
	border-bottom: #B4B4B4 solid 2px;
	line-height: 1.5;
}
#infoDetail #side ul {
	padding: 6px 0 40px 0;
}
#infoDetail #side li {
	padding: 10px 5px;
	font-size: 13px;
	line-height: 1.5;
	border-bottom: #B4B4B4 dotted 1px;
}
.paging {
	padding-top: 40px;
}
.paging .next {
	font-size: 13px;
	padding: 15px;
	border-top: #999 solid 1px;
	border-bottom: #999 dotted 1px;
}
.paging .prev {
	font-size: 13px;
	padding: 15px;
	border-bottom: #999 solid 1px;
}
#entryList li{
	font-size:15px;
	padding:14px 5px;
	border-top:#999 solid 1px;
}
#entryList li h3{
	padding-bottom:6px;
	line-height:1.6;

}
#entryList li time{
	font-size:12px;

}
#infoDetail #entryList h2 {
    height: auto;
    text-align: center;
    padding-bottom: 26px;
}

.fadeIn{
	overflow: hidden;
}
.fadeIn li{
	transition: .8s;
}


.fadeIn-move01{
	opacity: 0;
	transform: translate(0,0px); 
	-webkit-transform: translate(0,0px); 
}
.fadeIn-move02{
	opacity: 0;
	transform: translate(0,0px); 
	-webkit-transform: translate(0,0px); 
}
.fadeIn-move03{
	opacity: 0;
	transform: translate(0,0px); 
	-webkit-transform: translate(0,0px); 
}
.move{
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
}

#inquiryfloat_sp {
    margin: 40px auto 0 auto;
    width: 90%;
    text-align: center;
    right: 0;
    padding: 20px 20px;
    background: rgba(77, 189, 209, 0.85);;
    color: #fff;
    z-index: 800;
    box-sizing: border-box;
   border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;


}
#inquiryfloat_sp dt {
	width: 165px;
	padding-bottom: 15px;
	margin: 0 auto;
}
#inquiryfloat_sp .tel {
	width: 245px;
	pdding-bottom: 10px;
	margin: 0 auto;
}
#inquiryfloat_sp .openDay {
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#inquiryfloat_sp .openTime {
	font-size: 10px;
}
#bnrWrap {
    clear: both;
    padding-top: 40px;
    width: 80%;
    margin: 0 auto;
}

}

@media screen and (max-width: 414px) {
#features h2, #staff h2, #access h2, #medicalAssistance h2, #facilities h2, #infoDetail h2, #information h2 {
	height: 70px;
	text-align: center;
	padding-bottom: 50px;
}
#features h2 img, #staff h2 img, #access h2 img, #medicalAssistance h2 img, #facilities h2 img, #infoDetail h2 img, #information h2 img {
	display: inline;
	width: auto;
	height: 100%;
}
#features h3, #staff h3, #access h3, #medicalAssistance h3, #facilities h3 {
	height: 18px;
}
#features h3 img, #staff h3 img, #access h3 img, #medicalAssistance h3 img, #facilities h3 img {
	width: auto;
	height: 18px;
}
#fbwrap {
	width:90%;
	margin:40px auto 0 auto;
	
}
/***************************/
/*layout*/
/***************************/
#siteid {
    width: 60%;
    position: absolute;
    top:100px;
    margin: 0 auto;
    z-index: 800;
    left: 0;
    right: 0;
}

/*header*/
header {
	width: 100%;
	height: 60px;
	background: none;
	z-index: 999;
	position: fixed;
}


#global_sp {
	max-width: 100%;
	margin: 0 auto;
	position:relative;
	z-index:999;
}
#global_sp ul {
	margin: 0 auto;
	float: right;
	padding-top: 24px;
	width:100%;
}
.dropdown-menu {
	display:none;
}
#global_sp li {
	text-align:center;
	font-size:18px;
	padding-bottom:25px;
}

#global_sp li a {
	color: #fff;
	text-decoration: none;
}

#globalSiteid {
	float: left;
	padding: 5px 30px 0 30px;
}
#globalSiteid img {
	width: 250px;
}
.amenu {
    position: absolute;
    top: 0;
    right: 0px;
    width: 48px;
    height: 48px;
    z-index: 999;
}
.menuBtn {
	display: block;
	width: 48px;
	height: 48px;
	background: url(../images/ico_menu.png) no-repeat;
	background-size: 48px;
	z-index: 999;
}
.open .menuBtn {
	background: url(../images/close.png) no-repeat;
	background-size: 48px;
}
.dropdown-menu {
	-webkit-transition-duration: 0.5s;
	display: none;
}
.dropdown-menu.open {
	display: block;
	background: #4dbdd1;
}
#mainvisual {

	min-height: 446px;

}

#inquiryfloat {
    position: absolute;
    top: 360px;
    margin: 0 auto;
    width: 90%;
    text-align: center;
    right: 0;
    padding: 20px 20px;
    background: rgba(77, 189, 209, 0.85);;
    color: #fff;
    z-index: 800;
    box-sizing: border-box;
   border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;
	left: 0;
  right: 0;

}
#inquiryfloat dt {
	width: 165px;
	padding-bottom: 15px;
	margin: 0 auto;
}
#inquiryfloat .tel {
	width: 245px;
	pdding-bottom: 10px;
	margin: 0 auto;
}
#inquiryfloat .openDay {
	font-size: 11px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#inquiryfloat .openTime {
	font-size: 11px;
}

/*information*/


#information {
	width: 90%;
	margin: 0 auto;
	padding-top: 120px;
	clear: both;
}

#information hgroup {
	width: auto;
	float: none;
	padding-top:6px;
}
#information h2 {
	width: auto;
	margin:0 auto;
	margin-left: 10px;
}
#information .entryWrap {
	float: none;
	width: 100%;
}

#information dt {
	padding: 16px 0 12px 5px;
	float: left;
	clear: both;
	font-size: 11px;
}
#information dd {
	padding: 12px 5px 12px 96px;
    border-bottom: 1px dotted #c3c2c2;
    font-size: 11px;
    line-height: 1.6;
    box-sizing: border-box;
}

#information dd:last-child {
	border-bottom: none;
}




#information p {
	width: 100%;
	clear: both;
	border-top: #cccaca 1px solid;
	padding-top: 15px;
	font-size: 13px;
	text-align: right;
}
#information .link a {
	background: url(../images/ico_arrow.png) no-repeat left;
	background-size: contain;
	padding-left: 22px;
}
.newIcon{
	font-size:10px;
	padding:3px 6px;
	color:#fff;
	background:rgba(235,55,122,1.00);
	margin-left:10px;
}



/*features*/

#features {
	width: 90%;
	margin: 0 auto;
	padding: 60px 0 0px 0;
	clear: both;
}
#featureDetail li {
	width:100%;
	float: none;
	padding-right: 0%;
	padding-bottom:20px;
}
#featureDetail li:nth-child(3) {
	padding-right: 0%;
}
#featureDetail li figure {
	width: 50%;
	margin: 0 auto;
	padding-bottom: 30px;
}
#featureDetail li figure img {
	display: inline;
}
#featureDetail li h3 {
	text-align: center;
	height: 50px;
	padding-bottom: 30px;
}
#featureDetail li h3 img {
	height: 100%;
	width: auto;
	display: inline;
}
#featureDetail li p {
	font-size: 13px;
	line-height: 1.8;
}
#featureDetail li .point {
	padding-top: 20px;
}
#featureDetail li .point figure {
	float: left;
	width: 60px;
	padding-right: 10px;
	padding-bottom: 0px;
}
#featureDetail li .point p {
	font-size: 12px;
}
/*medicalAssistance*/

#medicalAssistance {
	width: 90%;
	margin: 0 auto;
	padding-top: 80px;
}
#medicalAssistance figure {
	width: 100%;
	float: none;
	clear:both;
	padding:20px 0;
}
#medicalAssistance .detailWrap {
	width: 100%;
	float: none;
}
#medicalAssistance h3 {
	padding-bottom: 30px;
}
#medicalAssistance table {
	width: 100%;
	margin-bottom: 10px;
	border: #999999 1px solid;
	font-size: 12px;
}
#medicalAssistance thead th {
	padding: 10px;
	background: #ceda9e;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
}
#medicalAssistance thead td {
	padding: 10px;
	background: #e3e3e3;
	text-align: center;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
}
#medicalAssistance thead td.sun {
	background: #f1bcc1;
}
#medicalAssistance thead td.sat {
	background: #bce5f1;
}
#medicalAssistance tbody th {
	padding: 10px;
	background: #fff;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
}
#medicalAssistance tbody td {
	padding: 10px;
	background: #fff;
	text-align: center;
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
}
.openDetail p {
	text-align: right;
	font-size: 12px;
	padding-bottom: 30px;
}
.subject {
	width:100%;
	float:none;
}
.subject dt {
	padding: 10px 0 8px 12px;
	float: left;
	clear: both;
	font-size: 12px;
}
.subject dd {
	padding: 10px 8px 7px 90px;
	border-bottom: 1px dotted #ccc;
	font-size: 12px;
	line-height: 1.8;
}
/*access*/

#access {
	padding-top: 80px;
	clear: both;
	width: 90%;
	margin: 0 auto;
	position: relative;
}
#access figure {

	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	float: none;
	clear:both;
	padding:20px 0;
}
#access .detailWrap {
	width: 100%;
	float: none;
}
#map {
	margin-bottom: 10px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#map iframe {
	width:100%;
}
#access dl {
	float: left;
	text-align: left;
	padding-top: 20px;
}
#access dt {
	font-size: 15px;
	padding-bottom: 24px;
}
#access dd {
	font-size: 13px;
	line-height: 1.8;
}
/*staff*/

#staff {
	padding-top: 80px;
	clear: both;
}
#greeting {
	width: 100%;
	background: #f5f5f5;
	padding: 0px 0;
}
#greetingWrap {
	width: 100%;
	margin: 0 auto;
	background: url(../images/kanno_pic_sp.jpg) no-repeat bottom;
	background-size: contain;
	padding: 40px 30px;
	box-sizing: border-box;
}
#greeting h3 {
	padding-bottom: 18px;
}
#greeting .leadcopy {
	font-size: 18px;
	padding-bottom: 20px;
	line-height: 1.4;
	letter-spacing: 0.2em;
}
#greeting p {
	font-size: 12px;
	padding-bottom: 30px;
	margin-bottom: 30px;
	border-bottom: #999 1px solid;
	width: 100%;
	line-height: 1.8;
	letter-spacing: 0.02em;
}
#kannoprof {
	width: 100%;
	position: relative;
}
#greeting .position {
	font-size: 10px;
	padding-bottom: 10px;
}
#greeting .name {
	font-size: 16px;
	padding-bottom: 4px;
}
#greeting .nameeng {
	font-size: 10px;
}
#greeting .sup {
	line-height: 1.5;
    text-align: left;
    font-size: 11px;
    border-bottom: none;
    position: relative;
    top: 10px;
	    padding-bottom: 0px;
	
}
#stafflist {
	width: 100%;
	background: #5bc5d9;
	padding: 40px 0;
}
#stafflistWrap {
	width: 90%;
	margin: 0 auto;
}
#stafflist h3 {
	padding-bottom: 30px;
}
#stafflist li {
	width:30%;
	margin:0 auto;
	float: left;
	padding-right: 5%;
	padding-bottom:10px;
	color: #fff;
	text-align: center;
}
#stafflist li:last-child {
	padding-right: 0%;
}
#stafflist li:nth-child(3n){
	padding-right: 0%;
}
#stafflist li ul li {
	width: 90%;
	margin: 0 auto;
	padding-right:0px;
	    float: none;
}
#stafflist li.position {
	font-size: 12px;
	padding-bottom: 8px;
	padding-top: 14px;
}
#stafflist li.name {
	font-size: 13px;
	border-top: #fff 1px solid;
	display: inline-block;
	padding: 10px 0px 5px 0px;
}
#stafflist li.nameeng {
	font-size: 10px;
}
/*facilities*/

#facilities {
	padding-top: 80px;
	width: 90%;
	margin: 0 auto;
}
#facilities h3 {
	padding-bottom: 40px;
}
#facilitiesDetail li {
	width: 30%;
	float: left;
	padding-right: 5%;
}
#facilitiesDetail li:nth-child(4n) {
	padding-right: 5%;
}
#facilitiesDetail li:nth-child(3n) {
	padding-right: 0%;
}
#facilitiesDetail li p {
	text-align: center;
	padding-top: 12px;
	padding-bottom: 24px;
	font-size: 10px;
}
#equipment {
	padding-top: 60px;
}
#equipment li p {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 10px;
}
#equipment li {
	width: 33%;
	float: left;
}

/*footer*/
footer {
	padding: 60px;
	text-align: center;
	clear: both;
}
#footerLogo {
	width: 225px;
	padding-bottom: 30px;
	margin: 0 auto;
}
footer p {
	font-size: 12px;
	line-height: 1.8;
}
#page-top {
	width: 80px;
	position: fixed;
	bottom: 0px;
	right: 0px;
}

.fadeIn{
	overflow: hidden;
}
.fadeIn li{
	transition: .8s;
}


#inquiryfloat_sp {
    margin: 40px auto 0 auto;
    width: 90%;
    text-align: center;
    right: 0;
    padding: 20px 20px;
    background: rgba(77, 189, 209, 0.85);;
    color: #fff;
    z-index: 800;
    box-sizing: border-box;
   border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;


}
#inquiryfloat_sp dt {
	width: 165px;
	padding-bottom: 15px;
	margin: 0 auto;
}
#inquiryfloat_sp .tel {
	width: 245px;
	pdding-bottom: 10px;
	margin: 0 auto;
}
#inquiryfloat_sp .openDay {
	font-size: 10px;
	padding-top: 10px;
	padding-bottom: 5px;
}
#inquiryfloat_sp .openTime {
	font-size: 10px;
}


}
@media screen and (max-width: 320px) {
#mainvisual {

	min-height: 380px;

}
#inquiryfloat {

    top: 310px;


}
#medicalAssistance thead th {
    padding: 5px;
}

#medicalAssistance thead td {
    padding: 5px;
}

#medicalAssistance tbody th {
    padding: 5px;
}
#medicalAssistance tbody td {
    padding: 5px;
}

#greeting .leadcopy {
    font-size: 15px;
}
#greetingWrap {

    padding: 40px 30px 10px 30px;

}
#equipment li p {
    line-height: 1.4;
}
#equipment li {

    height: 150px;
}
footer {
    padding: 60px 0;

}
}