@charset "UTF-8";


header:after,
#globalNav:after,
#nav:after,
#nav-box:after,
#nav-box .nav-sub:after,
#crumb:after,
#info:after,
footer:after,
#contents:after,
#main:after,
#aside:after,
#breadcrumb:after,
#visual_mob:after,
#visual:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}

header,
#globalNav,
#nav,
#nav-box,
#nav-box .nav-sub
#crumb,,
#info,
footer,
#contents,
#main,
#aside,
#breadcrumb,
#visual_mob,
#visual{
	zoom: 1;
}

.inner:after,
.entry:after,
.entry-post:after,
.entry ul:after,
ul.meta:after,
ul.boxSNS:after,
ul.horizon:after,
.well:after,
.boxSerch:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.inner.
.entry,
.entry-post,
.entry ul,
ul.meta,
ul.boxSNS,
ul.horizon,
.well,
.boxSerch{
	zoom: 1;
}

/* loading */
#loader {
	width: 32px;
	height: 32px;
	display: none;
	color: #4091C6;
	position: fixed;
	_position: absolute; /* IE6対策 */
	top: 50%;
	left: 50%;
	margin-top: -16px; /* heightの半分のマイナス値 */
	margin-left: -16px; /* widthの半分のマイナス値 */
	z-index: 9999999999;
}

#fade {
	width: 100%;
	height: 100%;
	display: none;
	background-color: rgba(255,255,255,0.95);
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999999999;
}

/* scroll Top */
#page-top{
	display: block;
	position: fixed;
	bottom: 5px;
	right: 5px;
	width: 50px;
	height: 50px;
	background: rgba(64,145,198,.7);
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding-top: 0px;
	font-size: 20px;
	color: #fff;
	line-height: 220%;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
	z-index: 999999999999;
}
#page-top a{
	color: #fff;
}
#page-top:hover{
	background: rgba(64,145,198,.8);
}

#wrapper{
	text-align: left;
}

.pager:after {
	font-size: 1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
.pager {
	zoom: 1;
}
.pager {
	width: 100% !important;
	text-align: center;
	padding: 0px 0 0px 0;
}
.pager .current,
.pager .pages{
	font-size: 1.0em;
	color: #666;
	padding: 10px 14px 10px 14px;
	border: #FFF solid 1px;
	margin-right: 6px;
	line-height: 500%;
}
@media screen and (max-width: 768px){
	.pager span.pages{
		display: block;
		line-height: 100% !important;
	}
}
.pager span.current{
	border: #3DA8EA solid 1px !important;
	background-color:#3DA8EA !important;
	color: #FFF;
}
.pager a{
	font-size: 1.0em;
	padding: 10px 14px 10px 14px;
	border: #DEDEDE solid 1px;
	margin-right: 6px;
}
.pager a:hover{
	color: #FFF;
	text-decoration: none;
	border: #3DA8EA solid 1px;
	background-color:#3DA8EA;
}


.mw-wp-form_image{
	width: 80%;
	margin:auto;
	margin-top: 10px;
}
.mw-wp-form_image img{
	width: 100%;
	height: auto;

}
span.cookie{
	font-family: 'Cookie', cursive;
}
.icon-badge{
	background: #EFEFEF;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #333;
	padding: 4px 8px;
}
.icon-badge-black{
	background: #111;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	color: #FFF;
}



/*----------------------------------------
　PC
-------------------------------------------*/
@media print, screen and (min-width: 769px){

header{
	background: rgb(48,53,131);
	background: -moz-linear-gradient(90deg, rgba(48,53,131,1) 0%, rgba(64,145,198,1) 31%, rgba(93,189,169,1) 66%, rgba(90,181,80,1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(48,53,131,1) 0%, rgba(64,145,198,1) 31%, rgba(93,189,169,1) 66%, rgba(90,181,80,1) 100%);
	background: linear-gradient(90deg, rgba(48,53,131,1) 0%, rgba(64,145,198,1) 31%, rgba(93,189,169,1) 66%, rgba(90,181,80,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#4091c6",endColorstr="#4091c6",GradientType=1);
		padding:4px 0 7px 0;
}
header .inner{
	width: 88%;
	margin: auto;
}
header h1{
	float: left;
	font-size: 0.75em !important;
	font-weight: 400;
	color: #FFF !important;
	letter-spacing: 1px !important;
	padding-top: 2px;
}

#home .nav-wrap{
	display: none;
}

#nav-box{
	width: 80%;
	min-width: 1200px;
	margin: auto;
	padding: 20px 0 30px;
}
#nav-box .nav-sub{
	float: left;
	width: 660px;
}
#nav-box .nav-sub .logo{
	float: left;
	width: 100px;
	margin-right: 30px;
}
#nav-box .nav-sub .logo img{
	width: 100%;
	height: auto;
}
#nav-box .nav-sub .info{
	float: left;
	padding-top: 22px;
}
#nav-box .nav-sub .reserve{
	float: left;
	padding-top: 14px;
	font-size: 120%;
	transform: scale(0.7, 0.7);
	margin-left: -10px;
}


