@charset "utf-8";

@font-face {
   src: url(/contents/sangubashi-dc/fonts/hkreing.ttf);
   font-family: "hkreing";
}


html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
	display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}


mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}


hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}


/*================================================
　import設定 
================================================*/

@import "common.css";

/*================================================
　共通設定 
================================================*/

html{
	font-size:62.5%;
}

body {
	font-size:16px;
	font-size:1.6rem; 
	font-family: Arial, Helvetica, sans-serif;
	-webkit-text-size-adjust:none;
	background:#fff;
	line-height:1.5em;
	color:#333;
	min-width:320px;
	max-width:800px;
	margin:0 auto;
}

section, nav {
    margin-bottom: 1em;
}

p {
	line-height:1.4em;
 	margin-bottom: 1em;
}

em{
	font-style:normal;
	font-size:18px;
	font-weight:bold;
}

strong{
	color:#22ad49;
}

mark{
	background: linear-gradient(transparent 70%, #ffcce2 70%);
	color:#000; 
	font-style:normal;
	font-weight:bold;
}

main aside{
	background:#f8f7f2 url(../images/index/commitment_bg.html) center top;
	padding:15px;
	margin-bottom:30px;
}

main aside ul{
	margin-left:20px;
}

main aside ul li{
	font-size:16px;
	line-height:1.2em;
	margin-bottom:10px;
}

img{
	max-width:100%;
	height:auto;
	width:auto\9; 
}



main ul{
	margin-left:0px;
	list-style:none;
}



dt,dd{
	font-size:16px;
	line-height:1.5em;
}



.content,
#content01,
#content02,
#content03,
#content04,
#content05,
#content06,
#content07,
#content08,
#content09,
#content10{
	margin-bottom:20px;
}

main .inner{
	width:94%;
	margin:0 auto;
}


.phone{
	font-size:3rem;
	line-height:1em;
}




.eyecatch{
	margin-bottom:20px;
}



img.waku{
	padding:3px;
	background:#FFFFFF;
	border:1px solid #CCCCCC;
	box-sizing:border-box;
	box-shadow:1px 1px 5px #ccc;
}



.imgR{
	float:right;
	margin-left:10px;
	width:40%;
}

.imgL{
	float:left;
	margin-right:10px;
	width:40%;
}

@media screen and (max-width:567px){
.imgR{
	float:none;
	margin-left:0;
	width:100%;
	text-align:center;
}

.imgL{
	float:none;
	margin-right:0px;
	width:100%;
	text-align:center;
}
}



.backtop {
	display:none;
	position:fixed;
	bottom:90px;
	right:10px;
	width:50px;
	height:50px;
}
.backtop a {
	width:100%;
	height:100%;
	padding:8px 0 0;
	box-sizing:border-box;
	display:block;
	background:#333;
	text-indent:0;
	font-size:10px;
	line-height:1.2em;
	text-align:center;
	text-transform: uppercase;
	text-decoration: none;
	color: #fff;
	opacity:0.7;
	border-radius:50%;
	
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	transition: 0.5s;
}
.backtop a:hover {
	color: #fff;
	opacity:1;
}



.detailbtn{
	width:100%;
	text-align:center;
}

.detailbtn a{
	margin:0 auto;
	display:inline-block;
	padding:5px 10px;
	background:#fff;
	border:1px solid #22ad49;
	border-radius:5px;
	color:#22ad49;
	text-decoration:none;
}

.detailbtn a:hover{
	color:#fff;
	background:#22ad49;
	border:1px solid #22ad49;
}

.linkbtn{
	width:100%;
	text-align:center;
}

.linkbtn a{
	margin:0 auto;
	display:inline-block;
	padding:5px 10px;
	background:#22ad49;
	border:1px solid #22ad49;
	border-radius:20px;
	color:#fff;
	text-decoration:none;
	letter-spacing:-0.05em;
}

.linkbtn a:hover{
	color:#22ad49;
	background:#fff;
	border:1px solid #22ad49;
}



#breadcrump{
	font-size:14px;
	line-height:1.5em;
	text-align:center;
	color:#615644;
	
	margin-bottom:30px;
	display:none;
}

#breadcrump .inner{
	width:100%;
	margin:0 auto;
	text-align:left;
}

#breadcrump i{
	font-size:20px;
	line-height:1.5em;
}

#breadcrump a{
	color:#22ad49;
	text-decoration:none;
}

#breadcrump a:hover{
	color:#22ad49;
	text-decoration:none;
}



main .pagenavi ul{
	list-style:none;
}

main .pagenavi ul li{
	background:url(../images/common/li_001%402x.html) left 7px no-repeat;
	background-size:10px 10px;
	padding-left:20px;
}

main .pagenavi ul li a{
	color:#615644;
}

main .pagenavi ul li a:hover{
	color:#ff6600;
	text-decoration:underline;
}




.container {
	position: relative;
	text-align: center;
	color: white;
  }
  
