@charset "utf-8";
/*!
Theme Name: 松伏眼科クリニック
Description: 松伏眼科クリニック Webサイト用のオリジナルテーマ。
Theme URI: https://www.matsubushi-eyeclinic.com/
Author: 松伏眼科クリニック
Author URI: https://www.matsubushi-eyeclinic.com/
Text Domain: 
Version: 1.0
Tags: one-columns
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* !Reseting
---------------------------------------------------------- */

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td, figure {
	margin: 0;
	padding: 0;
}

input, textarea {
	margin: 0;
	font-size: 100%;
}

label {
	cursor: pointer;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}

fieldset, img {
	border: 0;
}

img {
	vertical-align: top;
	max-width: 100%;
}

address, caption, cite, code, dfn, em, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

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

a, input {
	/* outline: none; */
}

abbr, acronym {
	border: 0;
}


/* 共通
---------------------------------------------------------- */

html{
font-size: 62.5%;
}

body{
font-size:1.4em;
line-height: 1.7em;
font-family:'メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic','ヒラギノ角ゴシック',YuGothic,'Yu Gothic';
background-color: #fff;
}

a{
color: #1EBAED;
text-decoration: none;
}

a:hover{
/*color: #1EBAED;*/
color: #F89E1C;
text-decoration: underline;
}

.wrap{
overflow: hidden;
zoom:1;
}

.pageLink{
text-align: right;
}

.pageLink a{
display: inline-block;
padding-right: 12px;
background: url(../img/pageLink_ac.png) right center no-repeat;
}

.clearfix:after {
content:" ";
display:block;
clear:both;
}

.onlySp{
display: none;
}



p{
margin-bottom: 20px;
}

.twoBlock{
overflow: hidden;
zoom:1;
margin-bottom: 30px;
}

.link{
text-align: right;
}

.link a{
padding: 3px 0 3px 20px;
background: url(img/link_arrow.png) 0 5px no-repeat;
}

.menubtn{
display: none;
}

.fig{
text-align: center;
}

h2{
    clear: both;
}

.emphasis {
	color:#1EBAED;
}

/*ヘッダー*/
header {
width:100%;
background-color: #fff;
z-index: 1000;

}

header .header_inner{
width: 960px;
margin: 0 auto;
padding: 12px 0;
}

.siteid{
font-size: 1.1rem;
color: #1EBAED;
margin: 0 0 10px 0;
}

header .header_inner h1.logo{
/*width: 312px;*/
width: 523px;
float: left;
padding-bottom:0;
margin:0;
border-bottom:none;
}

header .header_inner .telno{
width: 300px;
float: right;
margin: 0;
}

#gnav{
width: 100%;
background-color:#1EBAED;
}

#gnav ul{
width:961px;
margin: 0 auto;
border-left: 1px #F89E1C solid;
/*border-left: 1px #979ea6 solid;*/
overflow: hidden;
zoom:1;
}

#gnav li,
#gnav li a{
color: #fff;
text-decoration: none;
display: block;
}

#gnav li{
float: left;
/*width: 159px;*/
width: 24%;
text-align: center;
border-right: 1px #F89E1C solid;
/*border-right: 1px #979ea6 solid;*/
}

#gnav li a{
padding: 10px 0;
}

#gnav li a:hover{
/*border-top: 5px solid #00a1e9;*/
border-top: 5px solid #F89E1C;
padding-top: 5px;
}


.home #gnav li.home a{
/*border-top: 5px solid #00a1e9;*/
border-top: 5px solid #F89E1C;
padding-top: 5px;
}

.page-id-100 #gnav li.about a{
border-top: 5px solid #00a1e9;
padding-top: 5px;
}

.page-id-23 #gnav li.medical a,
.parent-pageid-2 #gnav li.medical a{
border-top: 5px solid #00a1e9;
padding-top: 5px;
}

.page-id-415 #gnav li.photo a{
border-top: 5px solid #00a1e9;
padding-top: 5px;
}

.page-id-106 #gnav li.access a{
border-top: 5px solid #00a1e9;
padding-top: 5px;
}

.post-type-archive-staff_blog #gnav li.blog a,
.single-staff_blog #gnav li.blog a{
border-top: 5px solid #00a1e9;
padding-top: 5px;
}


#sp_gnav{
display: none;
}

.breadcrumbs{
clear: both;
margin: 0 auto;
width: 100%;
font-size: 1.3rem;
background-color:#eaf1f5;
color: #333;
}

.breadcrumbs .wrap{
width: 950px;
margin: 0 auto;
padding: 5px;
}

