@charset "utf-8";
/* -----------------------------------------------------------
　見出し
----------------------------------------------------------- */

h1{
	color: #000000;
	height: 15px;
	font-size: 12px;
	font-weight: normal;
	line-height: 15px;
	text-align:left;
	margin-bottom:10px;
}

h2.ud{
	font-size:26px;
}

h3{
	background-color:#0AB7D8;
	color:#fff;
	padding:10px;
	margin:0 0 20px 0;

}

h4{
	background:url(../images/h4bg.gif) repeat-x;
	background-position:center bottom;
	color:#76643F;
	padding:5px 0 15px 0;
	font-size:19px;
	margin:0 0 15px 0;
}

h5{
	color:#192545;
	padding:0 0 5px 0;
	font-size:17px;
	border-bottom:#192545 2px dotted;
	margin:0 0 15px 0;
}

h6{
	color:#0AB7D8;
	padding:0 0 5px 0;
	font-size:16px;
}

p{
	margin-bottom:10px;
	font-size:16px;
}

address{
	font-style:normal;
}

@media screen and (max-width: 767px) {
h1{
	text-align:left;
	padding-bottom:5px;
}

h2.ud{
	text-align:left;
	padding-left:2%;
	padding-top:-webkit-calc(100%*170/640/3);
	padding-top:-moz-calc(100%*170/640/3);
	padding-top:calc(100%*170/640/3);
	font-size:18px;
}


}

.mt0  { margin-top:  0px !important;}
.mt10 { margin-top: 10px !important;}
.mt20 { margin-top: 20px !important;}
.mt30 { margin-top: 30px !important;}
.mt40 { margin-top: 40px !important;}
.mt50 { margin-top: 50px !important;}