.centered {
	position: absolute;
	top: 70%;
	width: 90%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.centered p{
	font-size: 12px;
	color: #FFF;
	text-shadow: 2px 0 0 rgba(25,25,230,.8), -2px 0 0 rgba(25,25,230,.8), 0 2px 0 rgba(25,25,230,.8), 0 -2px 0 rgba(25,25,230,.8), 1px 1px rgba(25,25,230,.8), -1px -1px 0 rgba(25,25,230,.8), 1px -1px 0 rgb(25, 25, 230,.8), -1px 1px 0 rgba(25,25,230,.8);
   	margin-bottom: 25%;
}
  
.oshirase-outer {

	padding: 20px;
	padding-bottom: 30px;
}

#main-inner #oshirase{
	width: 100%;
	padding-left: 0%;
	padding-bottom: 20px;
	position: relative;
	text-align: center;
}

#main-inner #oshirase li{
	border-bottom:1px dotted #666;
	list-style:none;
	padding:3px;
	text-align: left;
}
#main-inner #oshirase a{
	color:#000;
	text-decoration:none;
  }
#main-inner #oshirase  span{
	background-color:#22ad49;
	border-radius:2px;
	color:#fff;
	font-size: 12px;
	display:inline-block;
	padding-left:2px;
	padding-right: 2px;
  }
#main-inner #oshirase time{
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
  }
#main-inner #oshirase p{
	color:#1c448d;
	display: inline-block;
	text-decoration:underline;
	font-size: 12px;
	cursor: pointer;
  }

#main-inner #oshirase .oshirase-text{
   color:rgb(10, 10, 10);
   font-weight: 500; 
   text-decoration: none;
   margin-left: 9%;
}

#main-inner #oshirase .hide{
   color: rgb(34, 173, 73);
   margin-left: 10%;
}

#main-inner #oshirase .new::after{
	content:"NEW";
	color: #d10606;
	font-size: 12px;
	border: 1px solid #d10606;
	padding: 2px 4px;
	margin: 0 0 0 5px;
	display: inline-block;
	line-height: 1;
}

#main-inner .oshirase-outer h3 {
   font-size:20px;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color:#412710;
	background:url(../images/common/h3_bg.html) left center no-repeat;
	background-size:40px;
	padding:10px 10px 10px 20px;
	padding-left:45px;
	margin-bottom:20px;
}

  

   
main .container-inside-clinic {
	position: relative;
	text-align: center;
	color: wrgb(196, 173, 173);
	background: #f9f8e6;
}

main .container-inside-clinic .top-left {
	position: absolute;
	font-size: 30px;
	top: 45%;
	left: 35%;
	transform: translate(-50%, -50%);
}

main .container-inside-clinic .bottom-left {
	position: absolute;
	font-size: 30px;
	top: 95%;
	left: 32%;
	transform: translate(-50%, -50%);
}

main .container-inside-clinic .top-right {
	position: absolute;
	font-size: 30px;
	top: 45%;
	left: 75%;
	transform: translate(-50%, -50%);
}

main .container-inside-clinic .bottom-right {
	position: absolute;
	font-size: 30px;
	top: 95%;
	left: 75%;
	transform: translate(-50%, -50%);
}
main .container-inside-clinic .bottom-right p, .bottom-left p, .top-left p, .top-right p{
	font-size: 14px;
}
  

  main .container-button-taisetsu {
	position: relative;
	text-align: center;
	background: #f9f8e6;
}

main .container-button-taisetsu .centered {
	position: relative;
	text-align:center;
}

main .container-button-taisetsu .centered a{
	margin:0 auto;
	display:inline-block;
	padding:10px 20px;
	background:#22ad49;
	border:1px solid #22ad49;
	border-radius:20px;
	color:#fff;
	margin-top: 35px;
	text-decoration:none;
}

main .container-button-taisetsu .centered a:hover{
	color:#22ad49;
	background:#fffbfa;
	border:1px solid #22ad49;
}



#wideslider{
	margin-bottom:0px;
	box-shadow:0 10px 15px #eee;
}

.wideslider{
	z-index:1;
	position:relative;
}

.wideslider figure{
	position:relative;
	overflow: hidden;
	width:100%;
	margin:0;
}

.wideslider figure .epark{
	position: absolute;
	bottom:20px;
	right:40px;
	z-index:100;
}

.wideslider figcaption{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height:60px;
	background: rgba(0,0,0,.5);
	-webkit-transition: .3s;
	transition: .3s;
	font-size:200%;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:20px;
	padding-right:10px;
	color:#fff;
	text-align:center;
}

.wideslider figure:hover figcaption{
	bottom: 0;
}

.wideslider {
	width: 100%;
	text-align: left;
	position: relative;
	overflow: hidden;
	margin-bottom:0;
}


.wideslider ul,
.wideslider ul li {
	float: left;
	display: inline;
	overflow: hidden;
}

.wideslider ul li img {
	width: 100%;
	display: none;
}

.wideslider_base {
	top: 0;
	position: absolute;
}
.wideslider_wrap {
	top: 0;
	position: absolute;
	overflow: hidden;

}

.wideslider .slider_prev,
.wideslider .slider_next {
	top: 0;
	overflow: hidden;
	position: absolute;
	z-index: 100;
	cursor: pointer;
	/*filter:alpha(opacity=0)!important;
	-moz-opacity: 0!important;
	opacity: 0!important;*/
}