/*コンテンツ*/
#mainvisual{
clear: both;
}

#sec_wrap{
clear: both;
width: 960px;
margin: 30px auto;
}

#sec_wrap h1{
color: #1EBAED;
font-size: 2.8rem;
font-weight: none;
text-align: left;
margin:0 0 25px 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #1EBAED;
}

#sec_wrap .twoBlock{
clear: both;
width: 840px;
margin: 0 auto 50px;
overflow: hidden;
zoom:1;
}

#sec_wrap .oneBlock{
clear: both;
width: 840px;
margin: 0 auto 50px;
}

#sec_wrap table{
width: 100%;
}

#sec_wrap table th,
#sec_wrap table td{
padding: 5px;
}

#sec_wrap table tr:nth-child(odd) th,
#sec_wrap table tr:nth-child(odd) td{  
background-color: #e9f5fb;  
}

#sec_wrap ol{
padding-left: 40px;
}

#sec_wrap ol li{
list-style: decimal;
padding: 0 0 1rem 0;
}


/*院内風景*/
.photogallery{
width: 800px;
margin: 20px auto 50px;
}

.photogallery .photo{
clear: both;
margin: 0;
overflow: hidden;
zoom:1;
}

.photogallery .photo .ph_l{
width:320px;
float: left;
}

.photogallery .photo .ph_l img{
width: 100%;
height: auto;
}

.photogallery .photo .ph_r{
width:320px;
float: right;
}

.photogallery .photo .ph_r img{
width: 100%;
height: auto;
}

.photogallery .photo .text_r{
float: right;
width: 440px;
padding: 30px 0 0 40px;
}

.photogallery .photo .text_l{
float: left;
text-align: right;
width: 440px;
padding: 30px 40px 0 0;
}


/*お知らせリスト*/
.newsList{
width: 100%;
margin: 0;
background-color: #eaf1f5;
}

.blog .newsList,
.archive .newsList{
background-color: #fff;
}

.newsList .wrap{
width: 960px;
margin: 0 auto;
padding: 50px 0;
}

.blog .newsList .wrap,
.archive .newsList .wrap{
padding: 20px 0;
}


.newsList h2{
color: #005bac;
font-size: 2.8rem;
font-weight: none;
text-align: center;
margin:0 0 25px 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #1EBAED;
}

.newsList dl{
width: 100%;
font-size: 1.6rem;
color: #1EBAED;
}

.blog .newsList dl{
margin: 0 0 30px;
}

.newsList dl dt{
width: 200px;
margin-bottom: 0;
padding: 0 0 0 0;
}
.newsList dl dt.category-new:after{
content: url("img/new.png");
}

.newsList dl dd{
margin: -2.5rem 0 1rem 200px;
}
/*ニュース内容*/

/*ブログリスト*/
#blog_wrap{
clear: both;
width: 960px;
margin: 30px auto;
}

#blog_wrap h1{
margin:0 0 35px 0;
padding: 0;
border-bottom: none;
border: none;
}

#blog_wrap h2{
font-size: 24px;
margin: 0 0 15px 0;
border-bottom: 1px dotted #ccc;
}

#blog_wrap dd{
font-size: 24px;
margin: 5px 0 10px;
}

#blog_wrap .blogList dd a{
	color:#00a1e9;
}


#blog_wrap div.cont{
margin: 0 auto 25px;
border-bottom: 1px dotted #ccc;
}

#blog_wrap p.date{
margin: 0 0 5px 0;
}

/*ブログ*/
#blog_wrap .twoBlock {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom:0;
}


#blog_wrap .twoBlock .blog_text {

}

#blog_wrap .twoBlock .blog_text p {
	margin-bottom: 1.7em;
}

#blog_wrap .twoBlock .blog_text ul {
	list-style: disc;
	margin-left: 1.5em;
	margin-bottom: 1.7em;
}

#blog_wrap .twoBlock .blog_text ol {
	list-style: decimal;
	margin-left: 1.5em;
	margin-bottom: 1.7em;
}

#blog_wrap .twoBlock .blog_text ul il,
#blog_wrap .twoBlock .blog_text ol il{
	margin-left: 1em;
}


#blog_wrap .twoBlock p.img {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 1.7em;
}

#blog_wrap .twoBlock p.img img {
	margin: 0 0 15px 25px;
}

#blog_wrap .twoBlock .blog_text h3 {
	font-weight: bold;
}


/*診療時間・連絡先*/
.time_info{
width: 960px;
margin: 0 auto;
padding: 50px 0;
background-color: #fff;
overflow: hidden;
zoom:1;
}