.mb0  { margin-bottom:  0px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb40 { margin-bottom: 40px !important;}
.mb50 { margin-bottom: 50px !important;}


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

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

body{
	font-family: Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#333333;
	background:url(../images/header_bg.jpg) repeat-x;
	background-position:top;
}

body.body_ud{
	font-family: Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#333333;
	background:url(../images/header_bg_ug.jpg) repeat-x;
	background-position:top;
}

.pc_none{
  display:none;
}



@media screen and (max-width: 767px) {
body{
	min-width:inherit;
	width:100%;
	margin:0 auto;
	background-image: none;
	background-repeat: no-repeat;
}

body.body_ud{
	background:none;
}

.sp_none{
    display:none;
}

.pc_none{
    display:block;
}

}

/*色*/
.green{
    color:#2A7442;
	font-weight:bold;
}
.brown{
	color:#6D412E;
	font-weight:bold;
}

.orange {
color: #eb873c;
}

.red {
color: #ff0000;
}

/*枠*/
.img_waku{
    border:1px solid #cccccc;
	padding:2px;
}

.kasyo{
	font-size:14px;
}


.font-s {
font-size: 0.75rem;
}


/* -----------------------------------------------------------
　イメージ
----------------------------------------------------------- */
.img-responsive { width: 100%; }

figure{
	margin:0;
	padding:0;
}

.img_rc{
	float:right;
	text-align:right;
}

.img_doc{
	float:right;
	text-align:right;
	margin-left:20px;
	letter-spacing:0.2em;
}

.img_rc img{
	border:#cccccc 1px solid;
	padding:3px;
	width:168px;
	height:168px;
	margin:0 0 0 20px;
}

.img_pcsize{
	width:220px;
	height:220px;
}

figure.img_doc{
	width:250px;
	height:auto;
	margin:0 0 0 20px;

}

figure.img_doc img{
	width:250px;
	height:auto;

}


.iamge_frame{
	height:auto;
	overflow:hidden;
	margin:0 0 30px 0;
}

figure.iamge_left{
	float:left;
}

figure.image_right{
	float:right;
}

figure.image_right_vertical{
	float:right;
}

.iamge_frame p{
	clear:both;
	padding:15px 0 0 0;

}

@media screen and (max-width: 767px) {
.img_rc{
	float:none;
	text-align:center;
	margin-left:0px;
	margin-bottom:10px;
}

.img_doc{
	float:none;
	text-align:center;
	margin-left:0px;
	margin-bottom:20px;
}

.img_rc img{
	width:60%;
	height:60%;
	margin:0 auto;
}

.img_width{
	width:100%;
}

.feature{
	width:98%;
	margin:0 auto 20px auto;
	background:url(../images/feature_sp.gif) no-repeat;
	background-position:left top;
	height:120px;
}

figure.img_doc{
	width:100%;
	height:auto;
	margin:0 auto 20px auto;
	text-align:center;
}

figure.iamge_left{
	float:none;
	width:80%;
	margin:0 auto 20px auto;
}

figure.image_right{
	float:none;
	width:80%;
	margin:0 auto 20px auto;
}

figure.image_right_vertical{
	float:none;
	width:45%;
	margin:0 auto 20px auto;
}


figure.iamge_left img{
	width:100%;
	height:auto;
}

figure.image_right img{
	width:100%;
	height:auto;
}

figure.image_right_vertical img{
	width:100%;
	height:auto;
}


}
/* -----------------------------------------------------------
　リスト
----------------------------------------------------------- */
ul.list_normal li{
    line-height:150%;
	padding-left:0px;
	font-size:16px;
	list-style-type:disc;
	margin-left:20px;
	margin-bottom:10px;
}

ul.list_mark li{
	list-style-image:url(../images/maru.gif);
	padding-left:0px;
    line-height:150%;
	font-size:16px;
	margin-bottom:15px;
    margin-left:20px;
}

.list_num li{
    list-style-type:decimal;
    line-height:40px;
	font-size:16px;
	margin-left:25px;
}
/*
ul.box_list{
	background-color:#FAEFD8;
	border:#999 1px solid;
	height:auto;
	overflow:hidden;
	padding:10px;
	margin:0 0 20px 0;
}

ul.box_list li{
	list-style-type:disc;
	float:left;
	margin:0 20px 0 30px;
}
*/

.list_frame{
	overflow:hidden;
	height:auto;
	box-sizing:border-box;
	margin:-10px 0 10px 0;
}

ul.box_list{
	float:left;
	height:auto;
	overflow:hidden;
	padding:10px;

}

ul.box_list li{
	list-style-type:disc;
	margin:0 20px 0 30px;
	color:#61A33D;
}



ul.box_list2{
	background-color:#FAEFD8;
	border:#999 1px solid;
	height:auto;
	overflow:hidden;
	padding:10px;
	margin:0 0 20px 0;
}

ul.box_list2 li{
	list-style-type:disc;
	margin:0 20px 0 30px;
}


@media screen and (max-width: 767px) {
ul.list_normal{
    line-height:30px;
	padding-left:10px;
	font-size:16px;
}

ul.list_mark{
    margin-left:10px;
}

.list_num li{
    list-style-type:decimal;
    line-height:30px;
	font-size:16px;
	margin-left:35px;
}

ul.box_list{
	float:none;
	height:auto;
	overflow:hidden;
	padding:0 10px;
	width:100%;

}

ul.box_list li{
	list-style-type:disc;
	margin:0;
	color:#61A33D;
}

}


/* -----------------------------------------------------------
　ラッパー
----------------------------------------------------------- */

.wrapper {
	padding: 0;
	width: 1000px;
	text-align: left;
	margin:0 auto;
	overflow:hidden;

}

.wrapper_ud {
	padding: 30px 0 0;
	width: 1000px;
	text-align: left;
	margin:0px auto 30px auto;
	overflow:hidden;

}

@media screen and (max-width: 767px) {
	
.bg{
	background:none;
}
	
.wrapper {
    width:95%;
	margin:20px auto 0 auto;
}

.wrapper_ud {
    width:95%;
	margin:-30px auto 0 auto;
}

}


/* -----------------------------------------------------------
　ヘッダ
----------------------------------------------------------- */
header{
	padding: 0;
	width: 1000px;
	height:210px;
	text-align: left;
	margin:0 auto;
	overflow:hidden;
	position:relative;
}

a.h_title{
	position:absolute;
	top:40px;
	left:0;
}

img.h_time{
	position:absolute;
	width:322px;
	height:48px;
	top:20px;
	left:670px;
}

img.h_facebook{
	position:absolute;
	width:44px;
	height:44px;
	top:70px;
	left:665px;
}

img.h_address{
	position:absolute;
	width:280px;
	height:42px;
	top:70px;
	left:715px;
}

img.h_parking{
	position:absolute;
	width:330px;
	height:23px;
	top:120px;
	left:665px;
}

img.h_house_call{
	position:absolute;
	width:160px;
	height:23px;
	top:118px;
	left:840px;
}

a.h_tell img{
	position:absolute;
	width:370px;
	height:auto;
	top:155px;
	right:0;
}

a.h_title_sp{
	display:none;
}

a.fb:hover{
 	color:#999999;
 	text-decoration:none;
	opacity:0.7;

}

@media screen and (max-width: 767px) {
header {
    width:95%;
	margin:0 auto;
	height:auto;
	overflow:hidden;
}

.h_title{
	display:none;
}

a.h_title_sp{
	display:block;
}

a.h_title_sp img{
	width:100%;
	height:auto;
}


img.h_time{
	position:static;
	width:100%;
	height:auto;
	margin:10px 0 0 0;
}

.sp_oh{
	overflow:hidden;
	width:100%;
	height:auto;
	margin:5px 0 0 0;
}

img.h_facebook{
	position:static;
	width:15%;
	height:auto;
	float:left;
}

img.h_address{
	position:static;
	width:82%;
	height:auto;
	float:right;
	margin:0 0 0 0;
}

img.h_parking{
	position:static;
	width:100%;
	height:auto;
	/*float:left;*/
}

img.h_house_call{
	position:static;
	width:48%;
	height:auto;
	float:right;
}

a.h_tell img{
	position:static;
	width:100%;
	height:auto;
	margin:20px 0 0 0;
}

}
/* :::::::::: メインナビ :::::::::: */

.main_list{
	width:1000px;
	margin:0 auto;
	position:relative;
	z-index:10000;
}

ul.main_nav li{
	float: left;
	padding: 0px;
	height: 76px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	border-bottom:#0AB7D8 4px solid;
}

ul.main_nav li a{
	color:#fff;
	text-decoration:none;
	display:block;
	width:100%;
	padding:22px 0 18px 0;
    line-height: 1.2;
}

ul.main_nav li a:hover{
	background-color:#0AB7D8;
	color:#fff;
}

ul.main_nav li.nav_01{
	width:120px;
}
ul.main_nav li.nav_03{
	width:180px;
}

ul.main_nav li.nav_02,li.nav_04{
	width:160px;
}

ul.main_nav li.nav_06,li.nav_07{
	width:130px;
	line-height:120%;
}

ul.main_nav li.nav_05{
	width:120px;
	line-height:120%;
}

ul.main_nav li.nav_06 a{
	padding:15px 0 17px 0;
}

ul.main_nav li.nav_07 a{
	padding:15px 0 17px 0;
}

ul.main_nav li.nav_05 a{
	padding:15px 0 17px 0;

}

nav ul.main_nav li ul.main_nav_sub li{
	background-color: rgba(19,29,59,0.80);
	width:160px;
	border-bottom:none;
	height:40px;
	padding:0 0 16px 0;
}

nav ul.main_nav li ul.main_nav_sub li a{
	padding:10px 0 10px 0;
	margin:0;
}


nav ul.main_nav li ul.main_nav_sub li a:hover{
	background-color: rgba(41,159,184,0.70);
}

nav ul.main_nav li.nav_03 ul.main_nav_sub li{
	width:180px;
	font-size:14px;
	line-height:110%;
	height:40px;
	padding:0 0 16px 0;
}

nav ul.main_nav li.nav_03 ul.main_nav_sub li a{
	padding:20px 0 21px 0;
	margin:0;

}

nav ul.main_nav li.nav_03 ul.main_nav_sub li.two{
	width:180px;
	font-size:14px;
	line-height:110%;
	height:50px;
	padding:0 0 21px 0;
}

nav ul.main_nav li.nav_03 ul.main_nav_sub li.two a{
	padding:20px 0 21px 0;
	margin:0;

}


@media screen and (max-width: 767px) {

.main_nav{
	width:100%;
	margin-top:20px;
}
ul.main_nav li{
	float: left;
	margin: 0px;
	padding: 0px 0px;
	width: 50%;
}

.nav_02{
}

.nav_02 img{
	width: 100%;
}


.nav_03{
}

.nav_03 img{
	width: 100%;
}

.nav_04{

}

.nav_04 img{
	width: 100%;
}

.nav_05{
}

.nav_05 img{
	width: 100%;
}

}

/* :::::::::: キービジュアル :::::::::: */

.key_visual{
    width:1000px;
	margin:0 auto 80px auto;
	position:relative;
	z-index:0;
}

.key_text_ud{
	width:1000px;
	text-align:center;
	position:relative;
	margin:30px auto;
}

.key_text_ud h2{
	position:absolute;
	top:45%;
	left:3%;
}

.key_visual_ud{
	/*background:url(../images/key_visual_ud.jpg) no-repeat;
	background-position:top right;
	width:1000px;
	height:250px;
	margin:0 auto 156px auto;
	position:relative;
	z-index:0;
	top:76px;*/
}

.key_frame{
    display: table-cell;
	vertical-align:bottom;
	text-align:left;
	width:1000px;
	height:129px;
	padding:0 0 45px 0;
}

@media screen and (max-width: 767px) {
	
.key_visual{
	width:95%;
	margin:30px auto 10px auto;
}

.key_visual img{
	width:100%;
	height:auto;
	border:none;
	padding:0px;
}

.key_ud_sp{
	height:auto;
	position:relative;
	width:98%;
	text-align:center;
	margin:30px auto 2px auto;
}

.key_ud_sp img{
	width:100%;
	margin:0 auto;
}

.key_ud_sp h2{
	width:80%;
	position:absolute; 
	left:5%;
	top:45%;
	font-size:18px;
}

img.timetable_sp{
	width:95%;
	height:auto;
	margin:20px auto 0 auto;;
}

.key_visual_ud{
	background:url(../images/key_visual_ud_sp.jpg) no-repeat;
	background-position:center center;
	background-size:contain;
	width:95%;
	height:auto;
	padding:0;
	margin:-20px auto 0 auto;
}

.key_frame{
    display: table-cell;
	vertical-align:middle;
	text-align:left;
	width:95%;
	height:220px;
	padding:0 0 0 5px;
	margin:0 auto;
}

.key_visual_waku{
	background:url(../images/key_visual_ud_sp.jpg) no-repeat;
	background-size:100%;
	width:95%;
	text-align:center;
	height:auto;
	margin:20px auto 0 auto;
    padding-bottom: -webkit-calc(100%*170/1000);
    padding-bottom: -moz-calc(100%*170/1000);
    padding-bottom: calc(100%*170/1000);
}

}

/* -----------------------------------------------------------
　サブナビ
----------------------------------------------------------- */
aside{
	margin:0 0 30px 0;
}

.sub_contents{
	width: 280px;
	float: left;
	height: auto;
}

ul.sub_nav li{
	width:240px;
	border:#5B719A 1px solid;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
	margin:0 0 10px 0;
    font-size:18px;
	font-weight:bold;
}

ul.sub_nav li a{
	display:block;
	width:100%;
	padding:15px 0;
	text-decoration:none;
	color:#131D39;
}

ul.sub_nav li a:before{
	content:url(../images/img_arrow.gif);
	margin:0 10px 0 25px;
}

ul.sub_nav li a:hover{
	color:#304DAF;
}


@media screen and (max-width: 767px) {
.sub_contents{
   display:none;
}

table.sp_bana{
	width:95%;
	margin:5px;
}

table.sp_bana tr td{
	width:50%;
	text-align:center;
	border:#d1beb0 1px solid;
	padding:10px 0px;
	color: #6f5548 ;
}

.sp_bana a{
	text-decoration:none;
    display: block;
	color: #6f5548;
}

.text_link{
    width:96%;
	color:#24B654;
	border:#24B654 1px solid;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	font-size:22px;
	font-weight:bold;
	margin-bottom:10px;

}

.text_link a{
    display: block;
	text-decoration:none;
	color:#24B654;
	padding:20px 0px;
}

}

/* -----------------------------------------------------------
　コンテンツラッパー
----------------------------------------------------------- */

@media screen and (max-width: 767px) {
#contents_wrapper{
	margin-top:20px;
}

}

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

