@charset "UTF-8";
/* CSS Document */

html{
	background-color:#f3f3f3;
	border-top:5px solid #00FF00;}

body  {
	padding: 0px;
	margin: 0px;
	background-color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo, Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#444;
	}


ul, li, p, img {
	border: none;
	margin: 0px;
	padding: 0px;
	}

.clear {
	clear: both;
	}


/*フッター*/
footer{
	width:100%;
	padding-top:20px;
	background-color:#F3F3F3;
	border-top:2px solid #019847;
	text-align:center;
	font-size:12px;
	line-height:150%;
	}

.add{
	margin-top:20px;
	margin-bottom:10px;}


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


/*診療所検索*/
.shinryo{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #E9E7DE;
	font-size: 14px;
	margin-bottom: 30px;
	padding-top: 3px;
	padding-right:3px;
	padding-bottom:3px;
	padding-left:5px;
	}

.shinryo_title{
	font-size:16px;
	background-color:#73ca99;
	color:#fff;
	line-height:25px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding-left:10px;
	}

.keywords2{
	margin-bottom:3px;
	height:22px;
	width:340px;
	padding:0;
	}
	
.shinryo_btn{
	border:none;
	padding:0;
	background:transparent;
	vertical-align:middle;
	cursor:pointer;
	}

.shinryo_txt{margin-left:5px;}

/*-----新着情報-----*/
.news_title img{vertical-align:bottom;}

.date{margin-right:30px;}

#news{border-top:2px solid #26CC26;}

#news ul{
	list-style-position: inside;
	padding:0;
	}

#news ul li{
	list-style:none;
	border-bottom:1px dashed #000000;
	padding-top:5px;
	padding-bottom:5px;
	}

#news p{
	margin-top:0;
	margin-bottom:0;
	text-indent:-7.7em;
	margin-left:7.7em;
	font-size:14px;
	}	

#news a{
	text-decoration:none;
	color:#1073c6;
	}


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

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { background: #fff url("./ajax-loader.gif") center center no-repeat; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

/* Icons */
@font-face { font-family: "slick"; src: url("./fonts/slick.eot"); src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg"); font-weight: normal; font-style: normal; }
/* Arrows */
.slick-prev{
	position: absolute;
	display: block;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	color: transparent;
	padding: 0;
	border: none;
	outline: none;
	background-color: #007F00;
	background-image:url(img/prev.png);
	background-repeat:no-repeat;
	background-position:center;
	height: 100%;
}

.slick-next {
	position: absolute;
	display: block;
	width: 20px;
	line-height: 0;
	font-size: 0;
	cursor: pointer;
	color: transparent;
	padding: 0;
	border: none;
	outline: none;
	background-color: #007F00;
	background-image:url(img/next.png);
	background-repeat:no-repeat;
	background-position:center;
	height: 100%;
}


.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { font-family: "slick"; font-size: 20px; line-height: 1; color: white; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev {
	left: -30px;
	top: 0px;
}
[dir="rtl"] .slick-prev { left: auto; right: -30px; top: 0px;}
/*.slick-prev:before { content: "<"; color: #FFF;}
[dir="rtl"] .slick-prev:before {content: ">"; color: #FFF;}*/

.slick-next { right: -30px; top: 0px;}
[dir="rtl"] .slick-next { left: -30px; right: auto; top: 0px;}
/*.slick-next:before { content: ">"; color: #FFF;}
[dir="rtl"] .slick-next:before { content: "<"; color: #FFF;}*/

/* Dots */
.slick-slider { margin-bottom: 30px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; text-align: center; padding: 0; width: 100%; }
.slick-dots li { position: relative; display: inline-block; height: 20px; width: 20px; margin: 0 5px; padding: 0; cursor: pointer; }
.slick-dots li button { border: 0; background: transparent; display: block; height: 20px; width: 20px; outline: none; line-height: 0; font-size: 0; color: transparent; padding: 5px; cursor: pointer; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: "・"; width: 20px; height: 20px; font-family: "slick"; font-size: 6px; line-height: 20px; text-align: center; color: black; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-dots li.slick-active button:before { color: black; opacity: 0.75; }

/*# sourceMappingURL=slick.css.map */


/* カルーセル */
#carousel {
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	padding-right: 30px;
	background-image: url(img/c_back.jpg);
	text-align: left;
	position: relative;
	margin-bottom: 30px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	}
	
.slider {
	margin : 0px;
	width: 100%;
}

.slider img {
	width: 100%;
	padding-top: 15px;
	padding-bottom: 15px;
	
}	


#carousel_prev,
#carousel_next {
	top: 0;
	width: 30px;
	height: 150px;
	cursor: pointer;
	position: absolute;
}
#carousel_prev {
	left: -20px;
	background:transparent url(img/prev.jpg) no-repeat top left;
}
#carousel_next {
	right: -20px;
	background:transparent url(img/next.jpg) no-repeat top left;
}