.time_info h2{
color: #1EBAED;
font-size: 2.8rem;
font-weight: none;
text-align: center;
margin:0 0 25px 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #1EBAED;
}

.time_info .time{
width: 454px;
float: left;
}

.time_info .time table{
width: 100%;
}

.time_info .time table th,
.time_info .time table td{
color: #1EBAED;
border-collapse: collapse;
border: 1px solid #1EBAED;
background-color: #fff !important;
padding: 3px;
text-align: center;
font-size: 1.4rem;
}

.time_info .time table th{
background-color: #eaf1f5 !important;
}

.time_info .time table td.close{
color: #ff6600 !important;
padding: 3px 0;
font-size: 1.1rem;
}

.time_info .info{
width: 454px;
float: right;
}

.time_info .info dl{
margin: 0 0 10px 0;
}

.time_info .info dl dt{
width: 75px;
padding: 0 0 0 15px;
background: url(img/list_ac.png)0 4px no-repeat;
}

.time_info .info dl dt:after{
content: "：";
}

.time_info .info dl dd{
margin: -2.4rem 0 5px 90px;
}

/*診療案内*/
.medical_ind{
width: 100%;
margin: 0;
background-color: #eaf1f5;
}

.medical_ind.sec{
background-color: #fff;
}

.medical_ind .wrap{
width: 960px;
margin: 0 auto;
padding: 50px 0;
}

.medical_ind.sec .wrap{
width: 960px;
margin: 0 auto;
padding: 0 0 50px;
}

.medical_ind h2{
font-size: 1.8rem;
padding: 0 0 0 20px;
margin-bottom: 15px;
background: url(img/h3_ac.gif) 0 0 no-repeat;
}

.medical_ind p.read{
line-height: 1.5em;
}

.medical_ind ul{
overflow: hidden;
zoom:1;
margin-bottom: 50px;
}

.medical_ind ul li{
width: 129px;
height: 129px;
float: left;
margin: 15px;
}

.medical_ind ul li a{
display:table-cell;
width: 129px;
height: 129px;
background:#e8f1f9;
border:#1EBAED 1px solid;
border-radius: 50%;
font-size: 1.5rem;
color:#1EBAED;
text-align: center;
vertical-align: middle;
line-height: 1.2em;
}

.medical_ind ul li a:hover{
color: #f68234;
background:#fff7f2;
border:#f68234 1px solid;
text-decoration: none;
}

.medical_sec{
width: 95%;
margin: 0 auto 80px;
}

.medical_sec h2{
font-size: 1.8rem;
padding: 0 0 0 20px;
margin:35px 0 15px;
background: url(img/h3_ac.gif) 0 0 no-repeat;
}

.medical_sec h2:first-child {
	margin-top:0;
}

.medical_sec h3{
font-weight: bold;
margin-bottom: 10px;
font-size: 1.5rem;
}

.medical_sec h3.md{
font-size: 2.2rem;
text-align: center;
color:#1EBAED;
margin: 40px auto 15px;
}


p.fig_center {
	text-align: center;
	margin: 30px 0 50px;
	}
p.fig_arrow {
	text-align: center;
	margin:0px auto ;
}

.medical_sec dt{
font-weight: bold;
}

.medical_sec div.stage{
	background: #eee;
	border-radius: 15px;
	margin: 0 auto 20px;
	display: flex;
	justify-content:space-between;
	padding: 25px;
	}

.medical_sec div.stage div{
	width: 200px;
	}
.medical_sec div.stage div p{
	margin-bottom: 0;
	} 
.medical_sec div.stage div img{
	width: 200px;
	}


.medical_sec div.flow{
	width:720px;
	border: #CCC 3px solid;
	border-radius: 15px;
	margin: 12px auto 12px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 15px 20px;
	}

.medical_sec div.flow img{flex:none;
	}


.medical_sec div.flow .flowCont {
	margin-left: 30px;
}
.medical_sec div.stage h3,
.medical_sec div.flow .flowCont h3 {
	margin:6px 0 0px;
	font-size: 1.5rem;
	color:#1EBAED;
	}

.medical_sec div.flow .flowCont p {
	margin-bottom: 0;
}

.medical_sec div.flow .flowCont p + h3 {
	margin-top: 20px;
	font-size: 1.6rem;
}

.medical_sec div.flow .flowCont ul {
margin-left: 1em;
	margin-bottom:0px;
	}

.medical_sec div.flow .flowCont .right {
text-align: right;
	}
.medical_sec div.doctor {
margin-top: 40px;
	}

