/******************************************************************
Theme Name: Original Theme
Theme URI: http://www.themble.com/bones
Description: This site was built using the Bones Development Theme. For more information about Bones or to view documentation, you can visit the <a href="https://github.com/eddiemachado/bones/issues" title="Bones Issues">Bones Issues</a> page on Github. You'll want to customize this for your clients with your own information.
Author: Your Name Here
Author URI: http://www.yoururlhere.com
Version: 1.7
Tags: fluid-layout, responsive-layout, accessibility-ready, translation-ready, microformats, rtl-language-support

License: WTFPL
License URI: http://sam.zoy.org/wtfpl/
Are You Serious? Yes.

******************************************************************/

.sticky {}          /* DO NOT EDIT THIS */
.gallery-caption {} /* THESE ARE USELESS */
.bypostauthor {}    /* THEY ARE ONLY TO KEEP THEME CHECK HAPPY */

/******************************************************************

＊　コーディングルール

PCベース

@media (max-width: 967px){
	タブレット
}

@media (max-width: 767px){
	スマホ
}


＊　MENU LIST

a. sub common

1 about
2 

******************************************************************/

/******************************************************************/
/*** sub common ***************************************************/
/******************************************************************/

#pageHeader{
	min-height: 360px;
	background:#fff
}
#pageHeader .wrap{
	position:relative
}
#pageHeader .headerTitle{
	height:228px;
	background-position: center;
	background-size: cover;
}
#pageHeader .headerTitle:before {
	content: "";
	display: block;
	position: fixed;
	width: 100%;
	height: 228px;
	background:url("library/images/page/sub-title-bg.jpg") no-repeat center top;
	background-size: cover;
	top: 0;
	left: 0;
	z-index: 0;
}
#pageHeader h1{
	padding-top:92px;
	text-align:center;
	margin: 0;
}
#pageHeader #pageLogo{
	width:160px;
   position: absolute;
   left: 0px;
   top: 160px;
   z-index: 999999;
}
#pageHeader #pageLogo img:hover{
	opacity:1
}
#pageHeader #pageLogo:after{
	display: block;
 	content: "";
 	height: 167px;
 	width: 185px;
 	background: url("library/images/page/sub-logo-blur.png");
 	background-size: contain;
 	position: absolute;
 	top: 7px;
 	left: -13px;
 	z-index: 0;
}
#pageHeader #pageLogo img{
	width:100%;
	z-index: 1111;
    position: relative;
}
#subPageLogo{
	width:130px;
   	position: fixed;
   	left:auto;
   	margin-left: 10px;
  	top: -160px;
  	z-index: 9998;
  	opacity: 0;
  	transition-duration: .2s;
    transition-property: top,opacity;
}
#subPageLogo a:hover img{
	opacity:1
}
#pageHeader #subPageLogo img{
	width:100%
}
#pageHeader #subPageLogo.fixed{
    top: -20px;
    opacity: 1;
}
#pageHeader #subPageLogo.fixed:after{
	display: none;
}
#globalMenu {
	padding-top:10px;
   z-index: 2;
   position: relative;
   transition:background-color .3s
}
.subPage #globalMenu {
	background:rgba(255,255,255,1);
	padding-top:20px;
}
#globalMenu.fixed{
	position: fixed;
    width: 100%;
    background:rgba(255,255,255,0.98);
    top: 0;
    height:auto;
    z-index: 999;
    margin-top:0;
    padding:20px 0 26px;
    transition:background-color .3s
}
#globalMenu.fixed ul{
	width:978px;
	margin:0 auto;
	line-height:1em
}
#globalMenu.fixed li a{
	padding:10px 0;
}
#globalMenu ul{
	text-align:right;
	margin: 0 auto;
}
#globalMenu li{
	display:inline-block;
	margin-left:30px;
	padding-right:10px;
 	position: relative;
}
#globalMenu ul.subMenu{
	position: absolute;
	width: 180px;
	background: #7abbdf;
	left: -30px;
	display: none;
	opacity: 0;
	transition: .4s;
	z-index: 1111;
	top:43px;
}
#globalMenu ul.subMenu li:hover{
	background: #72b4d8;
}
#globalMenu.fixed ul.subMenu{
	top: 35px;
}
#globalMenu li:hover ul.subMenu{
	display: block;
	opacity: 1;
}
#globalMenu ul.subMenu li{
	padding: 0;
	margin: 0;
	text-align: left;
    display: block;
}
#globalMenu ul.subMenu li a{
	padding: 15px 30px;
	color: #fff;
	font-size: 1.3em;
}
#globalMenu ul.subMenu li:after{
	display: none;
}
#globalMenu ul.subMenu li a:after{
	display: none;
}
#globalMenu ul.subMenu li:not(:last-child){
	border-bottom: 1px solid #63aad2;
}
ul.subMenu:after{
	content: "";
	position: absolute;
    top: -6px;
    left: 45%;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 6px 5px;
	border-color: transparent transparent #7abbdf transparent;
}
.subPage #globalMenu li{
	padding-right:23px;
	margin-left:23px
}
.subPage #globalMenu li:after {
	content: '';
    display: inline-block;
    position: absolute;
    margin-left: 20px;
    top: 9px;
    width: 10px;
    height: 16px;
 	background: url('library/images/page/subGmSep.png') no-repeat;
}
.subPage #globalMenu li:last-child{
	padding-right:0
}
#globalMenu li:last-child:after {
 display:none
}
#subMenu {
	padding-top:5px;
	padding-bottom:30px;
	position:relative;
}
#subMenu.fixed {
	margin-top:66px;
}
#subMenu ul{
	text-align:center
}
#subMenu li{
	display:inline-block;
	font-size:1.5em;
	padding:0 20px 0 40px
}
#subMenu li a{
	padding:0 20px 0 0
}
#subMenu li a:after{
	position:absolute;
	content: "\f107";
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	padding-left:10px;
	color:#37C1EA;
	margin-right:40px;
	top:5px
}
.menuWrap{
	min-height:140px;
	background:#fff;
	position:relative;
	z-index:111
}
.page-id-11 .menuWrap,
.page-id-5 .menuWrap,
.page-id-336 .menuWrap,
.page-id-69 .menuWrap,
.page-id-844 .menuWrap{
	height:195px
}
.page-id-11 .menuWrap.fixed,
.page-id-5 .menuWrap.fixed,
.page-id-336 .menuWrap.fixed,
.page-id-69 .menuWrap.fixed,
.page-id-844 .menuWrap.fixed{
	height:130px;
	min-height:130px
}
.pageDescription{
	font-size:1.45em;
	text-align: justify;
}
.pageSection{
	padding:0 0 80px
}
.pageSection:last-child{
	padding-bottom:0
}
.subPage .sectionWrap{
	padding:0
}
.subPage #main{
	border-top:1px solid #eee;
	padding-top:50px;
	background:#fff;
	z-index:2;
	position:relative
}
.pagePart{
	margin-bottom:48px;
}
.pagePart:last-child{
	margin-bottom:0
}
.graySubBlock{
	padding:30px !important;
	background:#f2f5f5
}
.subPage h2{
	margin-bottom:30px;
	font-size:1.3em;
	font-weight:bold
}
.subPage #main{
	padding-bottom:100px
}
#main .sidebar{
	margin-top:0
}
.widgettitle {
    border-bottom: 2px solid #444;
    margin-bottom: 0.75em;
}