#carousel ul li {
	height:120px;
	float: left;
	display: inline;
}


/* =======================================
	ClearFixElements
======================================= */
#carousel ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#carousel ul {
	display: inline-block;
	overflow: hidden;
}	



/*===============================================
● 画面の横幅が960px以上
===============================================*/
@media print, screen and (min-width:961px) {
	
.toppage{display:none;}		
	

/*ヘッダー*/
header{
	max-width: 940px;
	margin: auto;
	background-color: #fff;
	padding-right: 10px;
	padding-left: 10px;
	}

.logo img{
	float:left;
	margin-right:70px;
	}

/*サブナビゲーション*/
.sub_nav{
	background-color:#73CA99;
	border-radius:5px;
	margin-top:15px;
	margin-left:55px;
	margin-bottom:20px;
	padding-left:10px;
	float:left;
	}

.sub_nav ul{
	float:left;}

.sub_nav li{
	float:left;
	list-style:none;
	}
	
.sub_nav a{
	color:#fff;
	text-decoration:none;
	line-height:35px;
	font-size:14px;
	}	

.sub_nav a:hover{color:#34941A;}

.site_map a{
	margin-left:5px;
	margin-right:5px;}

/*お問い合わせ*/
.otoiawase a {
	display:block;
	margin-top:5px;
	margin-right:5px;
	background-image:url(img/otoiawase.jpg);
	height:25px;
	overflow:hidden;
	width:125px;
	background-position:0       0;}

.otoiawase a:hover {width:125px; background-position:0 -25px;}

/*職員専用ページ*/
.shokuin a {
	display:block;
	margin-top:5px;
	margin-right:5px;
	background-image:url(img/shokuin.jpg);
	height:25px;
	overflow:hidden;
	width:125px;
	background-position:0       0;}

.shokuin a:hover {width:125px; background-position:0 -25px;}

.site_search img{
	float:left;
	margin-left:35px;}
	
#keywords1{
	border:2px solid #34941A;
	height:26px;
	width:296px;
	margin:0;
	padding:0;
	float:left;}
	

/*ナビゲーション*/
.nav_wrap{
	width:100%;
	background-image:url(img/nav_back.jpg);
	background-repeat:repeat-x;
	}
	
nav{
	width:960px;
	margin:auto;
	}
	
ul#globalnavi{
	overflow:hidden;
	margin:0;
	padding:0;
	}
	
ul#globalnavi li{
	float:left;
	display:block;
	}
	
ul#globalnavi li a {
	display: block;
	overflow: hidden;
	height:104px;
	background-image:url(img/navigation_pc.jpg);
	padding-top:0px;
	margin-bottom: 0px;
	background-repeat: no-repeat;
	list-style-type: none;
	}

#navi1 a { width:240px; background-position:0       0;}
#navi2 a { width:240px; background-position:-240px  0;}
#navi3 a { width:240px; background-position:-480px  0;}
#navi4 a { width:240px; background-position:-720px  0;}
#navi1 a:hover  { width:240px; background-position:0       -104px;}
#navi2 a:hover  { width:240px; background-position:-240px  -104px;}
#navi3 a:hover  { width:240px; background-position:-480px  -104px;}
#navi4 a:hover  { width:240px; background-position:-720px  -104px;}



.nav_tab {
	display: none;
}








/*＝＝＝スライダー＝＝＝*/
.wrap_slider{
	width:100%;
	height:374px;
	background-image:url(img/slider_back.jpg);
	background-repeat:repeat-x;
	}

.flexslider {
	width:620px;
	position: relative;
	padding:0px;
	margin-left:10px;
	margin-top:38px;
	float:left;
	}


/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

/* Direction Nav */
.flex-direction-nav li a {
	width: 20px;
	padding-bottom: 20px;
	display: block;
	position: absolute;
	top: 40%;
	cursor: pointer;
	text-indent: -9999px;
	background-image:url(img/slider/bg_direction_nav.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin:0;
	display:none;
	}

.flex-direction-nav li a.next {
	background-position: -20px 0;
	right: 2px;
	}

.flex-direction-nav li a.prev {
	background-position: 0 0;
	}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -43px;
	text-align: center;
	}