.slider_prev {background: #ffffff url(../images/index/prev.png) no-repeat right center;}
.slider_next {background: #ffffff url(../images/index/next.png) no-repeat left center;}

.pagination {
	bottom: 10px;
	left: 0;
	width: 100%;
	height: 15px;
	text-align: center;
	position: absolute;
	z-index: 200;
}

.pagination a {
	margin: 0 5px;
	width: 10px;
	height: 10px;
	border-radius:10px;
	display: inline-block;
	overflow: hidden;
	background: #fff;
}
.pagination a.active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}




.wideslider ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.wideslider ul {
	display: inline-block;
	overflow: hidden;
}



main .syncer-acdn-faq{
	margin: 0;
}

main .syncer-acdn-faq dt ,
main .syncer-acdn-faq dd{
	margin: 0;
	padding: 0;
}

main .syncer-acdn-faq dt:hover{
	cursor: pointer ;
	color: #22ad49 ;
}

main .syncer-acdn-faq dt{
	font-size:16px;
	
	color:#333;
	margin-bottom:10px;
	display:flex;
}

/*
main .syncer-acdn-faq dt::first-letter{
	font-size:30px;
	font-weight:nomal;
	color:#22ad49;
}
*/

main .syncer-acdn-faq dt i{
	font-size:30px;
	font-weight:nomal;
	color:#22ad49;
	display:block;
	width:50px;
	box-sizing:border-box;
}

main .syncer-acdn-faq dd{
	display: none ;
	font-size:16px;
	border:1px solid #ccc;
	background:#fafafa;
	padding:20px;
	margin-bottom:20px;
}

main .syncer-acdn-faq dd p:last-child{
	margin-bottom:0;
}

/*================================================
　レイアウト設定 
================================================*/

#container{
	width:100%;
	text-align:center;
}

#container-inner{
	width:100%;
	line-height:100%;
	margin:0 auto;
	
}




header{
	width:100%;
	text-align:center;
	margin-bottom:0px;
	padding-bottom: 10px;
	background:#f9f8e6;
	
}

header .top_line{
	text-align:left;
	color:#22ad49;
	
	height:3px;
	width: 100%;
	
	font-weight:normal;
	text-align:center;
	background:#22ad4988;
}

header #header-logo{
	display: flex;
   align-items: center;
   justify-content: center;
   padding-right: 30px;
}

header #header-logo p {
   margin-top: 8px;
   font-size: 18px;
   color: #22ad49;
   font-weight: 550;
   font-family: "hkreing";
   text-align: center;
}

/* header #header-logo a span{
   font-family: "a-otf-gothic-bbb-pr6n", "ヒラギノ角ゴ Pro W3";
   font-weight: 550;
   font-size: 14px;
} */

header #header-logo a{
	font-family: "a-otf-gothic-bbb-pr6n", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	text-decoration:none;
   text-align:center;
   display: flex;
   margin-left: 40px;
}

/* header #header-logo a img {
   width: 40px;
   height: 40px;
} */

header #header-content{
	color:#000;
	text-align:center;
	
}

header #header-content p{
	font-size:14px;
	line-height:1.2em;
	color:#000;
	background:none;
}


header #header-content .tel{
	font-size:26px;
	line-height:1em;
	color:#000;
	background:none;
	text-align:center;
	
}

header #header-content .tel i{
	font-size:26px;
	color:#22ad49;
	margin-right:5px;
}

header #header-content .phonelink{
	font-size:26px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
	line-height:1em;
	color:#22ad49;
	margin-bottom:5px;
}

header #header-content .phonelink a{
	color:#333;
	text-decoration:none;
}

header #header-linkbtn{
	font-size: 12px;
	align-self: center;
	color: #1201D6; 
	font-weight: 700;
   display: flex;
   flex-direction: column;
   text-align: center;
}

header #header-linkbtn a{
   color: #CA2F2F;
   border: 1px solid #CA2F2F;
   border-radius: 5px;
   font-size: 11px;
   text-decoration: none;
   align-self: center;
   margin-top: 5px;
}

header #header-linkbtn a:hover{
   color: #FFF;
   border: 1px solid #22ad49;
   background-color: #22ad49;
}

header #header-linkbtn i{
   padding: 0 3px;
}

header #header-lineicon{
	font-size: 12px;
	align-self: center;
	color:#000;
}

header #header-lineicon div{
	margin-top: 25px;
}

header #header-email {
	display: flex;
	flex-direction: column;
	font-size: 12px;
	font-weight: 700;
	padding: 10px 0;
}

header #header-email span {
	color: #22ad49;
}

header #header-email a{
	color:#CBBB44;
}

header #header-qrcode span {
   display: none;
}

#gnavi{
	display:none;
}

.gnavi2,
#gnavi2{
	display:none;
}



/*
.btnMenu{
	position:fixed;
	top:10px;
	right:5px;
	width:60px;
	height:60px;
	text-align:center;
	background:rgba(255,255,255,0.8);
	border-radius:50%;
	font-size:1.2rem;
	line-height:1em;
	color:#22ad49  ;
}


.btnMenu i{
	padding-top:10px;
	font-size:2.5rem;
	line-height:1em;
}
*/

