body{
font-family:游ゴシック体, YuGothic, 游ゴシック, "Yu Gothic", メイリオ, sans-serif;
line-height: 1.6;
overflow-x: hidden; 
}
.futoji{
font-weight: bold;
}
a{
color: black;
}
.container00{
height: 20px;
background: rgba(5, 163, 216, 0.1);
text-align: right;
font-size: 70%;
color: #0c7a9e;
padding-top: 4px;
padding-right: 4px;
}
/*ボタン*/
.arrow_btn {
display: inline-block;
position: relative;
width: auto;
padding: 8px 40px;
text-align: center;
text-decoration: none;
color: #0c7a9e;
background: linear-gradient(#fff 50%, #eee);
border-radius: 10px;
border:1px solid #0c7a9e;
transition: transform ease .3s;
font-size: 80%;
margin: 8px 0 20px 0;
}
.arrow_btn:hover {
cursor: pointer;
text-decoration: none;
background: rgba(5, 163, 216, 0.2);	/*背景色*/
border:1px solid #0c7a9e;
color: #0c7a9e;
position: relative;
left: 1px;	/*マウスオン時い左から1pxずらす*/
}
.arrow_btn span {
display: inline-block;
text-decoration: none;	
transition: transform ease .3s;
}
.arrow_btn:hover span{
cursor: pointer;
text-decoration: none;
transform: translateX(6px);
}
/*見出し*/
h2{
padding: 10px 20px;
color: #fff;
font-weight: bold;
background: #0c7a9e;
-webkit-box-shadow: 2px 2px 0 #eee;
box-shadow: 2px 2px 0 #eee;
border-radius: 50px;
margin: 10px 0;
font-size: 120%;
}
h3{
font-size: 25px;
color: #0c7a9e;
font-weight: bold;
text-align: center;
margin-bottom: 30px;display: flex;
align-items: center;
}
h3:before,
h3:after {
content: "";
height: 2px;
background-color: #0c7a9e;
flex-grow: 1;
}
h3:before {
margin-right: 1rem;
}
h3:after {
margin-left: 1rem;
}
.topcal {
position: relative;
display: inline-block;
margin:0 0 -10px -20px;
padding: 6px 13px;
color: #0c7a9e;
border-radius: 0 50px 50px 0;
background: linear-gradient(#fff 50%, #eee);
-webkit-box-shadow: 3px 3px p4x rgba(0, 0, 0, .2);
box-shadow: 3px 3px 5px rgba(0, 0, 0, .2);
border: 0.1px solid #eee;
width: 80%;
top:-20px;
}
.topcal:before {
position: absolute;
bottom: -10px;
left: 0;
width: 0;
height: 0;
content: '';
border-top: 10px solid #0c7a9e;
border-left: 10px solid transparent;
 }
h5{
padding: 4px 0 0px 10px;
border-bottom: solid 2px forestgreen; 
text-align: left;
color: forestgreen;
font-weight: bold;
font-size: 110%;
 }
h6 {
position: relative;
margin: 1rem -10px;
padding: 1rem 2rem;
background: rgba(5, 163, 216, 0.2);
}
h6:before,
h6:after {
position: absolute;
content: '';
}
 h6:before {
bottom: -10px;
left: 0;
width: 0;
height: 0;
border-top: 10px solid rgba(5, 163, 216, 0.2);
border-left: 10px solid transparent;
}
h6:after {
right: 0;
bottom: -10px;
width: 0;
height: 0;
border-top: 10px solid rgba(5, 163, 216, 0.2);
border-right: 10px solid transparent;
}
.midashi01{
padding: 4px 0 4px 10px;
border-left: 6px solid #6bbf93;
border-bottom: 2px solid #6bbf93;
text-align: left;
color: #6bbf93;
font-weight: bold;
margin-bottom: 15px;
font-size: 125%;
}
.midori{
font-size: 110%;
color: forestgreen;
font-weight: bold;
margin-bottom: 40px;
}
.fukidashi{
position: relative;
padding: 10px;
color: #6bbf93;
border-radius: 10px;
background: #ffdcdd;
font-weight: bold;
display: inline-block;
margin-bottom: 10px;
 }
.fukidashi:after {
position: absolute;
bottom: -9px;
left: 1em;
width: 0;
height: 0;
content: '';
border-width: 10px 10px 0 10px;
border-style: solid;
border-color: #ffdcdd transparent transparent transparent;
 }
.aka{
color: crimson;
}
.ao{
color: #0868C1;
}
.junp{
color: #0868C1;
text-decoration: underline;
}
.kajyougaki{
margin: 15px 0 20px 8px;
line-height: 2;
}
/* TOP画面 */
.container1{
min-height: 300px;	background: #f7f7f7 url("../img/top-01/top01.png") center top/cover no-repeat;
width: 100%;
margin:0 auto;
position: relative;
}
.topss{
display: none;
}
.top{
position: relative;
margin: 0 auto;
}
.toplogo{
display: none;
position: absolute;
left: 2%;
top: 5%;
}
.allground{
background-image: url("../img/renga.jpg");
background-repeat: repeat;
}
/*全体の構成*/
.outbox00{
display: flex;
flex-flow: row;
justify-content: center;
align-items: flex-start;
max-width: 1500px;
margin: 0 auto;
}
.boxleft01{
width: 20%;
padding: 0 0 0 60px;
position: relative;
top: -300px;
}
.boxright02{
width: 76%;
padding: 40px;
}
/* ナビゲーション */
.menu{
width: auto;
text-align: center;
padding-bottom: 20px;
padding-top: 25px;
}
.menu nav ul {
display: flex;
flex-flow: column;
justify-content: center;
margin: 0 auto;
    padding: 3px 7px;
	align-items: stretch;
	flex-wrap: nowrap;
	white-space: wrap;
}
.menubarbtn ul li a{
	display: block;
	color: #0c7a9e;
	font-size: 110%;
	font-weight: bold;
	text-decoration: none;
	background: #fff;	/*背景色（古いブラウザ用）*/
	background: linear-gradient(#fff 50%, #eee);	/*背景色グラデーション*/
	text-align: center;	/*文字をセンタリング*/
	padding: 15px 20px;	/*上下、左右へのメニュー内の余白*/
	margin: 0px 2px 10px;	/*上、左右、下へあけるメニューの外側への余白*/
	border: 2px solid #0c7a9e;	/*枠線の幅、線種、色*/
	border-radius: 15px;	/*角丸のサイズ*/
	line-height: 1.6;		/*行間。少し狭くする。*/
	-webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.2);	/*ボックスの影。右へ、下へ、広げる範囲、rgb指定での色。0,0,0は黒のことで、0.2が透明度20%の事。*/
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2);			/*同上*/
}
/*マウスオン時*/
.menubarbtn ul li a:hover {
	background: rgba(5, 163, 216, 0.2);	/*背景色*/
	position: relative;
	left: 1px;	/*マウスオン時い左から1pxずらす*/
	top: 1px;	/*マウスオン時い上から1pxずらす*/
}
.menubarbtn ul li a.itaganelogo{
	margin-bottom: 100px;
	border: 4px solid #0c7a9e;	/*枠線の幅、線種、色*/
	-webkit-box-shadow: 0px 4px 4px rgba(253, 250, 250, 1);	/*ボックスの影。右へ、下へ、広げる範囲、rgb指定での色。0,0,0は黒のことで、0.2が透明度20%の事。*/
box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
}
.menubarbtn ul li a img{
width:100%;
}
.menubarbtn ul li.linksite{
width: 100%;
margin: 0 auto;
}
.menubarbtn ul li.linksite img{
width:90%;
}
.menubarbtn ul li.linksite a{
display: block;
text-decoration: none;
background: transparent;	/*背景色（古いブラウザ用）*/
border: none;	/*枠線の幅、線種、色*/
border-radius: 10px;	/*角丸のサイズ*/
box-shadow: none;			/*同上*/
padding: 0;	/*上下、左右へのメニュー内の余白*/
}
.menubarbtn ul li.linksite a:hover{
background: transparent;	/*背景色*/
	opacity: 0.7;
}
/*マウスオン時*/
.menubarbtn ul li a:hover {
	background: rgba(5, 163, 216, 0.2);	/*背景色*/
	position: relative;
	left: 1px;	/*マウスオン時い左から1pxずらす*/
	top: 1px;	/*マウスオン時い上から1pxずらす*/
}
.menubarbtn ul li.qr{
	border: 1px solid #eee;
	display: block;
	width: 80%;
	margin:0 auto;
	background: linear-gradient(#fff 50%,#f4f4f4);	/*背景色グラデーション*/
	-webkit-box-shadow: 0px 4px 4px rgba(253, 250, 250, 1);	/*ボックスの影。右へ、下へ、広げる範囲、rgb指定での色。0,0,0は黒のことで、0.2が透明度20%の事。*/
	box-shadow: 0px 2px 4px rgba(0,0,0,0.2);
    padding: 2px;
}
.menubarbtn ul li.qr img{
width:80%;
}
.menubarbtn ul li.qr p{
font-size: 70%;	
padding: 5px;
}
.qrcord{
margin:0 auto;
}
/* conteiner2 */
.container2{
padding: 10px 0;
margin: 0 auto;
width: 90%;
}
.container2 img{
width: 100%;
}
.btnbox{
margin: 0 auto;
text-align: center;
width: 70%;
}
.btnbox img{
width: 100%;
}
.btnbox p{
text-align: right;
margin-top: -8px;
margin-bottom: 15px;
}
.yoyakubtn img:hover{
position: relative;
top: -2px;
}
/* 最新のお知らせ */
.newsbox{
width: 100%;
margin: 20px;
}
/*adminの中*/
/*アコーディオン*/
.accordion-container {
position: relative;
width: 100%;
cursor: pointer;
margin: 0 auto;
color: #0c7a9e;
}
.accordion-container .accordion-title {
display: block;
position: relative;
margin: 0 10px 20px 10px;
padding: 10px;
font-weight: bold;
border: 0.5px dashed #0c7a9e;
background: linear-gradient(#fff 50%, #eee);	/*背景色グラデーション*/
cursor: pointer;
border-radius: 10px;
 }
.accordion-container .accordion-title:hover,
.accordion-container .accordion-title:active,
.accordion-container .content-entry.open .accordion-title {
background: rgba(5, 163, 216, 0.2); 
 }
.accordion-title{
position: relative;
 }
.accordion-title:after {
content: "";
position: absolute;
right: 25px;
top: 38%;
transition: all 0.2s ease-in-out;
display: block;
width: 8px;
height: 8px;
border-top: solid 2px #0c7a9e;
border-right: solid 2px #0c7a9e;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
 }
.accordion-title.open:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 45%;
}
.accordion-content {
display: none;
padding:  0 2em 20px 2em;
color: #01151b;
}
.accordion-content p{
font-size: 90%;
}
/* CSS for CodePen */
.accordion-container {
width: 100%;
margin: 0 auto;
}
/*診療案内*/
.container3{
padding: 10px 0;
margin: 0 auto;
width: 90%;
}
/*表*/
.schedule{
width: 95%;
margin: 0 auto;
} 
.schedule table{
border: solid 1px #0c7a9e;
margin-top: 20px;
}
.schedule table th{
color: #0c7a9e;
padding: 6px 1px;
border-right: #0c7a9e solid 1px;
border-bottom: #0c7a9e solid 1px;	
background: rgba(5, 163, 216, 0.1);
}
.schedule table td {
color: #0c7a9e;
padding: 6px 1px;
border-right: #0c7a9e solid 1px;
border-bottom: #0c7a9e solid 1px;
white-space: pre-line;
}
td.irr {
line-height: 1;
padding: 2px;
vertical-align:middle;
}

.schedule p{
color: #0c7a9e;
font-size: 90%;
text-align: right;
padding-top: 5px;
}
#infotime{
background: linear-gradient(#fff 50%, #eee);
font-size: 110%;
font-weight: bold;
}
.shinryou_hyo01{
width: 95%;
margin: 0 auto;
padding-bottom: 10px;
}
.shinryou_hyo01 img{
width: 100%;
}

/*クリニック概要*/	
.container4{
padding: 20px 0;
margin: 0 auto;
width: 90%;
}
.info01{
width: 90%;
margin: 0 auto;
}
.clinicinfo{
padding: 20px 0 10px 15px;
list-style: disc;
}

.info01sub dt{
width: 85px;
float: left;
margin-bottom: 5px;
font-weight: bold;
list-style: disc;
display: list-item;
}
.info01sub dd{
margin-left: 85px;
margin-bottom: 5px;
}
.info01sub dt::after{
  content: "…"
}
iframe{
width: 80%;
}
#nav-open {
display:none;
}
/*トップページ*/
#pagetop{
position:fixed;
right: -100px;
bottom:-60px;
cursor:pointer;
}
.pagetopbtn img{
width: 50%;
opacity: 0.8;
}
/*footer*/
footer{
background: #E6F6FB;
text-align: center;
padding: 0 0 30px 0;
border-bottom:solid 10px #06789e;
color: #0c7a9e;
}
.footerbtn,.footerbtn33{
display: none;
}
/*.footerbtn{
display: none;
display: flex;
flex-flow: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
white-space: nowrap;
}
.footerbtn02{
display: none;
width: 25%;
}
.footerbtn02 a img{
width: 85%;
}
.footerbtn02 img{
margin-top: 15px;
}
.footerbtn a{
display: inline-block;
transition: all 0.4s ease 0s; 
}
.footerbtn a:hover{
	position: relative;
	left: 1px;	
	top: 1px;	
}
.footerbtn03{
width: 10%;
	padding: 0 20px;
}
.footerbtn03 a img{
width: 100%;
}
.footerbtn03 img{
margin-top: 15px;
}
.footerbtn03 a{
display: inline-block;
transition: all 0.4s ease 0s; 
}
.footerbtn03 a:hover{
	position: relative;
	left: 1px;	
	top: 1px;	
}*/
.footerbox02 img{
width: 17%;
}
.footerbox02 p{
font-size: 80%;
}