.flex-control-nav li {
	display: inline-block;
	zoom: 1;
*display: inline;			margin-top: 0;
	margin-left: 5px;
	margin-bottom: 0px;
	}
	
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {
	display:none;
	}
	
.flex-control-nav li a:hover {
	background-position: -11px 0px;
	}

.flex-control-nav li a.active {
	background-position: -11px 0px;
	cursor: default;
	}


#navi {
	width: 275px;
	float: right;
	height: 59px;
	margin-top: 10px;
	}

#navi li{
	width:270px;
	height:59px;
	background:none;
	padding:0 0px 0px 0;
	margin:0 0 0px 0;
	}

#navi li a{display:block;}
#navi li a:link    {}
#navi li a:visited {}
#navi li a:hover   {opacity:0.8;}
#navi li a:active  {opacity:0.8;}

/* IE用 ↓*/
#navi li a:hover img {filter:alpha(opacity=80);}


.mod_gallery{
	width: 960px;
	margin:auto;
	background-image:url(img/slider_waku.jpg);
	background-repeat:no-repeat;
	height: 371px;
}


.mod_gallery_navi {
	width:300px;
	height: 290px;
	float: right;
	background: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 38px;
}

.mod_gallery_navi li{
	width:300px;
	height: 59px;
	background: none;
	padding: 0px;
	margin: 0px;
	clear: both;
	list-style:none;
}

.mod_gallery_navi li a{display:block;}
.mod_gallery_navi li a:link    {}
.mod_gallery_navi li a:visited {}
.mod_gallery_navi li a:hover   {opacity:0.5;}
.mod_gallery_navili a:active  {opacity:0.5;}

/* IE用 ↓*/
.mod_gallery_navi li a:hover img {filter:alpha(opacity=50);}

.container{
	width:960px;
	margin:auto;
	padding:0;
	}
	
	
/*メイン*/	
#main{
	width:620px;
	margin-left:10px;
	margin-right:10px;
	padding-top:10px;
	float:left;
	}
	
/*サイド*/	
#side{
	width:300px;
	padding-top:10px;
	margin-left:10px;
	margin-bottom:30px;
	float:left;
	}
	
#side_tab{
	display:none;
}			
	
	
.youtube img{margin-bottom:30px;}	

/*カルーセル*/
#carousel2 {display:none;}
	
header { display:flex; width:100%; justify-content:flex-start; align-items:flex-start; flex-wrap:nowrap; max-width:960px; }
header div.logo_box { width:42.5%; }	
header div.nav_box { width:57.5%; }
p.logo { width:100%; display:table; }
p.logo img { margin-right:0; float:none; }
div.logo_box_cell, div.sns_box { display:table-cell; vertical-align:top; }
div.logo_box_cell { width:calc( 100% - 75px ); }
div.sns_box { width:75px; height:126px; }
div.sns_box img { padding:0 10px; }
div.sns_box img.fisrt { padding:.25rem 10px; }
 
}


/*===============================================
● 画面の横幅が960pxから481pxまで
===============================================*/
@media screen and (max-width: 960px) and (min-width: 481px){
	
.toppage{
	border:3px solid #6C3;
	width:150px;
	margin:auto;
	text-align:center;
	margin-bottom:30px;
	clear: both;
	}

.toppage a{
	display:block;
	line-height:30px;
	text-decoration:none;
	color:#444;
	font-size:14px;
	}	

/*ヘッダー*/
header{
	max-width: 940px;
	margin: auto;
	background-color: #fff;
	padding-right: 10px;
	padding-left: 10px;
	text-align: center;
	}
	
.logo img{
	float: none;
	text-align: center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	}	

/*サブナビゲーション*/
.sub_nav{
	max-width: 520px;
	background-color: #73CA99;
	border-radius: 5px;
	margin-top: 0px;
	margin-bottom: 20px;
	padding-left: 10px;
	float: none;
	margin-right: auto;
	margin-left: auto;
	}

.sub_nav li{
	float:left;
	list-style:none;
	}
	
.sub_nav a{
	color:#fff;
	text-decoration:none;
	line-height:35px;
	font-size:14px;
	}	

.sub_nav a:hover{color:#34941A;}

.site_map a{
	margin-left:5px;
	margin-right:5px;}

/*お問い合わせ*/
.otoiawase a {
	display:block;
	margin-top:5px;
	margin-right:5px;
	background-image:url(img/otoiawase.jpg);
	height:25px;
	overflow:hidden;
	width:125px;
	background-position:0       0;}

.otoiawase a:hover {width:125px; background-position:0 -25px;}

/*職員専用ページ*/
.shokuin a {
	display:block;
	margin-top:5px;
	margin-right:5px;
	background-image:url(img/shokuin.jpg);
	height:25px;
	overflow:hidden;
	width:125px;
	background-position:0       0;}

.shokuin a:hover {width:125px; background-position:0 -25px;}

.site_search{
	float: none;
	margin-left: auto;
	max-width: 520px;
	margin-right: auto;
	text-align: center;
}

.site_search img{
	float:left;
	margin-left:0px;
}
	
#keywords1{
	border:2px solid #34941A;
	height:26px;
	width:64%;
	margin:0;
	padding:0;
	float:left;
}


.nav_wrap{
	display:none
}


.nav_tab {
	position: relative;
	margin-top: 30px;
	margin-right: auto;
	margin-bottom: 25px;
	margin-left: auto;
	max-width: 748px;
	text-align: left;
	padding-right: 10px;
	padding-left: 10px;
	clear: both;
}


.nav_tab ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}