.medical_sec ul {
margin-left: 1em;
	margin-bottom: 20px;
	}
.medical_sec ul li {
margin-left: 1em;
list-style: disc;
	}
.medical_sec ul.sizeS {
	margin-bottom: 5px;
}
.medical_sec ul.sizeS li {
	font-size: 1.2rem;
	line-height: 1.5em;
	}
.medical_sec .twoBlock {
	width: 100% !important;
	display: flex;
	justify-content: space-between;
	margin: 0 !important;
	}

.medical_sec .twoBlock img {
	margin-left: 25px;
}

.medical_sec .twoBlock p.fig{
	margin-bottom: 20px;
}

.medical_sec .twoBlock p.fig_center {
	margin: 0;
}

.medical_sec .column {
	width:750px;
	border: #CCC 3px solid;
	border-radius: 15px;
	margin: 30px auto 12px;
	align-items: center;
	padding: 30px 30px 15px ;
}

.medical_sec .column h3 {
text-align: center;
color: #1EBAED;
	font-size: 2rem;
	font-weight: bold;
}

.medical_sec .price {
	font-size: 1.8rem;
	text-align: center;
	line-height: 1.8em;
}
.medical_sec .price_note {
	text-align: center;
}

.medical_sec .prod {
	background: #eee;
	display: flex;
	border-radius: 15px;
	padding: 30px 30px 10px;
	flex-wrap: wrap;
	margin-bottom: 30px;
}

.medical_sec .prod .ph {
	width: 200px;
	padding:0 25px 0 0;
}
.medical_sec .prod .text {
	width: 600px;
	padding:0 ;
}
.medical_sec .prod h3 {
	font-size: 2rem;
}





/*医院紹介*/
.twoBlock .photo{
width: 200px;
float: left;
text-align: center;
}

.twoBlock .photo img{
width: 100%;
height: auto;
}

.twoBlock .text{
width: 560px;
float: right;
}

.twoBlock .text h3{
font-size: 2rem;
padding: 0 0 0 20px;
margin-bottom: 15px;
background: url(img/h3_ac.gif) 0 0 no-repeat;
}

#sec_wrap h2.h1{
color: #1EBAED;
font-size: 2.8rem;
font-weight: none;
text-align: left;
margin:0 0 25px 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #1EBAED;
}

.ch_copy{
font-size:2rem;
color:#1EBAED;
}

/*アクセス*/
.access{
width: 960px;
margin: 0 auto;
}

.access dl{
margin: 0 0 10px 0;
}

.access dl dt{
width: 8em;
padding: 0 0 0 15px;
background: url(img/list_ac.png)0 4px no-repeat;
}

.access dl dt:after{
content: "：";
}

.access dl dd{
margin: -2.4rem 0 5px 10em;
}

.access .map{
margin: 50px 0 80px;
text-align: center;
}

.access .timetable{
margin: 100px 0;
text-align: center;
}

.access .map img,
.access .timetable img{
width: 640px;
height: auto;
}

.access .block{
width: 960px;
margin: 35px auto 80px;
}
#sec_wrap .access .block h4{
font-size: 2.5rem;
font-weight: bold;
margin-bottom: 30px;
}
.access .block h4 span{
font-size: 2rem;
font-weight: normal;
padding-left: 2em;
}
.access .block .imaiBus{
width: 100%;
}
.access .block .imaiBus h5{
font-size: 1.8rem;
font-weight: bold;
color: #1EBAED;
display: block;
width: 100%;
margin: 20px 0 10px;
}

.access .block .imaiBus .second {
margin-top: 50px;
}
#sec_wrap .access .block .imaiBus th{
font-weight: bold;
}

#sec_wrap .access .block .imaiBus th,
#sec_wrap .access .block .imaiBus td{
	background-color: #fff !important;
	border-bottom: 1px solid #1EBAED;
	border-top: 1px solid #1EBAED;
	vertical-align: middle;
	text-align: center;
	}

#sec_wrap .access .block .imaiBus td.dep{
	background-color: #e9f5fb !important;
}
#sec_wrap .access .block .imaiBus td.arr{
	background-color: #d2eefc !important;
	}
.access .block .imaiBus p{
margin: 10px 0;
}


/*診療日カレンダー*/
.schedule{
    width:960px;
    margin: 50px auto 30px;
}

.schedule .next_cal{
    display: none;
}

.schedule h2{
    color: #1EBAED;
    font-size: 2.8rem;
    font-weight: none;
    text-align: center;
    margin:0 0 25px 0;
    padding: 0 0 10px 0;
    border-bottom: 1px dotted #1EBAED;
}