/* サイトマップ*/
.sitemap{
margin:0 auto;
width: 80%;
padding-top: 20px;
}
.sitemap nav ul {
display: flex;
flex-flow: row;
justify-content: center;  
padding: 0 0 6px 0;
align-items: stretch;
flex-wrap: wrap;
white-space: wrap;
}
.sitemap nav ul li{
padding: 0 10px;
}
.sitemap nav ul li a {
display: flex;
align-items: center;
}
.sitemap nav ul li a dd {
font-weight: bold;
color: #0c7a9e;
font-size: 80%;
border-bottom: 1px dashed #0c7a9e;
}
.sitemap nav ul li a {
position: relative;
display: inline-block;
text-decoration: none;
padding: 5px 10px;
}
.sitemap nav ul li a:hover {
background: #ffffff;
border-radius: 10px;
}
.footerpart{
min-height: 70px;	background: url("../img/footerpart.png") center top/cover no-repeat;
width: 100%;
margin:0 auto;
position: relative;
padding: 0;
}
@media screen and (max-width: 960px){
.boxleft01{
width: 28%;
padding: 0 0 0 40px;
position: relative;
top: -310px;
}
.menubarbtn ul li a.itaganelogo{
margin-bottom: 40px;
border: 3px solid #0c7a9e;	/*枠線の幅、線種、色*/
}
.btnbox{
width: 90%;
}

.footerbox img{
width: 25%;
}
	
}