.nav_tab li img {
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
	width: 25%;
}


.nav_tab li a:hover img {
	opacity: 0.4;
	filter: alpha(opacity=40);
}



/*＝＝＝スライダー＝＝＝*/
.wrap_slider{
	margin-right: auto;
	margin-left: auto;
	padding-right: 10px;
	padding-left: 10px;
	margin-top: 25px;
}

.flexslider {
	position: relative;
	padding: 0px;
	margin: 0px;
}


/* Browser Resets */
.flex-container a:active,
.flexslider a:active {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav {margin: 0; padding: 0; list-style: none;} 

.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {max-width: 100%; display: block;}
.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

.no-js .slides > li:first-child {display: block;}

/* Direction Nav */
.flex-direction-nav li a {
	width: 20px;
	height: 40px;
	display: block;
	position: absolute;
	top: 40%;
	cursor: pointer;
	text-indent: -9999px;
	background-image: url(img/bg_direction_nav.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
.flex-direction-nav li a.next {
	background-position: -20px 0;
	right: 0px;
}
.flex-direction-nav li a.prev {
	background-position: 0 0;
}
.flex-direction-nav li a.disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -33px;
	text-align: center;
}

.flex-control-nav li {
	display: inline-block;
	zoom: 1;
*display: inline;			margin-top: 0;
	margin-left: 5px;
	margin-bottom: 0px;
}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {
	width: 11px;
	height: 11px;
	display: block;
	cursor: pointer;
	text-indent: -9999px;
	background-image: url(img/c-navi.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
.flex-control-nav li a:hover {
	background-position: -11px 0px;
}
.flex-control-nav li a.active {
	background-position: -11px 0px;
	cursor: default;
}
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
.flex-container {zoom: 1; position: relative;}

#navi {
	width: 275px;
	float: right;
	height: 59px;
	margin-top: 10px;
	}

#navi li{
	width:270px;
	height:59px;
	background:none;
	padding:0 0px 0px 0;
	margin:0 0 0px 0;
	}

#navi li a{display:block;}
#navi li a:link    {}
#navi li a:visited {}
#navi li a:hover   {opacity:0.8;}
#navi li a:active  {opacity:0.8;}

/* IE用 ↓*/
#navi li a:hover img {filter:alpha(opacity=80);}


.mod_gallery{
	max-width: 728px;
	margin-bottom: 40px;
	background-color: #fff;
	padding: 0.833333%;
	margin-right: auto;
	margin-left: auto;
	border-radius: 5px;
	border-color: rgb(204,204,204);
	border-width: 1px;
	border-style: solid;
	height: auto;
}


.mod_gallery_navi {
	display:none;
}

.mod_gallery_navi li{
	display:none;
}

.mod_gallery_navi li a{display:block;}
.mod_gallery_navi li a:link    {}
.mod_gallery_navi li a:visited {}
.mod_gallery_navi li a:hover   {opacity:0.5;}
.mod_gallery_navili a:active  {opacity:0.5;}

/* IE用 ↓*/
.mod_gallery_navi li a:hover img {filter:alpha(opacity=50);}

.container{
	margin: auto;
	max-width: 768px;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}


/*メイン*/	
#main{
	width:auto;
	}

/*診療所検索*/
.shinryo{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #E9E7DE;
	font-size: 14px;
	margin-bottom: 30px;
	padding-top: 5px;
	padding-right:5px;
	padding-bottom:10px;
	padding-left:10px;
	}

.shinryo_title{
	font-size:16px;
	background-color:#73ca99;
	color:#fff;
	line-height:25px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding-left:10px;
	}

.keywords2{
	margin-bottom:3px;
	height:22px;
	width:75%;
	padding:0;
	}
	
.shinryo_btn{
	border:none;
	padding:0;
	background:transparent;
	vertical-align:middle;
	cursor:pointer;
	}

.shinryo_txt{margin-left:5px;}


/*-----新着情報-----*/
.news_title img{vertical-align:bottom;}

.date{margin-right:30px;}

#news{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	border-top:2px solid #26CC26;
	}

