@charset "utf-8";
/* -----------------------------------------------------------
　●
----------------------------------------------------------- */

/* :::::::::: ● :::::::::: */


/* =======================================================================

   基本
   
======================================================================= */


/* -----------------------------------------------------------
　画像サイズ
----------------------------------------------------------- */
img.fluid-image {
		max-width: 100%;
}
	
/* -----------------------------------------------------------
　構造
----------------------------------------------------------- */

main{}
footer{}

section{
	margin:0 auto 30px;
	padding: 0 10px;
	text-align: left;
}

article{}
aside{}

header:after,
nav:after,
main:after,
footer:after,
section:after,
article:after,
article:after {
	content: "";
	display: block;
	clear: both;
}

/* -----------------------------------------------------------
　段落
----------------------------------------------------------- */

p:after {
	content: "";
	display:block;
	clear:both;
}

/* -----------------------------------------------------------
　見出し
----------------------------------------------------------- */

h1{
	margin: 0 0 0 10px;
	padding: 0;
	line-height: 100%;
	font-weight: normal;
	color: #308c14;
	font-size: 150%;
}

h2{
	border:1px solid #d2d2d2;
	border-bottom:5px solid #72b75e;
	margin:0 auto 15px;
	padding:5px;
	font-size:120%;
	font-weight:normal;
	line-height:110%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+52,f8f6f7+53,f8f6f7+86 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #ffffff 52%, #f8f6f7 53%, #f8f6f7 86%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ffffff 52%,#f8f6f7 53%,#f8f6f7 86%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 0%,#ffffff 52%,#f8f6f7 53%,#f8f6f7 86%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f6f7',GradientType=0 );
}
h2:before{
	content:url(../images/h2icon.png);
	margin-right:5px;
	vertical-align:middle;
}
h3{
	margin:0 0 20px;
	padding:0 0 3px 0;
	border-bottom:2px solid #76c666;
	color:#3b7c2f;
	font-size:120%;
}
h3 p{
	margin:0;
	padding:0 0 5px 0;
	border-bottom:1px dashed #76c666;
}
.h3box{ margin:0 auto 20px;}
.h3box:last-child{ margin:0;}
h4{
	border-left:8px solid #4f9839;
	padding:5px 10px;
	border-bottom:1px solid #cccccc;
	margin:0 0 20px;
	font-weight:normal;
	font-size:120%;
	color:#1a6e19;
}
.h4box{ margin:0 0 30px;}
.h4box:last-child{
	margin:0;
}

h5{
	font-size:90%;
	color:#333;
	margin-bottom:10px;
}
h6{
	font-size:80%;
	color:#666;
	margin-bottom:10px;
}
h7{	
	font-size:80%;
	color:#999;
	margin-bottom:10px;
}

/* -----------------------------------------------------------
　リスト
----------------------------------------------------------- */

/* :::::::::: 序列リスト :::::::::: */
ol{}
ol li{}

/* :::::::::: 非序列リスト :::::::::: */
ul{
	margin:0;
	padding:0;
}
ul li{
	margin:0;
	padding: 0;
}

/* :::::::::: 定義リスト :::::::::: */
dl{}
dl dt{}
dl dd{}

/* -----------------------------------------------------------
　テーブル
----------------------------------------------------------- */

table{}

table tr th,
table tr td{}

table tr th{}
table tr td{}


/* =======================================================================

   全体
   
======================================================================= */

body{
	font-family:Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	font-size:15px;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	line-height:130%;
	letter-spacing:0.1em;
	color:#545454;
}

#container{
	padding:65px 0 0;
	margin:0;
}

/* -----------------------------------------------------------
　ヘッダ
----------------------------------------------------------- */
header{
	height:auto;
	margin: 0;
	padding: 10px 0;
	width:100%;
	background-color: #f8f8f8;
	position:fixed;
	z-index:2;
}

header .logo{
	width:200px;
	float:left;
	text-align:left;
}

header .navarea{
	width:55px;
	float:right;
	font-size: 70%;
	line-height: 110%;
	border: 1px solid #cccccc;
	border-radius: 5px;
	padding:8px 5px;
	margin-right: 10px;
	background-color: #ffffff;
}

header .navarea p{
	margin:0;
	letter-spacing: 0em;
}

header .navarea a:link{ text-decoration:none;}
header .navarea a:visited{ text-decoration:none;}
header .navarea a:hover{ text-decoration:none;}
header .navarea a:action{ text-decoration:none;}
 
/* -----------------------------------------------------------
　キービジュアル
----------------------------------------------------------- */