.schedule .month{
    border-bottom: 3px solid #1EBAED;
    overflow: hidden;
}

.schedule .month li{
    width:49%;
    padding: 10px 0;
    margin: 0 0.5%;
    box-sizing: border-box;
    border-top: 1px solid  #1EBAED;
    border-left: 1px solid  #1EBAED;
    border-right:  1px solid  #1EBAED;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    color: #1EBAED;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    float: left;
}

.schedule .month li.active{
    border-top: 1px solid  #1EBAED;
    border-left: 1px solid  #1EBAED;
    border-right:  1px solid  #1EBAED;
    border-top-right-radius: 7px;
    border-top-left-radius: 7px;
    color: #fff;
    background-color: #1EBAED;
}

.schedule .month li:hover{
    cursor: pointer;
    color: #fff;
    background-color: #1EBAED;
}

.schedule table{
    width: 100%;
}

.schedule table th,
.schedule table td{
    width: 15%;
    color: #1EBAED;
    background-color: #fff !important;
    border-collapse: collapse;
    border: 1px solid #1EBAED;
    padding: 5px;
    text-align: center;
    font-size: 1.4rem;
    vertical-align: top;
    }

.schedule table th{
    background-color: #eaf1f5 !important;
}

.schedule table td{
    min-height: 70px;
}

.schedule table th.sun,
.schedule table td.sun{
    width: 10%;
    background-color: #ededed !important;
}

.schedule table td div.day{
    font-size: 13px;
    line-height: 13px;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: right;
}


.schedule table td div.imai{
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #1EBAED;
    background-color:#f2f8d9;
    border-radius: 3px;
    padding: 3px;
    margin-bottom: 2px;
}

.schedule table td div.dai {
    font-size: 14px;
    line-height: 14px;
    font-weight: bold;
    color: #FF8080;
    background-color: #ede5fc;
    border-radius: 3px;
    padding: 3px;
    margin-bottom: 2px;
}


table.recruit{
    width: 100%;
}

table.recruit th,
table.recruit td{
    color: #1EBAED;
    background-color: #fff !important;
    border-collapse: collapse;
    border: 1px solid #1EBAED;
    padding: 5px;
    text-align: left;
    font-size: 1.4rem;
    vertical-align: top;
    }

table.recruit th{
	width: 15%;
    background-color: #eaf1f5 !important;
}



/*フッター*/
footer{
clear: both;
width: 100%;
background-color: #fff;
/*border-top:9px solid #1EBAED;*/
border-top:9px solid #F89E1C;
}

footer .corpname{
clear: both;
width: 960px;
margin: 0  auto 15px;
padding: 20px 0 0;
text-align: center;
}

footer .ft_nav{
overflow: hidden;
zoom:1;
text-align: center;
}

footer .ft_nav li{
display: inline-block;
padding:10px;
}


footer .copyright{
clear: both;
width: 960px;
margin: 0  auto;
padding: 10px 0 15px;
font-size: 1.2rem;
text-align: center;
}

/*404*/
.notfind{
width: 800px;
margin: 30px auto;
}

/*ページのトップへ*/
#page-top{
position: fixed;
right: 30px;
bottom: 50px;
width:58px ;
z-index: 100;
}

#page-top:hover{
cursor: pointer;
}

.ftbanner{
width: 100%;
margin: 30px auto;
background-color: #fff;
}

.ftbanner ul{
width: 732px;
margin: 0 auto;
}

.ftbanner ul li{
float: left;
margin: 10px 12px;
}

.ftbanner ul li a img:hover{
opacity: 0.7;
}

/*****************************スマホ用***********************************************************/

@media (max-width: 767px) {

html{
height: 100%;
margin: 0;
}

body{
height: 100%;
margin: 0;
}

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

.onlySp{
display: block;
}

.onlyPc{
display: none;
}

.breadcrumbs {
 font-size: 1rem;
}

/*ヘッダー*/
header {
width:100%;
height: 100px;
position: fixed;
padding: 0;
margin: 0;
top: 0;
z-index: 1000;
background-color: #fff;
}

.siteid{
display: none;
}

header .header_inner{
width:100%;
height: 100px;
margin: 0;
padding: 0;
border-bottom: 5px solid #1EBAED;
overflow: hidden;
zoom:1;
}

header .header_inner h1.logo{
width: 30%;
float: left;
padding-bottom:0;
margin:10px 0 0 10px;
border-bottom:none;
}

header .header_inner .telno{
width: 40%;
float: right;
margin: 10px 10px 0 0;
}

.menubtn{
width: 70px;
position: absolute;
display: block;
bottom: 0;
right: 10px;
}

#mask{
display: none;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
background-color:rgba(0,0,0,0.5);
z-index: 150;
}