@media (max-width: 967px){
	#globalMenu{
		display:none
	}
	#subMenu{
		display:none
	}
	#main .sectionWrap{
		padding:10px 0
	}
	.subPage h3{
		font-size:1.2em;
	}
	.subPage h3.typeB{
		margin-bottom: 15px;
	}
	.pageSection{
		padding-bottom:10px;
	}
	.pageSection:last-child{
		padding-bottom:0px;
	}
	#pageHeader h2{
		padding-top:60px;
	}
	#pageHeader{
		min-height:320px;
	}
	#pageHeader .headerTitle{
		height:180px
	}
	#pageHeader #pageLogo {
	   width: 120px;
	   position: absolute;
	   left: 0px;
	   right: 0;
	   top: 135px;
	   margin: 0 auto;
	}
	#pageHeader #pageLogo:after{
	    height: 130px;
	    width: 142px;
	}
	.subPage #main{
		padding-top:0;
		border-top:0
	}
	.pageDescription{
		padding-bottom:50px
	}
	.subPage #main{
		padding-bottom:40px
	}
	.page-id-11 .menuWrap,
	.page-id-69 .menuWrap{
		height:110px
	}
}/*** ↑ タブレット ***/

@media (max-width: 767px){
	#main .sidebar .widget{
		margin-top:30px
	}
}

/*** ↑ sub common ***/

/******************************************************************/
/*** multi ********************************************************/
/******************************************************************/