/*ipadサイズ*/
@media screen and (max-width: 768px){

.container00{
height: 14px; 
font-size: 50%;
padding-top: 6px;
padding-left: 2px;
line-height: 0.8;
text-align: left;
}
.container1{
display:none;
}
.topss{
width: 100%;
display: block;
}
.topss img{
width: 100%;
}
.toplogo img{
width: 80%;
}  
.toplogo {
display: block;
top: 5%;
left: 2%;
}
.calnder{
background-image: url("../img/renga.jpg");
background-repeat: repeat;
padding-top: 20px;
	
}
.outbox00{
 flex-flow: column;
justify-content: center;
}
.boxleft01{
width: 100%;
padding: 0;
position: static;
}
.boxright02{
width: 100%;
padding: 0;
}
/* conteiner2 */
.container2{
padding-top: 30px;
width: 90%;
}
/* ナビゲーション */
.menu{
display: none;
}
.menubarbtn ul li a.itaganelogo{
display: none;
}
.menubarbtn ul li a img{
width:100%;
}
/*予約ボタン*/
.btnbox{
margin: 0 auto;
text-align: center;
width: 80%;
}
.btnbox p{
text-align: right;
margin-top: -5px;
margin-bottom: 5px;
font-size: 90%;
}

/*フッター*/
.footerbtn02{
width: 40%;
}
.footerbtn02 a img{
width: 100%;
}
.footerbtn02 img{
margin-top: 5px;
}
.footerbtn02 a{
display: inline-block;
transition: all 0.4s ease 0s; 
}
.footerbox img{
width: 40%;
}
.footerbox02 p{
font-size: 70%;
}

/* サイトマップ*/
.sitemap{
margin:0 auto;
text-align: center;
}
.sitemap nav ul {
display: flex;
flex-flow: row;
justify-content: center;  
  padding: 6px 0;
align-items: stretch;
flex-wrap: wrap;
white-space: wrap;
}
.sitemap nav ul li{
padding: 0 2px;
border-left:none;
border-right: none;
}
.sitemap nav ul li+ li {
border-left: none;
border-right: none;
 }
.sitemap nav ul li::before{
content: "";
border-right: none;
position: absolute;
}
.sitemap nav ul li a dd {
font-weight: bold;
font-size: 80%;
}
.sitemap nav ul li a {
position: relative;
display: inline-block;
padding: 5px 10px;
}
.sitemap nav ul li a:hover {
background: #ffffff;
border-radius: 10px;
}
.footerbtn{
display: block;
display: flex;
flex-flow: row;
justify-content: center;
align-items: center;
flex-wrap: nowrap;
white-space: nowrap;
}
.footerbtn02{
width: 40%;
}
.footerbtn02 a img{
width: 95%;
}
.footerbtn02 img{
margin-top: 15px;
}
.footerbtn a{
display: inline-block;
transition: all 0.4s ease 0s; 
}
.footerbtn a:hover{
position: relative;
left: 1px;	
top: 1px;	
}
.footerbtn33{
display: block;
display: flex;
flex-flow: row;
justify-content: center;
align-items: center;
flex-wrap: wrap;
white-space: wrap;
}
.footerbtn03{
width: 20%;
padding: 0 20px;
}
.footerbtn03 a img{
width: 100%;
}
.footerbtn03 img{
margin-top: 15px;
}
.footerbtn03 a{
display: inline-block;
transition: all 0.4s ease 0s; 
}
.footerbtn03 a:hover{
position: relative;
left: 1px;	
top: 1px;	
}
}