#mask.on{
display: block;
}

#gnav{
display: none;
}

#sp_gnav{
width: 100%;
background-color:#1EBAED;
}

#sp_gnav{
width:100%;
margin: 0 ;
border-left:none;
}

#sp_gnav li,
#sp_gnav li a{
color: #fff;
text-decoration: none;
display: block;
}

#sp_gnav li{
float: none;
width: 100%;
text-align: left;
border-right:none;
border-top: 1px solid #fff;
margin: 0;
}

#sp_gnav li a{
font-size: 1.6rem;
padding: 15px 0 15px 20px;
line-height: 1;
}

#sp_gnav li a:hover,
#sp_gnav li.cur a{
border-left: 5px solid #1EBAED;
border-top: none;
padding: 15px 0 15px 15px;
}


.breadcrumbs .wrap{
width: 95%;
margin: 0 auto;
}


/*コンテンツ*/
#wrap{
margin: 103px 0 0 0;
	overflow: hidden;
}

#contents{
clear: both;
}

#sec_wrap{
clear: both;
width: 100%;
margin: 10px auto 30px;
}

#sec_wrap h1{
color: #1EBAED;
font-size: 2rem;
font-weight: none;
text-align: left;
width: 95%;
margin:20px auto 5vw auto;
padding: 0 0 10px 0;
border-bottom: 1px dotted #1EBAED;
}

#sec_wrap .twoBlock{
clear: both;
width: 95%;
margin: 0 auto 50px;
}

#sec_wrap .oneBlock{
clear: both;
width: 95%;
margin: 0 auto 50px;
}

p.date{
width: 95%;
margin: 0 auto;
}

	
/*医院紹介*/
.twoBlock .photo{
width: 200px;
float: none;
text-align: center;
margin: 0 auto 30px;
}

.twoBlock .text{
width: 100%;
float: none;
}

.twoBlock .text h3{
font-size: 1.8rem;
padding: 0 0 0 20px;
margin-bottom: 15px;
background: url(img/h3_ac.gif) 0 0 no-repeat;
}

#sec_wrap h2.h1{
color: #1EBAED;
font-size: 2.2rem;
font-weight: none;
text-align: left;
width: 95%;
margin:0 auto 5vw auto;
padding: 0 0 10px 0;
border-bottom: 1px dotted #1EBAED;
}

.ch_copy{
font-size:1.6rem;
}

/*ブログリスト*/
#blog_wrap{
clear: both;
width : -webkit-calc(100% - 20px);
width : calc(100% - 20px);
margin: 20px auto;
}

#blog_wrap h1{
margin:0 0 35px 0;
padding: 0;
border-bottom: none;
border: none;
}

#blog_wrap h2{
font-size: 20px;
margin: 0 0 18px 0;
border-bottom: 1px dotted #ccc;
}

#blog_wrap dd{
font-size: 20px;
margin: 5px 0 10px;
}

#blog_wrap div.cont{
margin: 0 auto 5vw;
border-bottom: 1px dotted #ccc;
}

#blog_wrap p.date{
margin: 0 0 5px 0;
}

	/*ブログ*/
#blog_wrap .twoBlock {
	display: inherit;
	margin-bottom: 0;
}
	
#blog_wrap .twoBlock .blog_text p {
	margin-bottom: 3vw;
}

#blog_wrap .twoBlock p.img {
	display: inherit;
	text-align: center;
	margin: 7vw auto 5vw;
}

	
#blog_wrap .twoBlock p.img img {
	width: 70%;
	margin:0 0 5vw;
}
	
#blog_wrap .twoBlock p.img img.big {
	width: 95%;
	margin:0 0 3vw;
}
	
#blog_wrap .twoBlock .blog_text ul {
	list-style: disc;
	margin-left: 1.5em;
	margin-bottom: 1.7em;
}
#blog_wrap .twoBlock .blog_text ol {
	list-style: decimal;
	margin-left: 1.5em;
	margin-bottom: 1.7em;
}
#blog_wrap .twoBlock .blog_text ul il,
#blog_wrap .twoBlock .blog_text ol il
	{
	margin-left: 1em;
}


/*404ページ*/
.notfind{
width : -webkit-calc(100% - 20px);
width : calc(100% - 20px) ;
margin: 20px auto;
}