/**************************************************** 1 blog&info */
.postPage{
	font-size:1.45em
}
	.postPage .date{
		color:#888;
		font-size:0.9em
	}
	.postPage .postBlock{
		margin-bottom:30px;
		padding-bottom:30px;
		border-bottom:1px dotted #ddd
	}
	.postPage .postBlock h3{
		margin-top:5px;
		margin-bottom:10px;
		font-size:1.2em;
		line-height:1.7em
	}
	.postPage .postBlock h3 a{
		color:#222;
	}
	.postPage .postBlock h3 a:hover{
		text-decoration:underline
	}
	.postPage .postBlock .text{
		font-size:0.95em
	}
	.postPage .readMore{
		text-align:right;
		font-size:0.9em
	}
	.postPage .readMore a{
		color:#999
	}
	.postPage .readMore i{
		margin-left:10px
	}
	.postPage .date{
		margin-bottom:10px
	}

/******************************************************************/
/*** 1. About *****************************************************/
/******************************************************************/

/****************************************************** 1-1 About */

.about #main{
}
#aboSection1 h3{
	margin-bottom:20px;
	text-align: center;
}
#aboSection1 {
	font-size:1.45em
}
.conceptBlock{
	float:left;
	width:35%;
	padding-right:5%;
}
.conceptBlock:last-child{
	width:30%;
	padding-right:0;
	margin-bottom:0
}
#aboSection2 {
	font-size:1.45em
}
#aboSection2 img{
	width:100%
}
#aboSection2 .image:last-child{
	padding-left:0.75em
}
#aboSection3{
	font-size:1.45em;
	padding-bottom:68px
}
#aboSection3 h3{
	margin-bottom:20px;
	color:#37C1EA;
	font-size:1.25em;
}
#aboSection3 .accessMap {
	position:relative;
	width: 100% !important;
	height: 300px !important;
}
#aboSection3 .accessMap iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 300px !important;
	z-index: 10;
	padding-top: 0px;
}
#aboSection3 .accessText{
	padding:50px 0;
	background:#fdfdfe
}
#aboSection3 .numberBlock{
	margin:15px 0 10px
}
#aboSection3 .accessWrap{
	font-size:1em
}
.textSection{
	font-size:1.45em
}
.textSection h5{
	margin-bottom:10px
}
.textSection .graySubBlock .subBlockInner{
	font-size:0.95em;
	line-height:1.5em
}
.textSection .graySubBlock .btn{
	margin-bottom:10px;
	padding:0 20px
}
.textSection h3{
	font-size:1.15em;
	font-weight: bold;
}
#aboSection4 .graySubBlock{
	text-align: center;
}
#aboSection4 .block:first-child{
	margin-bottom: 15px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 15px;
}
#aboSection4 .block .text{
	margin-bottom: 5px;
}
#aboSection4 .btn.typeOut.typeOutPink{
	max-width: 500px;
	margin:0 auto;
}
@media (min-width: 968px){
	.accessText .accessInfo{
		width: 566px;
		padding-right: 30px;
	}
	.accessText .accessContent{
		width:442px;
	}
}
@media (max-width: 967px){
	#aboSection1 h3{
		margin-bottom:40px
	}
	#aboSection1 .pageSection{
		padding-bottom:0
	}
	#aboSection2{
		padding-bottom:40px
	}
	#aboSection2 .image{
		padding-right:0
	}
	#aboSection3{
		padding-bottom:30px
	}
	#aboSection2 .image:last-child{
		padding:0
	}
	.conceptBlock{
		margin-bottom: 20px;
	}
	.conceptBlock:last-child{
		width: 100%;
		margin-bottom: 20px;
	}
}
@media (max-width: 767px){
	#aboSection1 .pageBlock{
		width:100%;
		margin-bottom:30px
	}
	.pageBlock:last-child{
		margin-bottom:0
	}
	.graySubBlock{
		padding:20px	
	}
	.graySubBlock h5{
		font-size:1.1em
	}
	#aboSection3 .accessText{
		padding-bottom:30px
	}
	#aboSection4 .subBlockInner > div:first-child{
		margin-bottom:15px
	}
	.accessInfo{
		margin-bottom:20px
	}
}

/******************************************************************/
/*** 2. facility **************************************************/
/******************************************************************/