footer{
	padding:30px 0 0 0;
}
footer .inner{
	width: 98%;
	min-width: 1160px;
	margin: auto;
}
footer .boxLogo{
	float: left;
	width: 40%;
}
footer .boxLogo .logo{
	width: 150px;
	margin: auto;
}
footer .boxLogo .logo img{
	width: 100%;
	height: auto;
}
footer .boxInfo{
	float: right;
	width: 60%;
}

footer p.copy{
	background-color: #F8F8F8;
	font-size: 0.750em;
	letter-spacing: 1px;
	text-align: center;
	color: #333;
	line-height:140%;
	margin-top: 30px;
	padding: 20px 0px;
}

#globalNav{
	float: right;
	margin: auto; 
	padding:34px 0 16px 0;
}
#home #globalNav{
	float: right;
	margin-top: 24px;
	margin-bottom: 20px;
	position: relative;
	z-index: 999999;
}

#about{
	background-image: url(/images/top/bg_sea.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
}
#cases{
	background-image: url(/images/top/bg_whitewood.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
	background-attachment: fixed;
}
#doctor{
	background-image: url(/images/top/bg_monstela.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
}
#line-QR{
	background-image: url(/images/common/bg_sns.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

#line-QR h4{
	font-size: 1.500em;
	letter-spacing: 2px;
}
#line-QR span.icon-line img{
	width: 40px;
	vertical-align: top;
}

h4.heading span.divider{
	border: none;
	border-left: 2px solid #fff;
	padding-right: 24px;
	margin-left: 24px;
}
h4.heading span.sub{
	font-size: 0.500em;
	font-weight: 700;
	color: #fff;
	line-height: 100%;
	padding-bottom: 20px;
	vertical-align:middle;
}

#cover{
	width: 100%;
}

span.background{
	background-color: rgba(255,255,255,1);
	padding: 1px 8px 3px 8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

#aside {
	float: right;
	width: 220px;
}
#aside h3{
	font-size: 0.938em;
	letter-spacing: 1px;
	padding: 0.6em 0.7em;
	border-top: 2px solid #4091C6;
	border-bottom: 1px solid #DDD;
	margin-bottom: 18px;
	background-color: #F8F8F8;
}
#aside .boxNews{
	margin-bottom: 30px;
}
#aside .boxNews .entry{
	padding: 0 2px 0 2px;
	margin-bottom: 14px;
	padding-bottom: 12px;
	border-bottom:1px solid #EFEFEF;
}
#aside .boxNews .entry .image {
	float: left;
	margin-right: 16px;
}
#aside .boxNews .entry .image img{
	max-width: 70px;
	height:auto;
}
#aside .boxNews .entry h4{
	font-size: 0.750em !important;
	font-weight: 500
	line-height: 160%;
}
#aside .boxNews .entry .date{
	font-size: 0.75em;
	color: #999;
	margin-bottom: 2px;
}