#sp_gnavi{
	margin-bottom:0;
	position:fixed;
	top:0;
	right:0;
	width:100%;
	z-index:999;
}

#sp_gnavi .slideMenu{
	position:fixed;
	top: 0;
	left: -250px;
	z-index: 1;
	width: 250px;
	height: 100%;
	background-color: #333;
	text-align: center;
	overflow: auto;
	background-color: #333; 
}

#sp_gnavi .slideMenu li a{
	display:block;
	font-size:1.6rem;
	line-height:1.5em;
	
	text-align:left;
	background:#fff url(../images/common/yajirushi-r.html) 15px center no-repeat;
	background-size:6px 10px;
	padding:10px 3px;
	padding-left:10px;
	color:#000;
	border-top:1px solid #ccc;
	text-decoration:none;
}

#sp_gnavi .slideMenu li a span{
	display:block;
	font-size:1.2rem;
	line-height:1.5em;
	text-align:left;
	color:#22ad49;
}

#sp_gnavi .slideMenu li.title a i{
	display:none;
}

#sp_gnavi .slideMenu li a i{
	color:#22ad49;
	margin-right:5px;
}

#sp_gnavi .slideMenu li a:hover{
	color:#fff;
	background:#22ad49;
	text-decoration:none;
}

#sp_gnavi .slideMenu li a:hover span{
	color:#fff;
}

#sp_gnavi .slideMenu li a:hover i{
	color:#fff;
}

#sp_gnavi .slideMenu li a.btnClose{
	background:#333;
	color:#fff;
	text-align:left;
	padding-left:10px;
}


#sp_gnavi .shade{
    position: fixed;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    cursor: pointer;
    background-color: #333;
    background-color: rgba(0,0,0,.7);
}




#content{
	text-align:center;
	width:100%;
	margin-bottom:0px;
}

#content-inner {
	width:90%;
	margin:0 auto;
	text-align:left;
}

#content h1{
	font-size:25px;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color:#615644;
	text-align:center;
	text-shadow:0 0 10px #fff;
	
	
	background-size:cover;
	padding:35px 0;
	box-sizing:border-box;
	
	
}



main h1{
	font-size:40px;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color:#615644;
	text-align:center;
	
	
	padding:20px 0 20px;
	box-sizing:border-box;
	margin-bottom:10px;
}

main h2{
	font-size:22px;
	line-height:1.2em;
	
	font-family: Arial, Helvetica, sans-serif;
	color:#000;
	background:#fff url(../images/common/h2_bg.png) left bottom repeat-x;
	margin-bottom:20px;
	padding-bottom: 10px;
}

main h3{
	font-size:20px;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color:#412710;
	background:url(../images/common/h3_bg.html) left center no-repeat;
	background-size:40px;
	padding:10px 10px 10px 20px;
	padding-left:45px;
	margin-bottom:20px;
}

main h4{
	font-size: 18px;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
   
   color: #22ad49;
	background: #f8f7f2;
	padding: 5px 10px;
	margin-bottom: 20px;
	border-left: 5px solid #412710;
	box-shadow: 2px 2px 5px #ccc;
}

main h5{
	font-size:18px;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	background:#ff98a4;
	padding:5px 10px 5px 20px;
	border-bottom:2px solid #22ad49;
	margin-bottom:20px;
}

main h6{
	font-size:18px;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	margin-bottom:10px;
}






#content #side1{
	display:none;
}

#side2{
	display:none;
}



nav#footer-navi{
	background:#c7b170;
	width:100%;
	margin-bottom:0;
}

nav#footer-navi #footer-navi-inner{
	text-align:left;
	padding:10px;
}

nav#footer-navi #footer-navi-inner .box i{
	color:#7c6135;
	margin-right:5px;
}

nav#footer-navi #footer-navi-inner .box p{
	font-size:18px;
	font-weight:bold;
	color:#fff;
	margin-top:15px;
	margin-bottom:5px;
}

nav#footer-navi #footer-navi-inner .box p a{
	color:#fff;
	text-decoration:underline;
}

nav#footer-navi #footer-navi-inner ul{
	list-style:none;
	margin:0;
}

nav#footer-navi #footer-navi-inner ul li{
	font-size:120%;
	line-height:1em;
	letter-spacing:-0.1em;
	background:#fff;
	margin-bottom:5px;
	position:relative;
}

nav#footer-navi #footer-navi-inner ul li.nolink{
	display:block;
	background:#fff url(../images/common/footer_navi_bg%402x.html) 7px center no-repeat;
	background-size:15px;
	color:#333;
	text-decoration:none;
	padding:10px 5px;
	padding-left:20px;
}

nav#footer-navi #footer-navi-inner ul li.title{
	display:block;
	background:#c7b170 url(../images/common/footer_navi_bg%402x.html) 7px center no-repeat;
	background-size:15px;
	color:#333;
	text-decoration:none;
	padding:10px 5px;
	padding-left:20px;
}