#main_contents{
	width: 720px;
	float: right;
	margi: 0px;
}

#main_contents h2.ud{
	margin-bottom: 20px;
	border: 1px double #ccc;
	padding: 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9e9e9+0,f7f7f7+100 */
background: #e9e9e9; /* Old browsers */
background: -moz-linear-gradient(top, #e9e9e9 0%, #f7f7f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e9e9e9 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e9e9e9 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

#main_contents .box_overview {
	margin-bottom: 0px;

}


#main_contents .sentence p {
	margin-bottom: 20px;
}

#main_contents .sentence a {
	text-decoration:none;
}

.sentence{
    overflow:hidden;
	margin-bottom:40px;
	height:auto;

}

.sub_sentence{
    overflow:hidden;
	margin-bottom:20px;
	height:auto;
}

.sub_sentence_end{
    overflow:hidden;
	height:auto;
}




@media screen and (max-width: 767px) {
#main_contents{
	width: 100%;
	float: none;
	margin-bottom: 10px;
}
	
	#main_contents h2.ud{
	margin-bottom: 0px;
	border: 1px double #ccc;
	padding: 20px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e9e9e9+0,f7f7f7+100 */
background: #e9e9e9; /* Old browsers */
background: -moz-linear-gradient(top, #e9e9e9 0%, #f7f7f7 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e9e9e9 0%,#f7f7f7 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e9e9e9 0%,#f7f7f7 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#f7f7f7',GradientType=0 ); /* IE6-9 */
}