#aside .boxCategory{
	margin-bottom: 30px;
}
#aside .boxCategory ul{
	padding-left: 10px;
	margin: 6px 0 10px 0;
}
#aside .boxCategory ul li{
	font-size: 0.875em;
	margin-bottom: 6px;
	background:url("/images/common/arrow_right.png") left 0.6em / 5px no-repeat;
	padding-left:12px;
	margin-bottom: 6px;
}
#aside .boxCategory ul li a{
	color: #333;
	text-decoration: none;
}
#aside .boxCategory ul li a:hover{
	color: #4091C6;
	text-decoration: underline;
}
#aside .boxCategory ul li li{
	font-size: 1.0em;
}

#aside .boxArchive{
	margin-bottom: 30px;
}

#aside .boxTag{
}


#visual {
	min-width: 1040px;
	height:800px;
	min-height: 700px;
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	position: relative;
}
#visual .box{
	width: 1040px;
	height: 800px;
	margin:auto;
	position: relative;
	z-index: 10;
}
#visual .logo{
	position: absolute;
	width:450px;
	top: 80px;
	-webkit-filter: drop-shadow(2px 2px 2px #FFF);
}
#visual p.lead{
	position: absolute;
	bottom: 95px;
	font-size: 2.875em;
	font-family: Noto Sans Japanese;
	font-weight: 700;
	color: #fff;
	letter-spacing: 1px;
	text-shadow: 0 0 4px #000;
}

.login-box {
	clear: both;
	float: right;
	width: 360px;
	box-shadow: 1px 1px 3px #333;
	position: relative;
	margin-top: 70px
}
.login-box-body {
	background-color: #FFF;
	border-radius: 4px;
	padding: 28px 24px 28px 24px;
}

#whattnew{
	padding: 30px 0 20px 0;
}
footer #whattnew{
	background-color: #F8F8F8;
	padding: 40px 0 35px 0;
	margin-bottom: 50px;
}
#whattnew h3{
	font-size: 1.250em !important;
	font-family: 'Noto Sans JP', serif;
	color: #6687b0;
	margin-bottom: 12px;
}
#whattnew p.title{
	font-size: 1.0em !important;
	line-height: 160% !important;
	letter-spacing: 1px;
	margin-bottom: 8px;
}
#whattnew p.meta{
	font-size: 0.875em !important;
	line-height: 240% !important;
	letter-spacing: 1px;
}

#home #doctor h3{
	font-size:1.500em;
	margin-bottom: 30px;
}
#home #doctor p.name{
	font-family: 'Lato', sans-serif;
	font-style: italic;	
}


/* 症例報告 */
#case .caseTop .sw-block4 .sw-entry{
	padding: 14px 15px 15px 15px;
}
#case .caseTop .sw-block4 .sw-box{
	border-radius: 6px;
	background: #F8F8F8 !important;
	margin-bottom: 2.8em;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
#case .caseTop .sw-block4 .sw-box a{
	display: block;
	text-decoration: none;
	border-radius: 6px;
	border: 1px solid #F8F8F8;
}
#case .caseTop .sw-block4 .sw-box:hover{
	display: block;
	cursor: pointer;
	text-decoration: none;
	border-radius: 6px;
	background: #FFF !important;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
#case .caseTop .sw-block4 .sw-entry h3{
	font-size: 1.068em !important;
	line-height: 180%;
	margin-top: 6px;
	margin-bottom: 12px;
}
#case .caseTop .sw-block4 .sw-entry p{
	font-size: 0.875em !important;
	color: #444;
}


/* 前後の記事
-------------------------------------------- */
.entryNav{
	width: 100% !important;
}
.entryNav a{
	text-decoration: none !important;
}


/* Call to action
-------------------------------------------- */
.call-action{
	padding: 24px 20px 28px 20px;
	box-sizing: border-box;
	background-color: #FFF;
	border-radius: 4px;
	box-shadow: 1px 1px 3px #333;
}

.call-action .tel{
	float: left;
	font-size: 2.250em;
	padding-top: 12px;
}
.call-action .tel a{
	color:#000;
	text-decoration:none;
}
.call-action .hour-group{
	float: right;
	font-size:1.125em;
	line-height:160%;
	margin-left:20px;
	padding-left:40px;
	border-left: 1px solid #DDD;
}






}