nav#footer-navi #footer-navi-inner ul li i{
	position:absolute;
	right:10px;
	top:10px;
}

nav#footer-navi #footer-navi-inner ul li a{
	display:block;
	background:#fff url(../images/common/footer_navi_bg%402x.html) 7px center no-repeat;
	background-size:15px;
	color:#333;
	text-decoration:none;
	padding:10px 5px;
	padding-left:20px;
}

nav#footer-navi #footer-navi-inner ul li a:hover{
	background:#e5f6fe url(../images/common/footer_navi_bg%402x.html) 10px center no-repeat;
	background-size:15px;
	color:#077bc5;
	text-decoration:none;
}


nav#footer-navi #footer-navi-inner ul.subnavi{
	background:#fff;
	margin-bottom:5px;
}

nav#footer-navi #footer-navi-inner ul.subnavi li{
	font-size:80%;
	line-height:1em;
	background:#fff;
	margin-bottom:0px;
}

nav#footer-navi #footer-navi-inner ul.subnavi li a{
	display:block;
	background:#fff url(../images/common/footer_subnavi_bg%402x.html) 15px center no-repeat;
	background-size:10px;
	color:#077bc5;
	text-decoration:none;
	padding:10px;
	padding-left:30px;
}

nav#footer-navi #footer-navi-inner ul.subnavi li a:hover{
	background:#e5f6fe url(../images/common/footer_subnavi_bg%402x.html) 15px center no-repeat;
	background-size:10px;
	color:#077bc5;
	text-decoration:none;
}



nav#pagenavi{
	background:#fff;
	border-top:3px dotted #999;
	border-bottom:3px dotted #999;
	border-radius:0px;
	padding:10px;
	margin-bottom:10px;
}

nav#pagenavi h4{
	background:none;
	font-size:120%;
	line-height:1.5em;
	min-height:20px;
	color:#333;
	margin-bottom:10px;
	padding-left:0px;
}

nav#pagenavi ul{
	list-style:none;
}

nav#pagenavi ul li{
	font-size:100%;
	line-height:1.5em;
	text-align:left;
	float:left;
}

nav#pagenavi ul li a{
	background:url(../images/common/side1_navi1_sub%402x.html) left 6px no-repeat;
	background-size:10px;
	display:block;
	min-height:20px;
	padding-right:0px;
	padding-left:20px;
	text-decoration:none;
	color:#333;
}

nav#pagenavi ul li a:hover{
	color:#077bc5;
	background:#e5f6fe url(../images/common/side1_navi1_sub%402x.html) left 6px no-repeat;
	background-size:10px;
}



footer{
	font-family: Arial, Helvetica, sans-serif;
	width:100%;
	
	background: #f9f8e6;
	color:#333;
	border-top:1px solid #f8f7f2;
	padding:20px 0 0;
	box-sizing:border-box;
}

footer #footer-inner{
	width:94%;
	margin:0 auto;
	text-align:center;
	position:relative;
}

footer h4{
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	text-align:left;
	margin-bottom:10px;
}



footer #footer_info{
	text-align:center;
}

footer #footer_info .box{
	padding:10px;
	box-sizing:border-box;
}

footer #footer_info .box_map{
	padding:0px;
	box-sizing:border-box;
	width:100%;
}

footer #footer_info .box_map iframe{
	width:100%;
}

footer #footer_info .box a{
	color:#333;
	text-decoration:underline;
}

footer #clinicinfo .box a:hover{
	color:#22ad49;
	text-decoration:underline;
}



footer #footer_info .box_clinic .logo{
	text-align:center;
	margin-bottom:20px;
}

footer #footer_info .box_clinic .logo img{
	width:80%;
}

footer #footer_info .box .address{
	font-size:14px;
	text-align:center;
}



footer #footer_info .box_clinic .tel{
	margin-bottom:20px;
}

footer #footer_info .box_clinic .tel i{
	font-size:30px;
	color:#22ad49;
}

footer #footer_info .box_clinic .tel span.phonelink {
	font-size:30px;
	font-weight:normal;
	line-height:1em;
	letter-spacing:0.05em;
	background:none;
	color:#22ad49;
	text-decoration:none;
}

footer #footer_info .box_clinic .tel span.phonelink a{
	font-size:30px;
	font-weight:normal;
	line-height:1em;
	letter-spacing:0.05em;
	background:none;
	color:#22ad49;
	text-decoration:none;
}



footer #footer_info .box_clinic .fax{
	font-size:20px;
	color:#000;
	display:none;
}

footer #footer_info .box_clinic .fax i{
	color:#000;
	margin-right:5px;
}

footer #footer_info .box_clinic .email{
	display: flex;
	flex-direction: column;
	padding-bottom: 10px;
}

footer #footer_info .box_clinic .email span{
	color: #22ad49;
}

footer #footer_info .box_clinic .email a{
	color:#CBBB44;
	font-weight: 700;
}

footer #footer_info .box_clinic .mail{
	display:inline-block;
	display:none;
	margin:0 auto;
	margin-bottom:20px;
}