#main_contents .sentence {
	width: 100%;
	height: auto;
	margin:10px auto 20px auto;
	padding:0;
	word-wrap: break-word;
	overflow:hidden;
}

#main_contents .sentence p {
	margin-bottom: 20px;
	width:98%;
	margin-left:auto;
	margin-right:auto;
}

	
}


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

#main_contents .sentence_notice {
	width: 720px;
	height: 550px;
	margin:0 0 40px 0;
	word-wrap: break-word;
	overflow:hidden;
	background:url(../images/notice_bg.gif);
	position:relative;
}

h3.notice_title{
	background-color:#BFD3CA;
	position:absolute;
	color:#76643F;
	font-size:28px;
	letter-spacing:0.1em;
	top:50px;
	left:290px;
	margin:0;
}

.info_waku{
	position:absolute;
	top:124px;
	left:20px;
	width:650px;
	height:380px;
	overflow-y:scroll;
	background-color:#fff;
	border:#999999 1px solid;
	padding:15px;
}


.sentence_notice .info_waku dt{
	margin-top:10px;
	font-size:18px;
	padding-left:10px;
	color:#0066CC;
	font-weight:bold;
	line-height:120%;
	
}

.sentence_notice .info_waku dd{
	margin-top:5px;
	margin-bottom:30px;
	margin-left:10px;
	font-size:14px;
	color:#333333;
	line-height:120%;
}

@media screen and (max-width: 767px) {

#main_contents .sentence_notice {
	width: 100%;
	height: 250px;
	margin:0 0 40px 0;
	word-wrap: break-word;
	overflow:hidden;
	background:none;
	position:static;
}

h3.notice_title{
	position:static;
	background-color:#0AB7D8;
	color:#fff;
	font-size:24px;
	letter-spacing:0.1em;
	padding:10px;
}