/*お知らせリスト*/
.newsList{
width: 100%;
margin: 0;
background-color: #eaf1f5;
}

.newsList .wrap{
width:95%;
margin: 0 auto;
padding: 30px 0;
}

.newsList h2{
color: #1EBAED;
font-size: 2.2rem;
font-weight: none;
text-align: center;
margin:0 0 25px 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #1EBAED;
}

.newsList dl{
width: 100%;
font-size: 1.6rem;
color: #1EBAED;
}

.newsList dl dt{
width : -webkit-calc(100% - 50px);
width : calc(100% - 50px) ;
margin-bottom: 0;
padding: 0;
}

.newsList dl dd{
margin: 0 0 1rem 0;
}

/*診療時間・連絡先*/
.time_info{
width: 95%;
margin: 0 auto;
padding: 30px 0;
}

.time_info h2{
color: #1EBAED;
font-size: 2.2rem;
font-weight: none;
text-align: center;
margin:0 0 25px 0;
padding: 0 0 10px 0;
border-bottom: 1px dotted #1EBAED;
}

.time_info .time{
width: 100%;
float: none;
margin: 0 0 30px 0;
}

.time_info .time table{
width: 100%;
}

.time_info .time table th,
.time_info .time table td{
color: #1EBAED;
border-collapse: collapse;
border: 1px solid #1EBAED;
padding: 3px;
text-align: center;
font-size: 1.4rem;
}

.time_info .time table th{
background-color: #eaf1f5;
}

.time_info .time table td.close{
color: #ff6600;
padding: 3px 0;
font-size: 1.1rem;
}

.time_info .info{
width: 100%;
float: none;
}


/*診療案内*/
.medical_ind{
width: 100%;
margin: 0;
background-color: #eaf1f5;
}

.medical_ind .wrap{
width: 95vw;
margin: 0 auto;
padding: 30px 0;
}

.medical_ind.sec .wrap{
width: 95%;
margin: 0 auto;
padding: 0 0 50px;
}

.medical_ind h2{

}

.medical_ind p.read{
text-align:left;
}

.medical_ind ul{
overflow: hidden;
zoom:1;
	margin-bottom: 5vw;
}

.medical_ind ul li{
width: 38vw;
height: 38vw;
float: left;
margin: 5%;
}

.medical_ind ul li a{
display:table-cell;
width: 38vw;
height: 38vw;
background:#e8f1f9;
border:#1EBAED 1px solid;
border-radius: 50%;
font-size: 1.5rem;
color:#1EBAED;
text-align: center;
vertical-align: middle;
}

.medical_sec{
margin: 0 auto 10vw;
}

.medical_sec p{
margin: 0 auto 4vw;
}

.medical_sec h2{
font-size: 1.8rem;
padding: 0 0 0 1em;
margin-bottom: 3vw;
background: url(img/h3_ac.gif) 0 0 no-repeat;
}
	
.medical_sec h3{
font-weight: bold;
margin-bottom: 3vw;
}

.medical_sec h3.md{
font-size: 2.2rem;
margin: 4vw auto 3vw;
}
	
.medical_sec p.fig_center {
	text-align: center;
	margin: 4vw 0 8vw;
	}
	
.medical_sec p.fig_center img {
width: 80%;
}	
	
.medical_sec p.fig_center img.big {
width: 95%;
}
	
	
.medical_sec p.fig_center img.small {
width:40% ;
}


.medical_sec p.fig_arrow {
	margin:2vw auto 2vw;
	}
	
.medical_sec p.fig_arrow img {
width: 30%;
	
}
	
.medical_sec p + h2,
	.medical_sec ul + h2{
	margin-top: 7vw;
}

.medical_sec div.stage{
	background: #eee;
	border-radius: 15px;
	margin: 0 auto 5vw;
	display: flex;
	justify-content:space-between;
	flex-wrap: wrap;
	padding: 5vw 5vw 2vw;
	}

.medical_sec div.stage div{
	width: 47%;
	}
.medical_sec div.stage div p{
	margin-bottom:5vw;
	line-height: 1.3em;
	} 
.medical_sec div.stage div img{
	width: 100%;
	}

.medical_sec div.flow{
	width:80vw;
	border: #CCC 3px solid;
	border-radius: 15px;
	margin: 0 auto 2vw;
	display: inherit;
	padding: 5vw;
	text-align: center;
	}

.medical_sec div.flow img{ 
	width: 80%;
	margin-bottom: 5vw
	}
.medical_sec div.flow img.small{ 
	width: 40%;
	}