footer #footer_info .box_clinic .mail a{
	font-size:18px;
	display:block;
	padding:10px 20px;
	text-decoration:none;
	border:1px solid #22ad49;
	border-radius:20px;
	color:#fff;
	background:#22ad49;
}

footer #footer_info .box_clinic .mail a:hover{
	border:1px solid #22ad49;
	background:#fff;
	color:#22ad49;
}



footer #footer_info .box_clinic table[title="診療時間"]{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:100%;
	margin-bottom:10px;
}

footer #footer_info .box_clinic table[title="診療時間"] th{
	font-size:14px;
	font-weight:normal;
	line-height:1.5em;
	text-align:center;
	color:#fff;
	background:#645140;
	border-bottom:1px solid #000;
}

footer #footer_info .box_clinic table[title="診療時間"] td{
	font-size:14px;
	font-weight:normal;
	line-height:1.5em;
	text-align:center;
	vertical-align:middle;
	color:#645140;
	background:#fff;
	border-bottom:1px solid #000;
}

footer #footer_info .box_clinic table[title="診療時間"] td:last-child{
	width:15%;
}


footer #footer_info .box_clinic table[title="診療時間"] + p{
	font-size:14px;
	text-align:left;
}



#footer-tel{
	width:100%;
	text-align:center;
	position:fixed;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	padding:5px 0 0px;
}

#footer-tel p{
	width:95%;
	margin:0 auto;
	text-align:center;
	font-size:1.6rem;
	line-height:1.5em;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
}

#footer-tel p:first-child{
	margin-bottom:5px;
}

#footer-tel ul{
	display:block;
	width:100%;
	list-style:none;
	display:flex;
}

#footer-tel ul li{
	width:35%;
	
}

#footer-tel ul li:first-child{
	width:30%;
}

#footer-tel ul li:first-child a{
	box-sizing:border-box;
}

#footer-tel ul li a{
	display:block;
	width:100%;
	border:1px solid #fff;
	padding-top:12px;
	box-sizing:border-box;
	height: 100%;
	background:#22ad49;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
	font-weight:bold;
	line-height:1em;
	color:#fff;
   text-decoration:none;
}

#footer-tel i{
	font-size:20px;
}

#footer-tel ul li.btnMenu{
	display:block;
	border:1px solid #fff;
	padding:12px 0;
	box-sizing:border-box;
	
	background:#22ad49;
	font-size:14px;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing:0.05em;
	font-weight:bold;
	line-height:1em;
	color:#fff;
	text-decoration:none;
	
}




footer #footer-copyright{
	text-align:center;
	display: none;
	font-size:12px;
	color: #fff;
	padding: 10px 0 80px;
	box-sizing: border-box;
	background: #22ad49;
}


/*================================================
　トップページ
================================================*/

#index #gnavi {
	margin-bottom:0;
}

#index #content {
	width:100%;
	margin-bottom:0;
}

#index #content-inner {
	width:100%;
}

#index main{
	width:100%;
	float:none;
	text-align:center;
}

#index main #main-inner {
	width:100%;
	text-align:center;
}

#index main #main-inner .inner{
	width:94%;
	margin:0 auto;
	text-align:left;
}



#index main #index_catchcopy{
	font-family: Arial, Helvetica, sans-serif;
	background:url(../images/index/con01_bg.jpg) right bottom no-repeat;
	background-size:cover;
	padding:30px 0;
	box-sizeing:border-box;
	margin-bottom:0;
}

#index main #index_catchcopy p{
	font-size:17px;
	letter-spacing:-0.05em;
	font-family: Arial, Helvetica, sans-serif;
	line-height:1.5em;
	text-align:center;
	margin-bottom:30px;
}



#index main #content02{
	font-family: Arial, Helvetica, sans-serif;
	background:#fff;
	line-height:1.5em;
	padding:30px 0;
	box-sizeing:border-box;
	margin-bottom:0;
}

#index main #content02 h2{
	font-size:18px;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	text-align:center;
	border:none;
	background:none;
}

#index main #content02 h2 span{
	color:#22ad49;
	font-size: 15px;
}

#index main #content02 h2 strong{
	font-size:36px;
	line-height:1.2em;
	color:#333;
	display:block;
}

#index main #content02 span.close{
	display:inline-block;
	width:22px;
	background:#ffe6e6;
	color:#ffe6e6;
	margin-right:5px;
}

#index main #content02 .calendar{
	display:block;
}

#index main #content02 .calendar div{
	width:100%;
	font-size: 25px;
	padding: 4px;
	color: #22ad49;
}

#index main #content02 .calendar table{
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	width:100%;
	margin-bottom:30px;
}

#index main #content02 .calendar table th{
	font-size:14px;
	font-weight:normal;
	line-height:1.5em;
	text-align:center;
	color:#fff;
	background:#22ad49;
	border:1px solid #000;
}

#index main #content02 .calendar table td{
	font-size:14px;
	font-weight:normal;
	line-height:1.5em;
	text-align:center;
	vertical-align:top;
	color:#645140;
	background:#fff;
	border:1px solid #666;
	height:50px;
}