/*----------------------------------------
　Mobile
-------------------------------------------*/
@media screen and (max-width: 768px){

header{
	width: 90%;
	background-color: none;
	position: absolute;
	z-index: 99999999;
}
header .inner{
	width: 100% !important;
}
header h1{
	font-size: 0.625em;
	font-weight: 400;
	color: #FFF !important;
	padding-top: 10px;
	padding-left: 10px;
}

#nav-box {
	margin-bottom: 150px;
}
#home #nav-box {
	margin-bottom: 0 !important;
}
#nav-box .nav-sub{
	position: absolute;
	top: 75px;
	width: 90%;
	margin: auto;
	left: 0;
	right: 0;
}
#nav-box .nav-sub .box:after{
	font-size:1px;
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#nav-box .nav-sub .box{
	zoom: 1;
}
#nav-box .nav-sub .logo{
	float: left;
	width: 140px;
}
#nav-box .nav-sub .logo img{
	width: 100%;
	height: auto;
}
#nav-box .nav-sub .info{
	float: right;
	width: 54%;
	padding-top: 3px;
	text-align: right;
}
#nav-box .nav-sub p.tel{
	font-size: 0.813em;
	padding-top: 8px;
}
#nav-box .nav-sub .reserve{
	font-size: 0.813em;
	font-weight: 500;
	letter-spacing: 0px !important;
	margin-top: -6px;
}
#nav-box .nav-sub .reserve a{
	padding: 10px 22px !important;
}

footer{
	padding:30px 0;
}
footer .boxLogo .logo{
	width: 120px;
	margin:auto;
}
footer .boxInfo{
	border-top: 1px solid #CCC;
	padding-top:30px;
	margin-top: 30px;
}
footer p.copy{
	background-color: #F8F8F8;
	font-size: 0.6250em;
	text-align: center;
	color: #888;
	margin-top: 30px;
	padding: 12px;
}


#cover{
	width: 100%;
}

#contents{

}

/* Call to action
-------------------------------------------- */
.call-action{
	width:80%;
	margin: 0 auto;
	padding: 24px 24px 20px 24px;
	box-sizing: border-box;
	background-color: #FFF;
	margin-bottom:30px;
	border-radius: 4px;
	box-shadow: 1px 1px 3px #333;
}
.call-action .tel{
	font-size: 1.500em;
	font-weight:700;
	text-align:center;
	margin-bottom:8px;
}
.call-action .tel a{
	color:#000;
	text-decoration:none;
}
.call-action .hour-group{
	font-size: 0.875em;
	line-height:160%;
	text-align:center;
}
.call-action .btnType2 {
    font-size: 0.938em;
}
/* LINEをフォロー
-------------------------------------------- */
#line-QR span.icon-line .icon-line{
}
#line-QR h4{
	font-size: 1.500em;
	letter-spacing: 2px;
}
#line-QR span.icon-line img{
	width: 40px;
	vertical-align: top;
}
h4.heading span.divider{
	border: none;
	border-left: 2px solid #fff;
	padding-right: 24px;
	margin-left: 24px;
}
h4.heading span.sub{
	font-size: 0.500em;
	font-weight: 700;
	color: #fff;
	line-height: 100%;
	padding-bottom: 20px;
	vertical-align:middle;
}

/* サイドカラム
-------------------------------------------- */
#aside {
}
#aside h3{
	font-size: 1.0em;
	letter-spacing: 1px;
	padding: 0.6em 0.7em;
	border-top: 2px solid #4091C6;
	border-bottom: 1px solid #DDD;
	margin-bottom: 18px;
	background-color: #F8F8F8;
}
#aside .boxNews{
	margin-bottom: 30px;
}
#aside .boxNews .entry{
	padding: 0 2px 0 2px;
	margin-bottom: 14px;
	padding-bottom: 12px;
	border-bottom:1px solid #EFEFEF;
}
#aside .boxNews .entry .image {
	float: left;
	margin-right: 16px;
}
#aside .boxNews .entry .image img{
	max-width: 70px;
	height:auto;
}
#aside .boxNews .entry h4{
	font-size: 0.875em !important;
	font-weight: 500
	line-height: 160%;
}
#aside .boxNews .entry .date{
	font-size: 0.75em;
	color: #999;
	margin-bottom: 2px;
}
#aside .boxCategory{
	margin-bottom: 30px;
}
#aside .boxCategory ul{
	padding-left: 10px;
	margin: 6px 0 10px 0;
}
#aside .boxCategory ul li{
	font-size: 1.0em;
	margin-bottom: 6px;
	background:url("/images/common/arrow_right.png") left 0.6em / 5px no-repeat;
	padding-left:12px;
	margin-bottom: 6px;
}
#aside .boxCategory ul li a{
	color: #333;
	text-decoration: none;
}
#aside .boxCategory ul li a:hover{
	color: #4091C6;
	text-decoration: underline;
}
#aside .boxCategory ul li li{
	font-size: 1.0em;
}