.medical_sec div.flow .flowCont {
	margin-left: 0px;
}
.medical_sec div.stage h3,
.medical_sec div.flow .flowCont h3 {
	margin:1vw 0;
	text-align: left;
	}

.medical_sec div.flow .flowCont p {
	margin-bottom: 0;
	text-align: left;
}

.medical_sec div.flow .flowCont p + h3 {
	margin-top: 5vw;
}

.medical_sec ul.sizeS {
	margin-bottom: 1vw;
}
.medical_sec ul.sizeS li {
	font-size: 1.2rem;
	line-height: 1.5em;
	text-align: left;
	}
.medical_sec .twoBlock {
	width: 100% !important;
	display: inherit;
	}

.medical_sec .twoBlock img {
	margin-left: 0;
}

.medical_sec .twoBlock p.fig_center {
	margin-bottom: 5vw;
}
	
.medical_sec .twoBlock p.fig_center img {
	width: 80%;
}
	
.medical_sec div.doctor {
margin-top: 8vw;
	}
.medical_sec .column {
	width:85%;
	border: #CCC 3px solid;
	border-radius: 15px;
	margin: 10vw auto 5vw;
	align-items: center;
	padding: 5vw 5vw 0;
}
	
.medical_sec .prod {
		width:85%;
	background: #eee;
	display: flex;
	border-radius: 15px;
	padding: 10vw 5vw 5vw;
	flex-wrap: wrap;
	margin:0 auto 5vw;
}

.medical_sec .prod .ph {
	width: 70%;
	padding:0;
	margin: 0 auto 5vw;
	text-align: center;
}
.medical_sec .prod .text {
	width: 100%;
	padding:0;
}
.medical_sec .prod .text h3 {
	text-align: center;
	
}

	
	
/*診療日カレンダー*/
.schedule{
    width:95%;
    margin: 30px auto;
}

.schedule h2{
   font-size: 2.2rem;
}

/*アクセスマップ*/
.access{
    width:95%;
    margin: 30px auto;
}

.access .map{
    width: 100%;
    margin: 5vw auto 10vw;
    text-align: center;
}
.access .timetable{
    width: 100%;
    margin: 10vw auto;
    text-align: center;
}
.access .timetable img,
.access .map img{
    width: 100%;
    height: auto;
}
#sec_wrap .access h2.h1{
width: 100%;
margin: 0 0 5vw 0;
}

.access .block{
width: 95vw;
margin: 0 auto;
}
#sec_wrap .access .block h4{
font-size: 2rem;
margin-bottom: 3vw;
}

#sec_wrap .access .block .imaiBus h5{
margin: 5vw 0 0 0;
display: block;
font-size: 1.5rem;
}
	
#sec_wrap .access .block .imaiBus table {
	margin-bottom: 5vw;
}
.access .block .imaiBus p{
margin: 2vw 0;
line-height: 1.3em;
	font-size: 90%;
}
	
/*院内風景*/
.photogallery{
width: 95%;
margin: 20px auto 30px;
}

.photogallery .photo .ph_l,
.photogallery .photo .ph_r{
width:100%;
float: none;
margin: 10px 0;
}

.photogallery .photo .text_r,
.photogallery .photo .text_l{
float: none;
width: 100%;
padding:0;
text-align: left;
}


/*フッター*/
footer{
clear: both;
width: 100%;
background-color: #fff;
}

footer .corpname{
clear: both;
width: 150px;
margin: 0  auto 15px;
padding: 20px 0 0;
text-align: center;
}

footer .ft_nav{
overflow: hidden;
zoom:1;
text-align: center;
}

footer .ft_nav li{
display: inline-block;
padding:10px;
}


footer .copyright{
clear: both;
width: 100%;
margin: 0  auto;
padding: 10px 0 15px;
font-size: 1.2rem;
text-align: center;
}


/*ページのトップへ*/
#page-top{
right: 15px;
bottom: 25px;
}

/*フッターバナー*/
.ftbanner{
width: 100%;
margin: 20px auto;
}

.ftbanner ul{
width: 70%;
margin: 0 auto;
}

.ftbanner ul li{
float: none;
text-align: center;
margin: 10px 0;
}


}

@media (max-width: 600px) {
/*ヘッダー*/
header {
height: 90px;
}

header .header_inner{
height: 90px;
}

header .header_inner h1.logo{
width: 45%;
float: none;
}

header .header_inner .telno{
clear: both;
width: 45%;
float: none;
margin: 10px 0 0 10px;
}
	
#mainvisual{
margin-top: 95px;
}

#wrap {
    margin: 95px 0 0 0;
	overflow: auto;
}

}