/*************************************************** 2-1 facility */
.facility #main{
}
#facilitySection1{
	font-size:1.45em
}
.map{
	text-align: center;
}
.pageRow{
	margin-bottom: 30px;
}
.facilityItem{
	margin-right: 4%;
	width: 22%;
	padding: 0;
	float: left;
}
.facilityItem:last-child{
	margin-right: 0;
}
.facilityItemImage{
    cursor: pointer;
    margin-top:20px
}
.facilityItemImage img{
	width:100%
}
.facilityItemImage a{
	width:100%;
	display:block
}
.facilityItemTextBlock h4{
	margin-top:5px
}
.facilityItemTitle{
	color: #3e3533;
 	font-size: 1.6em;
 	margin: 15px 0;
}
.facilityItemText{
	font-size: 1.3em;
 	line-height: 1.5;
}
.facilityDesc{
	max-width:650px;
	margin:0 auto 30px
}
.facilityMap{
	max-width:672px;
	margin:0 auto;
}
.facilityMap img {
	width: 100%;
	height: auto;
}
@media (max-width: 967px){
	.facilityItemImage{
		height:auto
	}
	#main .facilityItemImage img{
		width:100%
	}
	.facilityItem{
		margin-bottom:40px
	}
	.facilityItem:last-child{
		margin-bottom:0
	}
	#facilitySection1{
		margin-bottom:30px
	}
}
/******************************************************************/
/*** 2. examination ***********************************************/
/******************************************************************/
#exaSection1 .pageBlock{
	margin-bottom:50px;
}
#exaSection1 .pageBlock:last-child{
	margin-bottom:0
}
#exaSection1 .pageBlock1 .textMain{
	margin-bottom:20px;
}
#exaSection2{
	font-size:1.5em
}
#exaSection2 .imageWrap{
	position:relative
}
#exaSection2 .image{
	width:281px;
	margin:0 auto
}
#exaSection2 .block{
	margin-bottom: 66px;
}
.page-examination2 #exaSection2 .image{
	text-align: center;
}
#exaSection2 .text{
	margin:0 auto;
	width: 481px;
	height: 537px;
	top: 0;
	left: 0;
	right: 0;
	position: absolute;
}
#exaSection2 .text ul{
	width:481px;
	margin:0 auto
}
#exaSection2 .text li{
	background:#fff;
	position:absolute;
	text-align:center;
	opacity:1;
	transition:.2s
}
#exaSection2 .text li a{
	color:#4c5a60;
	line-height:40px;
	width:120px;
	display:block;
	border:1px solid #4c5a60;
}
#exaSection2 .text li a:hover,#exaSection2 .text li.active a{
	border-color:#37ADD6;
	background:#51CBF6;
	color:#fff;
	opacity:0.8;
	transition:.2s
}
#exaSection2 .mini{
	margin-bottom:20px;
	color:#888
}
.body1{ top:18px; right:72px }
.body2{ top: 91px; right: 32px; }
.body3{ top: 201px; right: 33px; }
.body4{ top: 305px; right: 35px; }
.body5{ top: 383px; right: 45px; }
.body6{ top: 453px; right: 46px; }
.body7{ top: 103px; left: 22px; }
.body8{ top: 191px; left: 0px; }
.body9{ top: 257px; left: -17px; }
.body10{ top: 321px; left: -18px; }
.body11{ top: 412px; left: 22px; }
#exaSection2 .bodyWrap{
	margin-top:30px
}
#exaSection2 .tabContents h4{
	font-weight:bold;
	font-size:1.6em;
	margin-bottom:15px
}
#exaSection2 .tabContents li,
.page-examination2 #exaSection2 li{
	list-style:disc;
	margin-left:30px
}
.page-examination2 #exaSection2 li{
	font-weight: bold;
}
#exaSection2 h5{
	background:#55799E;
	color:#fff;
	text-align:center;
	margin-top:0;
	padding:10px;
	font-size:1em;
	line-height:1em;
	margin-bottom:15px
}
#exaSection2 .tabPart{
	margin-bottom:30px
}
#exaSection2 .text,
#priSection2 .text{
	padding-right:20px
}
#exaSection3 .pageBlock{
	margin-bottom:40px
}
#exaSection3 .pageBlock.first .text{
	padding-right:2%;
}
#exaSection3 .pageBlock.last .text{
	padding-left:2%;
}
#exaSection3 .image,
#priSection2 .image{
	text-align:center
}
#exaSection3 .image img,
#priSection2 .image img{
	width: 100%;
}
.private .graySubBlock h4{
	font-size:1.05em;
	margin-bottom:5px
}
.private .graySubBlock ul{
	margin:5px 0 0;
	padding-left:20px
}
.private .graySubBlock li{
	list-style:disc
}
.graySubInner{
	font-size:0.95em
}
@media (max-width: 767px){
	#exaSection3 .image img,
	#priSection2 .image img{
		max-width:80%;
	}
	#exaSection2 .imageWrap .image{
		display:block;
		margin-bottom: 10px;
	}
	#exaSection2 .text{
		position:static;
		height:auto;
		width:100%
	}
	#exaSection2 .text ul{
		width:100%
	}
	#exaSection2 .imageWrap li{
		position:static;
		display:inline-block;
		margin-bottom:10px;
		width:24%
	}
	#exaSection2 .imageWrap li a{
		width:100%;
	}
	#exaSection3 .text{
		padding-right:0;
		padding-bottom:20px;
	}
	#exaSection3 .text:last-child{
		padding-bottom:0
	}
	#exaSection3 .pageBlock{
		margin-bottom:20px
	}
	#exaSection3 .pageBlock:last-child{
		margin-bottom:0
	}
	#exaSection3 .pageBlock:last-child .image{
		padding-bottom:20px
	}
}
/******************************************************************/
/*** 6. Private ***************************************************/
.private table {
	max-width:80%;
	margin:0 auto;
	border-top:1px solid #ddd
}
.private table tr{
	border-bottom:1px solid #ddd
}
.private th,
.private td{
	padding:15px
}
.private th{
	text-align:right;
	background:#f9f9fc
}
.private td.description{
	background:#fefefe;
	font-size:0.9em;
	width:30%
}
.private .thMini{
	font-size:0.8em;
	font-weight:normal;
	margin-bottom:0;
	color:#999
}
.private .subMiniText{
	font-size:0.9em;
	color:#aaa;
	max-width:80%;
	margin:0 auto 10px;
	text-align:right
}
.private .pagePart{
	padding:0 10px;
	min-height:100px;
	margin-top:20px;
	margin-bottom:20px
}
.private .pagePart h4{
	padding:0 10px 10px 10px;
	margin-bottom:10px;
	border-bottom:1px solid #37c1ea;
	text-align:center;
	font-size:1.05em;
}
.plAbout{
	margin-bottom:30px
}
@media (max-width: 767px){
	.private .sectionWrap{
		margin-bottom:30px
	}
	.private .pagePart {
		margin-bottom:15px;
		margin-top:0
	}
	.private table{
		max-width: 100%;
	}
	.private th,
	.private td{
		display: block;
	}
	.private th{
		text-align: left;
	}
	.private td.description{
		width: 100%;
		padding-top: 0;
	}
	#exaSection2 .text, #priSection2 .text{
		padding-right: 0;
	}
}