@media only screen and (max-width:479px){
.toplogo img{
width: 50%;
}
.toplogo{
left: 2%;
top: 3%;
}
.container2 img{
width:100%;
}
/*見出し*/
h2{
padding: 7px 20px;
margin: 10px 0;
font-size: 100%;
}
h3{
background: #fff;
}
h5{
padding: 4px 0 0px 5px;
font-size: 100%;
 }
.arrow_btn {
padding: 8px 10px;
}
.midashi01{
margin: 0 0 8px 2px;
}
.midori{
font-size: 100%;
margin-bottom:25px;
}
.futoji{
font-weight: 500;
}
.kajyougaki{
font-size: 88%;
padding-left: 5px;
}
.clinicinfo{
padding: 10px 0 0 5px;
font-size: 90%;
width: 95%;
margin: 0 auto;
}
.info01 dt{
font-weight: 500;
}
/*お知らせボックス*/
/*adminの中*/
.accordion-title {
margin: 0 3px 10px 3px;
padding: 5px;
font-weight: 500;
font-size: 87%;
}
.accordion-title:after {
right: 15px;
top: 60%;
}
.accordion-content {
padding:  0 1em 20px 1em;
font-size: 82%;
}
.accordion-title.open:after {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 70%;
}
/*予約画像ボタン*/
.btnbox{
margin: 0 auto;
text-align: center;
width: 95%;
}
.btnbox p{
font-size: 70%;
margin-bottom: 20px;
}
.futoji{
font-weight: 500;
}
.info01 dt dd{
list-style: none;
}
/*診療案内*/
.container3,.container4{
padding: 20px 0;
}
/*表*/
.schedule table{
border: solid 1px #0c7a9e;
}
.schedule table th{
padding: 3px 5px;
border-right: #0c7a9e solid 1px;
border-bottom: #0c7a9e solid 1px;	
font-size: 70%;
}
.schedule table td {
padding: 3px;
border-right: #0c7a9e solid 1px;
border-bottom: #0c7a9e solid 1px;
font-size: 75%;
}
.irr {
line-height: 1;
}
.schedule p{
color: #0c7a9e;
font-size: 70%;
text-align: right;
}
.common_info_sch .schedule table{
border: solid 1px #0c7a9e;
}
.common_info_sch .schedule table th{
padding: 3px 5px;
border-right: #0c7a9e solid 1px;
border-bottom: #0c7a9e solid 1px;	
font-size: 70%;
}
.common_info_sch .schedule table td {
padding: 3px;
border-right: #0c7a9e solid 1px;
border-bottom: #0c7a9e solid 1px;
font-size: 75%;
}
.common_info_sch .schedule p{
color: #0c7a9e;
font-size: 70%;
text-align: right;
}
#infotime{
background: linear-gradient(#fff 50%, #eee);
font-size: 100%;
font-weight: bold;
}
iframe{
width: 95%;
}
#pagetop{
position:fixed;
right: -130px;
bottom:-30px;
cursor:pointer;
}
.pagetopbtn img{
width: 30%;
opacity: 0.8;
}
dd,dt{
list-style: none;
}
footer{
padding: 5px;
}
/* サイトマップ*/
.sitemap{
width: 90%;
}
.footerbtn{
flex-flow: column;
}
.footerbtn33{
flex-wrap: wrap;
white-space: wrap;
}
.footerbtn02 img{
width: 100%;
}
.footerbtn03 img{
width: 100%;
}
.footerbtn02{
width: 80%;
}
.footerbtn03{
width: 20%;
padding: 0 5px;
}
.footerbtn03 img{
margin-top: 15px;
}
.footerbox02{
width: 100%;
}
.footerbox img{
width: 50%;
}
.footerbox02 p{
font-size: 65%;
}
}