#aside .boxArchive{
	margin-bottom: 30px;
}

#aside .boxSearch{
	padding-left: 10px;
	margin-bottom: 36px;
}

#aside .boxTag{
}


#visual-mob {
	width: 100%;
	max-height:100%;
	min-height: 680px;
	background-size: cover;
	background-repeat: no-repeat;
	position: relative;
}
#visual-mob #nav-box{
	display: none;
}
#visual-mob .box-mob{
	position: relative;
}
#visual-mob .box-mob .logo{
	order: 2;
	width: 78%;
	margin:0 auto;
	text-align:center;
	-webkit-filter: drop-shadow(2px 2px 2px #FFF);
	padding-top: 76px;
}
#visual-mob .box-mob p.lead{
	order: 3;
	width: 88%;
	margin: auto;
	font-size: 1.250em;
	font-weight: 700;
	color: #333;
	letter-spacing: 1px;
	text-shadow: 0 0 6px #FFF, 0 0 6px #FFF;
	text-align:center;
	padding-top:40px;
}

#visual-mob .login-box {
	width: 80%;
	margin: auto;
	box-shadow: 1px 1px 3px #666;
	opacity: 0.9;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 35px;
}

#visual-mob .login-box-body {
	background-image: url(/images/common/bg-transparent.png);
	border-radius: 4px;
	padding: 18px 24px 16px 24px;
}


#home #about h1.concept{
	font-size: 1.438em;
}

#home #gaiyo h2{
	font-size:  1.500em;
}

#home #doctor p.name{
	font-size:1.250em;
	font-family: 'Lato', sans-serif;
	font-style: italic;
	text-align: center;
}
#home #doctor h3{
	text-align: center;
}

#whattnew{
	padding: 40px 10px 0 20px;
}
footer #whattnew{
	background-color: #F8F8F8;
	padding: 40px 0 10px 0;
	margin-bottom: 40px;
}
footer #whattnew .sw-box{
	border-bottom: 1px solid #DEDEDE;
	padding-bottom: 10px;
	margin-bottom: 25px;
}
footer #whattnew .sw-box:last-child{
	border-bottom: 0px solid #DEDEDE;
	padding-bottom: 0px;
	margin-bottom: 0px;
}


#home .case .sw-entry .text. p{
	margin: 0 !important;
	padding: 0 !important;
}

#about{
	background-image: url(/images/top/bg_sea-mob.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#cases{
	background-image: url(/images/top/bg_whitewood-mob.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}
#doctor{
	background-image: url(/images/top/bg_monstela-mob.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
}
#line-QR{
	background-image: url(/images/common/bg_sns.jpg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}

#case .caseTop .sw-entry{
	padding: 4px 4px;
}
#case .caseTop .sw-box{
	margin-bottom: 1.0em;
}
#case .caseTop .sw-box a{
	border: none !important;
	background-color: none !important;
	display: block;
	text-decoration: none;
}

#case .caseTop .sw-entry h3{
	font-size: 0.938em;
	font-weight: bold;
	line-height: 160%;
}
#case .caseTop .sw-block4 .sw-entry p{
	font-size: 0.875em;
	color: #444;
	margin-bottom: 0px !important;
}

/* 前後の記事
-------------------------------------------- */
.entryNav{
	width: 100% !important;
}

.entryNav a{
	text-decoration: none !important;
}
.entryNav p{
	font-size: 0.875em;
}



}