/******************************************************************/
/******************************************************************/
/*** 6. Doctor ****************************************************/
/******************************************************************/
.doctor h2{
	font-weight: bold;
	font-size: 1.8em;
	margin-bottom: 20px;
}
.doctor h2:before{
	content: 'ー';
 	margin-right: 6px;
}
.doctor .pageSection{
	font-size:1.45em
}
.doctor .textBlock{
	padding-right:30px
}
.doctor .textBlock p,
.doctor .listBlock li{
	line-height: 1.6;
}
.doctor .listBlock li{
	margin-top:10px
}
.doctor .textBlock p:last-child{
	text-align: right;
}
.doctor .image img{
	width: 100%;
}
.doctor .section{
	padding-top: 70px;
}
.doctor .section.first{
	padding-top: 0;
}
.doctor .section.first .wrap{
	padding-bottom: 70px;
	border-bottom: 1px solid #ddd;
	padding-top: 0;
}
.doctor .section.first .name br{
	display: none;
}
.doctor .section.last .name{
	text-align: right;
	margin-top: 40px;
}
@media (max-width: 967px){
	.doctor .section.first .name br{
		display: block;
	}
	.doctor .textBlock{
		padding:0
	}
	.doctor .listBlock ul{
		padding:0
	}
	.doctor .pageSection .image{
		text-align:center
	}
	.doctor .pageSection .textBlock{
		margin-bottom:20px
	}
	.doctor .pageSection:first-child{
		margin-bottom:30px
	}
	.doctor .pageSection:last-child > div{
		margin-bottom:30px
	}
	.doctor .pageSection:last-child > div:last-child{
		margin-bottom:0
	}
	.breadcrumbs{
		margin-top: 20px;
    	padding-top: 70px;
	}
}
/******************************************************************/
/*** 7. Infomation ************************************************/
/******************************************************************/
#blogSection .image {
	padding-right:20px
}
#blogSection .image img{
	max-width:100%;
	height:auto
}
.interview-sheet .selectButtonWrap .selectButton{
	display: block;
	width: 49%;
	float: left;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
}
.interview-sheet .selectButtonWrap .selectButton a{
	border: 2px solid #5ab4de;
	display: block;
	transition: .3s;
	padding: 40px;
}
.interview-sheet .selectButtonWrap .selectButton a:hover{
	border: 2px solid #EF88A0;
	background: #EF88A0;
	color: #fff;
	transition: .3s;
}
.interview-sheet .selectButtonWrap .selectButton:first-child{
	margin-right:2%;
}


#completeSection,
#completeSection p {
	text-align: center;
}