.info_waku{
	position:static;
	width:100%;
	height:170px;
	overflow-y:scroll;
	background-color:#fff;
	border:#999999 1px solid;
	padding:2%;
	box-sizing:border-box;
}


}

/* -----------------------------------------------------------
グランベッツ動物病院のポイント
----------------------------------------------------------- */
.point {
	background:url(../images/point_frame.gif) no-repeat;
	width: 716px;
	height: 595px;
	margin:0 auto 30px auto;
	overflow:hidden;
	position:relative;
}

h3.point_title{
	background-color:#fff;
	position:absolute;
	top:150px;
	left:130px;
	color:#76643F;
	font-size:30px;
	line-height:120%;
	margin:0;
}

.point_1{
	position:absolute;
	width:300px;
	height:65px;
	top:210px;
	left:30px;
	background:url(../images/point_1.png) no-repeat;
	background-position:center center;
	background-color:#D8EDEF;
	background-size:10%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:130%;
	color:#1E3A7F;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	padding:20px 10px;
}

.point_1 a{
	display:block;
	width:100%;
}


.point_2{
	position:absolute;
	width:300px;
	height:55px;
	top:210px;
	left:370px;
	background:url(../images/point_2.png) no-repeat;
	background-position:center center;
	background-color:#D8EDEF;
	background-size:14%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:130%;
	color:#1E3A7F;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	padding:30px 10px 20px 10px;
}

.point_2 a{
	display:block;
	width:100%;
}


.point_3{
	position:absolute;
	width:300px;
	height:65px;
	top:330px;
	left:30px;
	background:url(../images/point_3.png) no-repeat;
	background-position:center center;
	background-color:#D8EDEF;
	background-size:14%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:130%;
	color:#1E3A7F;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	padding:30px 10px 10px 10px;
}

.point_3 a{
	display:block;
	width:100%;
}


.point_4{
	position:absolute;
	width:300px;
	height:65px;
	top:330px;
	left:370px;
	background:url(../images/point_4.png) no-repeat;
	background-position:center center;
	background-color:#D8EDEF;
	background-size:14%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:130%;
	color:#1E3A7F;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	padding:30px 10px 10px 10px;
}

.point_4 a{
	display:block;
	width:100%;
}

.point_5{
	position:absolute;
	width:300px;
	height:65px;
	top:450px;
	left:30px;
	background:url(../images/point_5.png) no-repeat;
	background-position:center center;
	background-color:#D8EDEF;
	background-size:14%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:130%;
	color:#1E3A7F;
	text-align:center;
	font-weight:bold;
    font-size:15px;
	padding:30px 10px 10px 10px;
}

.point_5 a{
	display:block;
	width:100%;
}

.point_6{
	position:absolute;
	width:300px;
	height:55px;
	top:450px;
	left:370px;
	background:url(../images/point_6.png) no-repeat;
	background-position:center center;
	background-color:#D8EDEF;
	background-size:14%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:130%;
	color:#1E3A7F;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	padding:30px 10px 20px 10px;
}

.point_6 a{
	display:block;
	width:100%;
}



@media screen and (max-width: 767px) {
.point {
	background:none;
	width: 100%;
	height: auto;
	margin:0 auto;
	overflow:hidden;
	position:static;
}
	
h3.point_title{
	position:static;
	background-color:#0AB7D8;
	color:#fff;
	font-size:24px;
	letter-spacing:0.1em;
	padding:5px;
	margin:0 0 20px 0;
}

.point_1{
	position:static;
	width:96%;
	height:115px;
	background:url(../images/point_1.png) no-repeat;
	background-position:center center;
	background-color:#D8EDEF;
	background-size:10%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	line-height:130%;
	color:#1E3A7F;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	padding:30px 2% 0 2%;
}

.point_2{
	position:static;
	width:96%;
	height:100px;
	background:url(../images/point_2.png) no-repeat;
	background-position:center center;
	background-color:#D8EDEF;
	background-size:14%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	line-height:130%;
	color:#1E3A7F;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	padding:30px 2% 0 2%;
}

.point_3{
	position:static;
	width:96%;
	height:85px;
	top:330px;
	left:30px;
	background:url(../images/point_3.png) no-repeat;
	background-position:center center;
	background-color:#D8EDEF;
	background-size:14%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	line-height:130%;
	color:#1E3A7F;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	padding:30px 2% 0 2%;
}

.point_4{
	position:static;
	width:96%;
	height:85px;
	top:330px;
	left:370px;
	background:url(../images/point_4.png) no-repeat;
	background-position:center center;
	background-color:#D8EDEF;
	background-size:14%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	line-height:130%;
	color:#1E3A7F;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	padding:30px 2% 0 2%;
}

.point_5{
	position:static;
	width:96%;
	height:85px;
	top:450px;
	left:30px;
	background:url(../images/point_5.png) no-repeat;
	background-position:center center;
	background-color:#D8EDEF;
	background-size:14%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	line-height:130%;
	color:#1E3A7F;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	padding:30px 2% 0 2%;
}

.point_6{
	position:static;
	width:96%;
	height:100px;
	top:450px;
	left:30px;
	background:url(../images/point_6.png) no-repeat;
	background-position:center center;
	background-color:#D8EDEF;
	background-size:14%;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius: 0px;
	line-height:130%;
	color:#1E3A7F;
	text-align:center;
	font-weight:bold;
	font-size:16px;
	padding:30px 2% 0 2%;
}

}