#index main #content02 .calendar table td.close{
	font-size:14px;
	font-weight:normal;
	line-height:1.5em;
	text-align:center;
	color:#aaa;
	background:#d4cdcd;
}

#index main #content02 .calendar table td.close a{
   pointer-events: none;
   cursor: default;
 }
 
 #index main #content02 .calendar table td.lastDay{
    opacity: 0.6;
 }

#index main #content02 .calendar table td.toDay{
	color:#645140;
   background:#7bc991;
}

#index main #content02 .calendar a{
   text-decoration: none;
}

#index main #content02 .calendar table + p{
	font-size:14px;
	text-align:left;
}

#index main #content02 .inner p span{
   margin-left: 10px;
}



#index main #content03{
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	background:#6bb070 ; 
	padding:30px 0;
	box-sizing:border-box;
	margin-bottom:0;
}

#index main #content03 div{
	font-size: 18px;
	color: #fff;
	margin-top: -20px;
	margin-bottom: 15px;
}

#index main #content03 .inner{
	display:flex;
	flex-wrap:wrap;
}

#index main #content03 h2{
	font-size:40px;
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	text-align:center;
	border:none;
	background:none;
}

#index main #content03 .inner p{
	width:40%;
	text-align:center;
	margin:0 auto;
	margin-bottom:20px;
}

#index main #content03 .inner p a:hover{
	color:#ff8a00;
}

#index main #content03 .inner p a{
	width:100%;
	height:100%;
	display:block;
	font-size:22px;
	color:#fff;
	text-align:center;
	text-decoration:none;
}

#index main #content03 .inner p a:first-child{
	font-size:16px;
}

#index main #content03 .inner p a img{
	width:100%;
	display:block;
	margin-bottom:10px;
	border-radius:50%;
}

#index main #content03 .inner p a:hover img{
	box-shadow:0 0 20px #ff8a00;
	border-radius:50%;
}

#index main #content04 {
   width: 100%;
   background: #6bb070;
   margin-bottom: -30px;
   padding-bottom: 60px;
}

#index main #content04 a {
   margin: 2%;
   align-items: center;
}

#index main #content04 .box {
   text-align: center;
   display: flex;
      width: 100%;
   align-items: center;
   justify-content: center;
   
}

#index main #content04 p {
   text-align: center;
   width: 84%;
   margin: 0 8%;
   color: #FFF;
   border-bottom: 1px solid #FFF;
   font-size: 28px;
}

#index main #content04 button {
  position: relative;
  display: inline-block;
  cursor: pointer;
  outline: none;
  border: 0;
  vertical-align: middle;
  text-decoration: none;
  font-size: inherit;
  font-family: inherit;
}

#index main #content04 button.box-linkbtn {
   padding: 0.1em 1em;
   border: 2px solid #5153cf;
   border-radius: 0.75em;
   font-weight: 300;
   font-size: .65em;
   color: #382b22;
   text-transform: uppercase;
   background: #5f67da;
   -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -o-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -ms-transform-style: none;
   transition: .15s cubic-bezier(0, 0, .6, 1);
   color: #FFF;
 }
 
 #index main #content04 button.box-linkbtn::before {
   content: '';
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   width: 100%;
   height: 100%;
   border-radius: inherit;
   background: #8fadee;
   -webkit-box-shadow: 0 0 0 2px #5153cf, 0 .625em 0 0 #7aa5da;
  -moz-box-shadow: 0 0 0 2px #5153cf, 0 .625em 0 0 #7aa5da;
  -o-box-shadow: 0 0 0 2px #5153cf, 0 .625em 0 0 #7aa5da;
  box-shadow: 0 0 0 2px #5153cf, 0 .625em 0 0 #7aa5da;
  -ms-box-shadow: 0 0 0 2px #5153cf, 0 .625em 0 0 #7aa5da;
  -webkit-transform: translate3d(0, .75em, -1em);
  -moz-transform: translate3d(0, .75em, -1em);
  -o-transform: translate3d(0, .75em, -1em);
  transform: translate3d(0, .75em, -1em);
  -ms-transform: translate3d(0, 2em, 0em);
   transition: .15s cubic-bezier(0, 0, .6, 1);
 }
 
 #index main #content04 button.box-linkbtn:hover {
   background: #5f67da;
   -webkit-transform: translate(0, .25em);
  -moz-transform: translate(0, .25em);
  -o-transform: translate(0, .25em);
  transform: translate(0, .25em);
 }
 
 #index main #content04 button.box-linkbtn:hover::before {
   -webkit-box-shadow: 0 0 0 2px #5153cf, 0 .5em 0 0 #7aa5da;
	-moz-box-shadow: 0 0 0 2px #5153cf, 0 .5em 0 0 #7aa5da;
	-o-box-shadow: 0 0 0 2px #5153cf, 0 .5em 0 0 #7aa5da;
	box-shadow: 0 0 0 2px #5153cf, 0 .5em 0 0 #7aa5da;
  -ms-box-shadow: 0 0 0 2px #5153cf, 0 .5em 0 0 #7aa5da;
  
  -webkit-transform: translate3d(0, .5em, -1em);
  -moz-transform: translate3d(0, .5em, -1em);
  -o-transform: translate3d(0, .5em, -1em);
  transform: translate3d(0, .5em, -1em);
  -ms-transform:translate3d(0, .75em, -1em) translate(0, .25em) translate3d(0, .5em, -1em);
 }
 
 #index main #content04 button.box-linkbtn:active {
   background: #5f67da;
   -webkit-transform: translate(0, 75em);
  -moz-transform: translate(0, 75em);
  -o-transform: translate(0, 75em);
  transform: translate(0, .75em);
 }
 
 #index main #content04 button.box-linkbtn:active::before {
   box-shadow: 0 0 0 2px #5153cf, 0 0 #7aa5da;
  -moz-box-shadow: 0 0 0 2px #5153cf, 0 0 #7aa5da;
  -o-box-shadow: 0 0 0 2px #5153cf, 0 0 #7aa5da;
  -webkit-box-shadow: 0 0 0 2px #5153cf, 0 0 #7aa5da;
  -ms-box-shadow: 0 0 0 2px #5153cf, 0 0 #7aa5da;

  -moz-transform: translate3d(0, 0, -1em);
  -o-transform: translate3d(0, 0, -1em);
  -webkit-transform: translate3d(0, 0, -1em);
  transform: translate3d(0, 0, -1em);
  -ms-transform:translate3d(0, .75em, -1em) translate(0, .25em) translate3d(0, .5em, -1em) translate(0, 75em) translate3d(0, 0, -1em);
 }