#news ul{
	list-style-position: inside;
	padding:0;
	}

#news ul li{
	list-style:none;
	border-bottom:1px dashed #000000;
	padding-top:5px;
	padding-bottom:5px;
	}

#news p{
	margin-top:0;
	margin-bottom:0;
	text-indent:-7.7em;
	margin-left:7.7em;
	font-size:14px;
	}	

#news a{
	text-decoration:none;
	color:#1073c6;
	}

/*サイド*/	
#side{
	display:none;
	}
	

#side_tab{
	width:auto;
	margin:auto;
	margin-bottom:30px;
}


#side_tab .b01{
	width: 48.6631%;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
	margin-right: 2.673796%;
}

#side_tab .b02{
	width: 48.6631%;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}

#side_tab .b01 img{
	width: 100%;
	display: block;
}

#side_tab .b02 img{
	width: 100%;
	display: block;
}	
	
	
.youtube img{
	width:100%;
	margin-bottom:30px;
	}
	
#side img{
	width:100%;
	margin-top:5px;
	margin-bottom:5px;}	
	
		

/*カルーセル*/
#carousel2 {display:none;}


header { display:block; max-width:940px; margin:auto; }
header div.logo_box { display:table; margin:auto; text-align:center; }	
header div.nav_box { width:100%; }
p.logo { max-width:100%; margin:auto; text-align:center; }
div.logo_box_cell, div.sns_box { display:table-cell; vertical-align:middle; }
div.sns_box { width:75px; height:126px; }


}	

/*===============================================
●  画面の横幅が480pxまで
===============================================*/
@media screen and (max-width:480px){

.flexslider {display:none;}

.toppage{
	border:3px solid #6C3;
	width:150px;
	margin:auto;
	text-align:center;
	margin-bottom:30px;
	clear: both;
	}

.toppage a{
	display:block;
	line-height:30px;
	text-decoration:none;
	color:#444;
	font-size:14px;
	}
	
/*ヘッダー*/
header{
	width:95%;
	max-width:480px;
	margin:auto;
	}

.logo img{
	width:100%;
	float:none;
	margin:0;
	}	

/*サブナビゲーション*/
.sub_nav{
	width:95%;
	height:80px;
	background-color:#73CA99;
	border-radius:5px;
	padding-top:10px;
	padding-left:15px;
	float:none;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:20px;
	}

.sub_nav li{
	float:left;
	list-style:none;
	}
	
.sub_nav a{
	color:#fff;
	text-decoration:none;
	line-height:35px;
	font-size:14px;
	}	

.site_map a{margin-left:10px;}

/*お問い合わせ*/
.otoiawase a {
	display:block;
	margin-top:5px;
	margin-right:5px;
	margin-bottom:5px;
	background-image:url(img/otoiawase.jpg);
	height:25px;
	overflow:hidden;
	width:125px;
	background-position:0       0;}


/*職員専用ページ*/
.shokuin a {
	display:block;
	margin-top:5px;
	background-image:url(img/shokuin.jpg);
	height:25px;
	overflow:hidden;
	width:125px;
	background-position:0       0;}

.site_search img{
	float:none;
	text-align:center;
	margin-bottom:0;
	}
	
#keywords1{
	border:2px solid #34941A;
	height:26px;
	width:75%;
	margin-top:0;
	margin-bottom:30px;
	padding:0;
	float:left;
	}

/*ナビゲーション*/
nav{
	width:95%;
	margin:auto;
	margin-bottom:30px;
	}
	
ul#globalnavi{
	overflow:hidden;
	margin:0;
	padding:0;
	}
	
ul#globalnavi li{
	float:none;
	display:block;
	}
	
ul#globalnavi li a {
	margin:auto;
	display: block;
	overflow: hidden;
	height:57px;
	background-image:url(img/nav_sm.jpg);
	padding-top:0px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	list-style-type: none;
	}