#key_visual{
	margin: 0 auto 30px;
}

#key_visual img{
	width:100%;
	height: auto;
}

#key_visual h1{
	margin: 0;
	padding: 0;
}

/* -----------------------------------------------------------
　メインコンテンツ
----------------------------------------------------------- */

#main_contents{
	text-align:left;
}

/* :::::::::: 段落 :::::::::: */
p {
	margin:0 0 15px;
}

/* :::::::::: 序列リスト :::::::::: */

section ol{
	margin:0 0 20px 25px;
}
section ol li{
	list-style:inherit;}

/* :::::::::: 非序列リスト :::::::::: */

section ul{
	margin:0 0 20px 20px;
}
section ul li{
	list-style-type:disc;
}

/* :::::::::: 定義リスト :::::::::: */

section dl{
	margin-bottom:20px;
	height: 200px;
	overflow-y: scroll;
}
section dl dt{
	font-weight:bold;
}
section dl dd{}



/* :::::::::: 画像 :::::::::: */

section figure{
	margin-bottom:10px;
	text-align:center;
}

section figure img{
	border:1px solid #2369AF;
	border-radius:10px;
}

section figure figcaption{
	margin:5px 0;
	font-size:80%;
}

section figure p img{ margin:0 auto; text-align:center; border:0; border-radius:0;}


/* 場面写真：右*/ 
section p img.img_right{
	float:right;
	margin:0 0 5px 5px;
	border-radius:5px;
}

/* 場面写真：左*/
section p img.img_left{
	float:left;
	margin:0 5px 5px 0;
	border-radius:5px;
}

#contHead{
	background:url(../images/contHead_bg.png) right top no-repeat;
	background-size:cover;
	text-align:center;
	position:relative;
	font-size: 150%;
	padding:35px 10px;
	font-weight: normal;
	border-bottom: 1px solid #cccccc;
	background-color:#ffffff;
}


/* -----------------------------------------------------------
　フッタ
----------------------------------------------------------- */

footer{
	margin:0 auto;
	padding:10px 0 0;
	clear:both;
	border-top: 3px solid #73b85f;
}

footer .copyright{
	font-size:80%;
	text-align: center;
}

.forPC {
	width:95%;
	height:50px;
	margin:0 auto 10px;
	list-style: none;
	background-color:#dff5d8;
	font-size:100%;
}

.forPC a {
	display:block;
	width:100%;
	font-weight:bold;
 	line-height:40px;
	text-align:center;
	text-decoration:none;
}




/* =======================================================================

   個別
   
======================================================================= */

/* :::::::::: お知らせ欄 :::::::::: */

#information{
	margin: 0 20px;
	padding: 0 0 20px;
}
#infomation dl{
	height: 200px;
	overflow-y: scroll;
}
#information dt{ color:#006600; margin:0 0 10px 0; font-weight:bold;}
#information dt .date{ font-size:70%; font-weight:normal;}
#information dd{ padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #555555;}


/* :::::::::: 診療時間表 :::::::::: */


/* :::::::::: 住所や連絡先 :::::::::: */
section address {
	font-style:normal;
 	line-height:150%;
 	color:#4c4c4c;
 	-webkit-text-size-adjust: none;
	margin-bottom:15px;
}

/* :::::::::: GoogleMap :::::::::: */

#map_canvas{
	margin:0 auto;
	height:250px;
	border:1px solid #CCCCCC;
	text-align:center;
}

p.map_link{
	text-align:right;
	width:95%;
	margin-top:5px;
}

p.map_link a{
	color:#2369AF;
}

/* :::::::::: TO PAGE TOP :::::::::: */
.smoothScrolls{
	margin:20px 10px 15px 0;
	text-align: right;
	font-size: 90%;
	background-color: #ffffff;
	float: right;
	padding: 10px;
}

.smoothScrolls a{
	display:block;
}

/* :::::::::: flip snap :::::::::: */
.viewport {
	width: 260px;
	overflow: hidden;
	margin: 0 auto 20px;
}

.flipsnap {
	width: 5980px;
}

.item {
   float: left;
   width: 260px;
   font-size: 50px;
   text-align: center;
   color: #666;
}

/* :::::::::: accordion :::::::::: */
.accordion {

}

.accordion dt{
	font-weight:normal;
	margin:0 auto 10px;
	color:#0086d0;
	border-bottom:3px solid #6abcef;
	position:relative;
	cursor:pointer;
	background:inherit;
	background-color:#d0e9f9;
	padding:5px;
	font-size: 100%;
}