/* -----------------------------------------------------------
　クリニック概要
----------------------------------------------------------- */
.overview_up{
	width:1000px;
	margin:0 auto;
}

.sentence_overview{
	width:100%;
	height:auto;
	background-color:#DEDDCD;
	margin:-2px 0 0 0;
	padding: 0 0 20px 0;
}

h3.overview_title{
	background-color:#DEDDCD;
	text-align:center;
	color:#76643F;
	font-size:30px;
	line-height:120%;
	padding:60px 0 0 0;
	margin:0;
}

.overview_frame{
	width:1000px;
	overflow:hidden;
	height:auto;
	margin:0 auto;
}

.overview_left{
	float:left;
	width:500px;
}

.clinic_name{
	color:#131D3A;
	font-size:24px;
	font-weight:bold;
}

dl.overview_list{
	margin:0 0 50px 0;
}

dl.overview_list dt{
	color:#76643F;
	font-weight:bold;
	border-bottom:#76643F 2px solid;
}

dl.overview_list dd{
	margin:5px 0 30px 0;
	line-height:150%;
}

dl.overview_list dd.tell a{
	color:#0AB7D8;
	font-weight:bold;
	letter-spacing:0.2em;
	text-decoration:none;
	font-size:38px;
	line-height:140%;
    pointer-events:none
}

dl.overview_list dt.time{
	border-bottom:none;
}

dl.overview_list dd figure img{
	margin:15px 8px 0 0;
}

dl.overview_list dd img.bana{
    margin:15px 0 0 0;	
}

.overview_right{
	float:right;
	width:500px;
	height:auto;
	text-align:right;
}

.map_title{
	color:#76643F;
	font-weight:bold;
	text-align:left;
	margin:0 0 0 30px;
}

a.to_map{
	color:#76643F;
	text-align:right;
	text-decoration:none;
}

.img_map{
	margin:0 5px 0 0;

}

iframe.overview_map{
	width:470px;
	height:370px;
	border:#000 1px solid;
	text-align:right;
	
	
}



@media screen and (max-width: 767px) {
.overview_up{
	display:none;
}

h3.overview_title{
	position:static;
	background-color:#0AB7D8;
	color:#fff;
	font-size:24px;
	letter-spacing:0.1em;
	padding:5px;
	text-align:left;
}

dl.overview_list dd.tell a{
    pointer-events:auto;
	font-size:28px
}

.sentence_overview{
	width:95%;
	height:auto;
	background-color:#fff;
	margin:0 auto;
}

.overview_frame{
	width:100%;
	overflow:hidden;
	height:auto;
	margin:0 auto;
}

.overview_left{
	float:none;
	width:100%;
}


.overview_right{
	float:none;
	width:100%;
	height:auto;
	text-align:right;
}


.map_title{
	margin:0;
}

dl.overview_list dd img{
    width:100%;
	height:auto;
}

dl.overview_list dd figure img{
	width:14%;
	height:auto;
	margin:0 1px 0 0;
}

iframe.overview_map{
	width:100%;
	height:300px;
	border:#000 1px solid;
	text-align:right;
	box-sizing:border-box;
}

.img_map{
	margin:0;
	width:100%;
	height:auto;

}



}



/* -----------------------------------------------------------
　当院のご案内 720
----------------------------------------------------------- */
.gallary ul{
	width:720px;
	height:auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.gallary ul li{
	width: 230px;
	font-size:15px;
	line-height: 1.5;
	margin: 0 0 20px;
	text-align: center;
}
.gallary ul li a img{
	width:230px;
	height:153px;
	margin: 0 0 10px;
}


@media screen and (max-width: 767px) {
	.gallary ul{
		width:100%;
	}
	.gallary ul li{
		width:48%;
		margin: 0 1% 10px 1%;
		font-size:14px;
		line-height:120%;
	}
	.gallary ul li a img{
		width:100%;
		height:auto;
	}
}


/* -----------------------------------------------------------
　フッタ
----------------------------------------------------------- */
footer{
	width:100%;
	height:165px;
	background:url(../images/footer_bg.gif) repeat-x;
}

#footer_area {
	height: 145px;
	width: 100%;
	float: left;
	text-align: center;
}



#footer{
	width: 1000px;
	margin:0 auto;
	padding-top: 0px;
	height: auto;
}

.footer_waku{
	margin-top:45px;
	overflow:hidden;
	width:1000px;
}

.footer_logo{
    float:left;
	width:400px;
	
}

/* :::::::::: フッターナビ :::::::::: */
ul.footer_nav{
	float:right;
    text-align:right;
	height: auto;
	width:600px;
	margin:10px 0 0 0;

}
.footer_nav li{
    display: inline;
	font-size:12px;
	color:#fff;
	width:auto;
}

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