#index main #index_news{
	text-align:center;
	background:#fff;
	padding:30px 0;
	box-sizing:border-box;
}

#index main #index_news h2{
	font-size:30px;
	font-family: Arial, Helvetica, sans-serif;
	color:#22ad49;
	color:#333;
	text-align:center;
	border:none;
}

#index main #index_news h2 i{
	color:#22ad49;
}

#index main #index_news .inner{
	text-align:center;
}

#index main #index_news dl{
	text-align:left;
}

#index main #index_news dt{
	margin-bottom:10px;
}

#index main #index_news dt i{
	color:#22ad49;
	margin-right:5px;
}

#index main #index_news dd{
	margin-bottom:20px;
}

#index main #index_news dd a{
	color:#333;
	text-decoration:none;
}

#index main #index_news dd a:hover{
	color:#22ad49;
	text-decoration:none;
}

#greeting main h2.name{
	font-size:30px;
	line-height:1em;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	margin-top:30px;
}

#greeting main h2.name span{
	font-size:20px;
	color:#333;
	margin-right:10px;
}

#greeting main h2.name b{
	color:#22ad49;
}

#greeting main .status{
	display:flex;
}

#greeting main .status > div{
	width:50%;
}

#greeting main #staff_other .box{
	border:2px solid #ccc;
	border-radius:10px;
	background:#f8f7f2;
	padding:20px;
	margin-top:10px;
}

@media screen and (max-width:567px){
#greeting main h2.name{
	font-size:30px;
	line-height:1em;
	font-family: Arial, Helvetica, sans-serif;
	color:#333;
	margin-top:30px;
	text-align:center;
}

#greeting main h2.name span{
	font-size:20px;
	color:#333;
	margin-right:10px;
	display:block;
}

#greeting main .status{
	display:block;
}

#greeting main .status > div{
	width:100%;
}

}


#news main ul li{
	font-size:16px;
	line-height:1.2em;
	margin-bottom:10px;
	background:url(../images/common/li_arrow_001%402x.png) no-repeat;
	background-size:10px;
	background-position:0 5px;
	padding-left:25px;
}


#news main ul li a{
	color:#333;
	text-decoration:none;
}

#news main ul li a:hover{
	color:#22ad49;
	text-decoration:underline;
}

#general main .tel{
	text-align:center;
}

#general main .tel a{
	font-size:30px;
	color:#666;
	text-decoration:none;
}

#general main .tel i {
	font-size:30px;
	color:#22ad49;
	text-decoration:none;
}

main .meta{
	font-size:12px;
	text-align:right;
}


#question .entrybody,
#column .entrybody{
	margin-bottom:50px;
}

#question .entrybody .meta,
#column .entrybody .meta{
	font-size:12px;
	text-align:right;
	color:#ccc;
}

#question aside,
#column aside{
	background:#f5f5f5;
	padding:20px;
}

#question aside ul,
#column aside ul{
	margin-left:15px;
}

@media screen and (min-width:567px) and (max-width:768px){
   #index main #content04 button.box-linkbtn {
	  padding: 0.3em 3.5em;
	  font-size: .7em;
    }

    .centered p{
      font-size: 18px;
	}

	#index main #content03 .inner p{
		width:15%;
		margin-bottom:-20px;
	}

	#index main #content03 .inner p a:first-child{
		font-size:14px;
	}

	footer #footer_info .box_map iframe{
		margin-left: 15%;
	}
}

@media screen and (min-width:567px) and (max-width:640px){
	footer #footer_info .box_map iframe{
		margin-left: 5%;
	}
}

@media screen and (max-width:374px) {
	.centered p{
		font-size: 10px;
	  }
}