.accordion dt:before {
   content:url(../images/yaji.png);
   float: right;
   margin-top:2px;
}


.accordion dd{
	margin:0 0 20px;
}

.accordion dd .border{
	border-left:2px solid #6abcef;
	padding:5px 0 0 10px;
	margin:0 0 0 10px;
}




/* :::::::::: ナビ :::::::::: */

/* -----------------------------------
 * Slidebars
 * Version 0..10
 * http://plugins.adchsm.me/slidebars/
 *
 * Written by Adam Smith
 * http://www.adchsm.me/
 *
 * Released under MIT License
 * http://plugins.adchsm.me/slidebars/license.txt
 *
 * -------------------
 * Slidebars CSS Index
 *
 * 001 - Box Model, Html & Body
 * 002 - Site
 * 003 - Slidebars
 * 004 - Animation
 * 005 - Helper Classes
 *
 * ----------------------------
 * 001 - Box Model, Html & Body
 */

html, body, #sb-site, .sb-site-container, .sb-slidebar {
	/* Set box model to prevent any user added margins or paddings from altering the widths or heights. */
	margin: 0;
	padding: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background-color:#ffffff;	
}

html, body {
	width: 100%;
	overflow-x: hidden; /* Stops horizontal scrolling. */
}

html {
	height: 100%; /* Site is as tall as device. */
}

body {
	min-height: 100%;
	height: auto;
	position: relative; /* Required for static Slidebars to function properly. */
}

html.sb-scroll-lock.sb-active:not(.sb-static) {
	overflow: hidden; /* Prevent site from scrolling when a Slidebar is open, except when static Slidebars are only available. */
}

/* ----------
 * 002 - Site
 */

#sb-site, .sb-site-container {
	/* You may now use class .sb-site-container instead of #sb-site and use your own id. However please make sure you don't set any of the following styles any differently on your id. */
	width: 100%;
	position: relative;
	z-index: 1; /* Site sits above Slidebars */
	/* background-color: #ffffff; Default background colour, overwrite this with your own css. I suggest moving your html or body background styling here. Making this transparent will allow the Slidebars beneath to be visible. */
	background-image: url(../images/bg.jpg); /* 背景指定 */
}

/* ---------------
 * 003 - Slidebars
 */

.sb-slidebar {
	height: 100%;
	overflow-y: auto; /* Enable vertical scrolling on Slidebars when needed. */
	position: fixed;
	top: 0;
	z-index: 0; /* Slidebars sit behind sb-site. */
	display: none; /* Initially hide the Slidebars. Changed from visibility to display to allow -webkit-overflow-scrolling. */
	background-color: #6db756; /* Default Slidebars background colour, overwrite this with your own css. */
	-webkit-transform: translate(0px); /* Fixes issues with translated and z-indexed elements on iOS 7. */
	text-align:left;
	padding:80px 20px 0;
}

.sb-left {
	left: 0; /* Set Slidebar to the left. */
}

.sb-right {
	right: 0; /* Set Slidebar to the right. */
}

.sb-right ul{
	margin:0 0 20px;
	padding:0;
}