.footer_nav li:before{
	content:"｜";
}

.footer_nav li:last-child:after{
	content:"｜";
}


.orange {
	color: #F90;
}
.navy {
	color: #0A164A;
}

.copyright{
	width: 1000px;
	margin:0 auto;
	text-align: center;
	font-size: 14px;
	color:#ffffff;
}
.copyright a {
	text-decoration:none;
	color:#ffffff;
}

.page_top{
    background-color:#fff;
    width:100%;
}

.page_top_index{
    background-color:#DEDDCD;
    width:100%;
}

.smoothScrolls{
	width:1000px;
	margin:0 auto;
	text-align:right;
}


@media screen and (max-width: 767px) {
footer{
	height:auto;
	background:none;
}

.page_top{
    width:100%;
	margin-left:auto;
	margin-right:auto;
	text-align:right;
}

.page_top img{
    margin-bottom:10px;
	margin-right:10px;
}

.copyright{
	width: 100%;
	margin:0 auto;
	text-align: center;
	font-size: 14px;
	color:#ffffff;
	background-color:#131d3b;
	padding:5px 0;
}

.page_top{
    background-color:#fff;
    width:100%;
}
.page_top_index{
    background-color:#fff;
    width:100%;
}



.smoothScrolls{
	width:100%;
	margin:10px auto;
	text-align:right;
}

.smoothScrolls img{
	text-align:right;
	margin:0;
	padding:0;
}


}

/* -----------------------------------------------------------
　当院について
----------------------------------------------------------- */

.doctor_name{
	text-align:right;
}

/* -----------------------------------------------------------
　診療内容
----------------------------------------------------------- */
.symptom{
	color:#24684D;
	background-color:#F0FBE3;
	padding:10px;
	line-height:150%;
}

table.symptom_table{
	border:#676767 1px solid;
	font-size:15px;
	width:720px;

}


table.symptom_table tr th{
	border:#676767 1px solid;
	background-color:#EDE7DE;
	color:#333333;
	padding:10px;
	text-align:left;
}

table.symptom_table tr th.t_left{
	width:200px;
	text-align:center;
}

table.symptom_table tr th.t_right{
	text-align:center;
}

table.symptom_table tr td{
	padding:10px;
	border:#676767 1px solid;
	background-color:#ffffff;
	line-height:150%;
}

table.symptom_table tr td.gray{
	border:#676767 1px solid;
	background-color:#E8E8E8;
	color:#000000;
	padding:10px;
}

.visit{
    background-color:#d8effb;
	padding:20px;

}

table.price{
	width:720px;
	height:auto;
	margin:0 0 50px 0;
	border-top:#cccccc 1px solid;

}
table.price caption {
    caption-side: top;
    text-align: right;
    line-height: 1.2;
}

table.price th.t_title{
	width:220px;
	text-align:left;
	border-bottom:#cccccc 1px solid;
	font-weight:normal;
	color:#0AB7D8;

}

table.price tr td{
	padding:10px;
}

table.price tr td.t_name{
	width:350px;
	border-bottom:#cccccc 1px solid;
}

table.price tr td.t_name2{
	width:200px;
	border-bottom:#cccccc 1px solid;
}

table.price tr td.t_name_title{
	width:350px;
	border-bottom:#cccccc 1px solid;
	color:#0AB7D8;
}

table.price tr td.t_price{
	text-align:right;
	border-bottom:#cccccc 1px solid;

}
table.price tr td.t_text{
	text-align:left;
	border-bottom:#cccccc 1px solid;

}

.sp_title{
	display:none;
}

.sp_title_cell{
	display:none;
}


.pc_title{
	display:table-cell;
}


@media screen and (max-width: 767px) {
table.symptom_table{
	width:100%;
	margin:0 auto;
}
	
table.symptom_table tr th.t_left{
	width:30%;
}

table.price{
	width:100%;
	height:auto;
}


.sp_title{
	display:table-row;
}

.sp_title_cell{
	display:table-cell;
}

.pc_title{
	display:none;
}

table.price th.t_title{
	width:100%;
	padding:10px 0;

}



table.price tr td.t_name{
	width:50%;

}

table.price tr td.t_name2{
	width:25%;

}

table.price tr td.t_price{
	width:50%;


}

table.price tr td.t_text{
	width:75%;


}

}


/* -----------------------------------------------------------
　スタッフ紹介
----------------------------------------------------------- */
.staff_left{
	width:450px;
	float:left;
}

figure.staff_right{
	float:right;
	width:250px;
	margin:0 0 50px 0;
}

figure.staff_right img{
	width:250px;
	height:auto;
}

@media screen and (max-width: 767px) {
.staff_left{
	width:100%;
	float:none;
}

figure.staff_right{
	width:100%;
	float:none;
	text-align:center;
	margin:0 0 20px 0;
}

figure.staff_right img{
	width:70%;
	height:auto;
	margin:0 auto;
}

}