#navi1 a { width:300px; background-position:0  0;}
#navi2 a { width:300px; background-position:0 -58px;}
#navi3 a { width:300px; background-position:0 -116px;}
#navi4 a { width:300px; background-position:0 -174px;}



.nav_tab {
	display: none;
}





/*スライダ－*/
#navi {
	width: 275px;
	float: right;
	height: 59px;
	margin-top: 10px;
	}

#navi li{
	width:270px;
	height:59px;
	background:none;
	padding:0 0px 0px 0;
	margin:0 0 0px 0;
	}

#navi li a{display:block;}
#navi li a:link    {}
#navi li a:visited {}
#navi li a:hover   {opacity:0.8;}
#navi li a:active  {opacity:0.8;}

/* IE用 ↓*/
#navi li a:hover img {filter:alpha(opacity=80);}

#photo{display:none;}
#photo img{position:absolute;}

/* mod_gallery(複数設置の場合)
-----------------------------------------*/
.mod_gallery{
	width: 95%;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	background-repeat:no-repeat;
	height: 290px;
}
/* .mod_gallery_navi */

.mod_gallery_navi {
	width:300px;
	height: 290px;
	margin:auto;
}

.mod_gallery_navi li{
	width:300px;
	height: 59px;
	background: none;
	padding: 0px;
	margin: 0px;
	clear: both;
	list-style:none;
}
.mod_gallery_navi li a{display:block;}


/* IE用 ↓*/
.mod_gallery_navi li a:hover img {filter:alpha(opacity=50);}

/* mod_gallery_photo */
.mod_gallery_photo{display:none;}

.mod_gallery_photo img{position: absolute;}
/* clearfix：float解除＆親要素に高さを算出させる*/



.container{
	margin: auto;
	padding-top: 0;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
	}

/*メイン*/	
#main{
	width:auto;
	}

/*診療所検索*/
.shinryo{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
	background-color: #E9E7DE;
	font-size: 14px;
	margin-bottom: 30px;
	padding-top: 5px;
	padding-right:5px;
	padding-bottom:10px;
	padding-left:10px;
	}

.shinryo_title{
	font-size:16px;
	background-color:#73ca99;
	color:#fff;
	line-height:25px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
	padding-left:10px;
	}

.keywords2{
	margin-bottom:3px;
	height:22px;
	width:75%;
	padding:0;
	}
	
.shinryo_btn{
	border:none;
	padding:0;
	background:transparent;
	vertical-align:middle;
	cursor:pointer;
	}

.shinryo_txt{margin-left:5px;}


/*-----新着情報-----*/
.news_title img{vertical-align:bottom;}

.date{margin-right:30px;}

#news{
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	border-top:2px solid #26CC26;
	}

#news ul{
	list-style-position: inside;
	padding:0;
	}

#news ul li{
	list-style:none;
	border-bottom:1px dashed #000000;
	padding-top:5px;
	padding-bottom:5px;
	}

#news p{
	margin-top:0;
	margin-bottom:0;
	text-indent:-7.7em;
	margin-left:7.7em;
	font-size:14px;
	}	

#news a{
	text-decoration:none;
	color:#1073c6;
	}

/*サイド*/	
#side{
	width:auto;
	margin:auto;
	margin-bottom:30px;
	}

#side_tab{
	display:none;
}	
	
.youtube img{
	width:100%;
	margin-bottom:30px;
	}
	
#side img{
	width:100%;
	margin-top:5px;
	margin-bottom:5px;}		

/*カルーセル*/	
#carousel {display:none;}



#carousel2{
	width:95%;
	margin:auto;
	margin-bottom:30px;
	}
	
#carousel2 img{
	width:100%;
	margin-top:5px;
	margin-bottom:5px;}	

.oyakudachi_title{
	background-color:#73ca99;
	color:#fff;
	text-align:center;
	padding-left:10px;
	}

header { display:block; max-width:480px; }
header div.logo_box { display:table; width:100%; text-align:center; }	
header div.nav_box { width:100%; }
p.logo { width:100%; }
img.logoimg { max-width:calc( 100% - 50px ); width:auto; margin:auto; display:inline-block; }
div.logo_box_cell, div.sns_box { display:table-cell; vertical-align:middle; }
div.logo_box_cell { width:calc( 100% - 50px ); }
div.sns_box { width:50px; height:auto; }
div.sns_box img { padding:0 5px; max-width:40px; }
div.sns_box img.fisrt { padding:.25rem 10px; }

}