.sb-right ul li{
	margin:0;
	padding:10px 0;
	border-bottom:1px solid #93d180;
	list-style:none;
}
.sb-right ul li a:link{ color:#ffffff; text-decoration:none;}
.sb-right ul li a:visited{ color:#ffffff; text-decoration:none;}
.sb-right ul li a:hover{ color:#ffffff; text-decoration:none;}
.sb-right ul li a:active{ color:#ffffff; text-decoration:none;}

.sb-right ul li:after{ content:"\f054"; font-family: FontAwesome; margin:0 0 0 10px; color:#c5f0b8;}


html.sb-static .sb-slidebar,
.sb-slidebar.sb-static {
	position: absolute; /* Makes Slidebars scroll naturally with the site, and unfixes them for Android Browser < 3 and iOS < 5. */
}

.sb-slidebar.sb-active {
	display: block; /* Makes Slidebars visibile when open. Changed from visibility to display to allow -webkit-overflow-scrolling. */
}

.sb-style-overlay {
	z-index: 9999; /* Set z-index high to ensure it overlays any other site elements. */
}

.sb-momentum-scrolling {
	-webkit-overflow-scrolling: touch; /* Adds native momentum scrolling for iOS & Android devices. */
}

/* Slidebar widths for browsers/devices that don't support media queries. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}

@media (max-width: 480px) { /* Slidebar widths on extra small screens. */
	.sb-slidebar {
		width: 70%;
	}
	
	.sb-width-thin {
		width: 55%;
	}
	
	.sb-width-wide {
		width: 85%;
	}
}

@media (min-width: 481px) { /* Slidebar widths on small screens. */
	.sb-slidebar {
		width: 55%;
	}
	
	.sb-width-thin {
		width: 40%;
	}
	
	.sb-width-wide {
		width: 70%;
	}
}

@media (min-width: 768px) { /* Slidebar widths on medium screens. */
	.sb-slidebar {
		width: 40%;
	}
	
	.sb-width-thin {
		width: 25%;
	}
	
	.sb-width-wide {
		width: 55%;
	}
}

@media (min-width: 992px) { /* Slidebar widths on large screens. */
	.sb-slidebar {
		width: 30%;
	}
	
	.sb-width-thin {
		width: 15%;
	}
	
	.sb-width-wide {
		width: 45%;
	}
}

@media (min-width: 1200px) { /* Slidebar widths on extra large screens. */
	.sb-slidebar {
		width: 20%;
	}
	
	.sb-width-thin {
		width: 5%;
	}
	
	.sb-width-wide {
		width: 35%;
	}
}

/* ---------------
 * 004 - Animation
 */

.sb-slide, #sb-site, .sb-site-container, .sb-slidebar {
	-webkit-transition: -webkit-transform 400ms ease;
	   -moz-transition: -moz-transform 400ms ease;
	     -o-transition: -o-transform 400ms ease;
	        transition: transform 400ms ease;
	-webkit-transition-property: -webkit-transform, left, right; /* Add left/right for Android < 4.4. */
	-webkit-backface-visibility: hidden; /* Prevents flickering. This is non essential, and you may remove it if your having problems with fixed background images in Chrome. */
}

/* --------------------
 * 005 - Helper Classes
 */
 
.sb-hide { 
	display: none; /* Optionally applied to control classes when Slidebars is disabled over a certain width. */
}


table.Cguide{
	margin:0 0 30px;
}

table.Cguide th, table.Cguide td{
	vertical-align:top;
}
table.Cguide th{
	padding:15px 15px 10px 0;
	font-weight:normal;
	display:inline-block;
}

table.Cguide th .title{
	background-color:#ebebeb;
	padding:2px 10px;
}

table.Cguide td{
	padding:5px 0 15px;
	border-bottom:1px solid #cccccc;
}

table.Chour_table{
	margin:0;
}

table.Chour_table th{
	background-color:#ebebeb;
	font-weight:normal;
	padding:5px;
	text-align:center;
	border:1px solid #cccccc;
}
table.Chour_table td{
	padding:5px;
	text-align:center;
	border:1px solid #cccccc;
}

table.Chour_table .Chour_time{
	background-color:#ebebeb;
	text-align: center;
}

.menu-bana, .menu-bana2{
	margin-bottom:15px;
	box-shadow:3px 3px #74a466;
}
.menu-bana a{
	display:block;
	background-color:#c5f0b8;
	padding:20px 10px;
	text-decoration:none;
	color:#639554;
}
.menu-bana2 a{
	display:block;
	background-color:#ffdfae;
	padding:20px 10px;
	text-decoration:none;
	color:#a37e46;
}

/* :::::::::: 会社概要 :::::::::: */
table.overview{
	border-collapse:collapse;
	line-height:110%;
}

table.overview th, table.overview td{
	padding:10px;
	border-bottom:1px dashed #cccccc;
}

table.overview th{
	text-align:left;
	background-color: #e7fbe1;
	font-weight: normal;
	color: #30781a;
}

#headimg{
	background:url(../images/key_visual.jpg) no-repeat;
	background-size:cover;
	max-height:281px;
	height:100px;
	position:relative;
	padding: 15px 0;
	margin:0 auto 30px;
}

#headimg .head-title{
	background-color:rgba(255,255,255,0.8);
	padding:10px 0;
	text-align:center;
	position:absolute;
	bottom:40px;
	width:100%;
	font-weight:normal;
}

table.faq{
	border:1px solid #cccccc;
	margin:0 auto 20px;
	width:100%;
}

table.faq th, table.faq td{
	padding:10px 10px;
	border:1px solid #cccccc;
	text-align:left;
}

table.faq th{
	text-align:left;
	background-color: #e7fbe1;
	font-weight: normal;
	color: #30781a;
	width: 100%;
}




.direction { text-align:center; margin-bottom:70px; }
.caption { text-align:left; width:98%; font-size:13px; font-weight:600; color:#3f1D00; padding: 5px 0 0; margin: 0 auto 25px; }