/* -----------------------------------------------------------
　トリミング
----------------------------------------------------------- */
table.triming_price{
	width:720px;
	height:auto;
	margin:0 0 10px 0;
	border-top:#cccccc 1px solid;

}
table.triming_price caption {
    caption-side: top;
    text-align: right;
    line-height: 1.2;
}
table.triming_price th.t_title{
	width:220px;
	text-align:left;
	border-bottom:#cccccc 1px solid;
	font-weight:normal;
	color:#0AB7D8;

}

table.triming_price tr td{
	padding:10px;
}

table.triming_price tr td.t_name{
	width:590px;
	border-bottom:#cccccc 1px solid;
}

table.triming_price tr td.t_price{
	text-align:right;
	border-bottom:#cccccc 1px solid;

}

table.triming_price tr td.t_text{
	text-align:left;
	border-bottom:#cccccc 1px solid;

}

dl.notice{
	width:720px
}

dl.notice dt{
	float:left;
	width:20px;
}

dl.notice dd{
	width:700px;
	margin:0 0 0 20px;
}


@media screen and (max-width: 767px) {

table.triming_price{
	width:100%;
	height:auto;
}

table.triming_price tr td.t_name{
	width:70%;
	border-bottom:#cccccc 1px solid;
}


dl.notice{
	width:100%
}

dl.notice dt{
	float:left;
	width:7%;
}

dl.notice dd{
	width:93%;
	margin:0 0 0 7%;
}


}
/* -----------------------------------------------------------
　アクセス
----------------------------------------------------------- */

iframe.access_gmap{
	width:690px;
	height:690px;
	padding:14px;
	border:#cccccc 1px solid;
	margin:0 0 40px 0;
}

.access_tell{
	font-size:50px;
	letter-spacing:0.1em;
	font-weight:bold;
	line-height:100%;
}

.access_tell a{
	color:#0AB7D8;
    pointer-events:none;
}

.access_map{
	margin:0 0 40px 0;
}


@media screen and (max-width: 767px) {
img.access_time_sp{
	width:100%;
	height:auto;
}

iframe.access_gmap{
	width:100%;
	height:300px;
	padding:0;
	border:#cccccc 1px solid;
	margin:0 0 40px 0;
	box-sizing:border-box;
}

img.access_map{
	width:100%;
	height:auto;
}

.access_tell{
	font-size:30px;
	letter-spacing:0.1em;
	font-weight:bold;
}

.access_tell a{
	color:#0AB7D8;
    pointer-events:auto
}


}

/* -----------------------------------------------------------
　T.N.Rについて
----------------------------------------------------------- */
p.furture{
	background:#d3fbff;
	padding:15px;
	border-radius:10px;
	margin-bottom:30px;
}

@media screen and (max-width: 767px) {

p.furture{
	width:90%!important;
}
}


/*************************************************
　アコーディオン
/*************************************************/
/* 親の[ul] */
.syncer-acdn-parent{
	border-top: 1px solid #0AB0D1;
	border-left: 1px solid #0AB0D1;
	border-right: 1px solid #0AB0D1;
    overflow: hidden;
	width:100%;
	color:#ffffff;
	margin:10px auto;
	box-sizing:border-box;

}

/* 子の[ul] */
.syncer-acdn-child{
	display: none ;
}

/* 余白設定 */
.syncer-acdn-child ,
.syncer-acdn-parent li ,
.syncer-acdn-parent li p{
	margin: 0 ;
	padding: 0 ;
}

/* 親と子の[li] */
.syncer-acdn-parent li{
	list-style: none ;
}

/* 親の[a] */
.syncer-acdn-parent li p a{
	position: relative ;
	top: 0 ;
	left: 0 ;
}

.syncer-acdn-parent li p a:after ,
.syncer-acdn-parent li p a:hover:after{
	color: #ffffff ;
	background: rgba( 0,0,255 , 0.1 ) ;

}

.syncer-acdn-parent li p a:after{
	position: absolute ;
	top: 50% ;
	right: 12px ;
	font-size: .85em ;
	margin-top: -12.5px ;
	height: 17px ;
	line-height: 17px ;
	padding: 4px 8px ;
}

/* 親の[a]と子の[li] */
.syncer-acdn-parent li p a ,
.syncer-acdn-child li{
}

/* 親と子の[a] */
.syncer-acdn-parent li a{
	display: block ;
	padding: 8px 5px ;
	font-weight: 700 ;
	text-decoration: none ;
	color: #ffffff;
    background-color:#131D3B;
	border-bottom:1px solid #0AB0D1;
	font-size:19px;
}

.syncer-acdn-parent li a:hover{
	cursor: pointer ;
	color: #ffffff ;
    background-color:#131D3B;
}

.syncer-acdn-child li a{
	padding-right: 5px ;
    background-color:#131D3B;
	color:#ffffff;
}

.syncer-acdn-child li a:hover{
    background-color:#131D3B;
	color:#ffffff;
}


/* 子の[a] */
.syncer-acdn-child li a:before{
	padding-right: 5px ;
}