@charset "utf-8";

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

 Smartphone(smartphone.css)
 
========================================================================*/

@media screen and (max-width: 1039px){
 
/*----------------------------------------------------------------------
 Common
----------------------------------------------------------------------*/
body {
	-webkit-text-size-adjust : none;
	min-width: 320px;
}

.pagetop,
.footerNav {
	display: none;
}

.logoarea,
.phone,
#content,
#sidebar {
	float: none;
}

body {
	font-size: 100%;
}


/*----------------------------------------------------------------------
 Header
----------------------------------------------------------------------*/
#header {
	min-height:165px;
	padding: 0 0;
}

#header_sp_wrap {
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  background: rgba(255,255,255,1);
  transition: .3s;
box-shadow: 0 3px 4px rgba(0,0,0,0.2);
border-bottom:1px solid #3e2816;
	min-width: 320px;
}
#header_sp {
    display:inherit;
	width: 640px;
	margin: 0 auto;
	padding: 0 0;
	position: relative;
	min-height:70px;
	_background:#ffffff;
box-sizing:border-box;

}

div.headerleft {
    float: left;
	text-align:left;
	max-width:178px;
	margin-left:20px;
}

div.logo_area {
clear:both;
    float: left;
	width:178px;	
    margin:0;
	padding-top:15px;
	border-bottom:none;
	background-image: none;
}
div.logo_area img {
	margin: 0 0 0 0;
	width:100%;
	height:auto;
}

div.tel_area {
clear:inherit;
    float:right;
	width:40px;
	padding:12px 10px 0 0;
}

div.tel_area img {
   width:40px;
   height:auto;
   margin-bottom:0;
	vertical-align: bottom;
}

/*スマホ用メニューボタン*/
.navOpen {
    width: 40px;
    height: 50px;
    float: right;
    margin-top: 12px;
    margin-right: 20px;
    margin-bottom: 1px;
    cursor: pointer;
    background:url(../images/menu_sp.svg) no-repeat 0 0;
    background-size: 80px;
}
/*スマホ用メニュー閉じるボタン*/
.navClose {
    background-position: -40px 0; /*ボタンの画像切り替え*/
}
.menu-sp {
display:inherit;
    clear: both;
    position: relative;
	z-index:100;
}
.menu-sp ul {
    width: 100%;
    position: absolute;
    top: 0px;

    border-bottom: 1px #3e2816 solid;

padding-top:10px;
    background:url(../images/menu_sp_bg.svg) no-repeat right top;
    background-size: 900px;
}
.menu-sp li {
    line-height: 1.4;
    border-top: 1px #9D6537 solid;
	margin-bottom:0;
    background-color: rgba(234, 234, 234, 1.0) ;
}
.menu-sp a {
    color: #3e2816;
	font-size:14px;
	line-height:1.4;
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 18px;
    padding-bottom: 17px;
    display: block;
}


/*----------------------------------------------------------------------
 Nav
----------------------------------------------------------------------*/
#nav {
    display:none;
}

/*----------------------------------------------------------------------
 Nav2
----------------------------------------------------------------------*/
#nav2 {
display:none;
}

/*----------------------------------------------------------------------
 Navスマホ用
----------------------------------------------------------------------*/
	div#mainNav{
	clear:both;
	width:100%;
	margin:0 auto;
	padding:0;
  display:inherit;
	}

	div#mainNav a.menu{
	width:100%;
	display:block;
	height:26px;
	padding:1px 0 1px;
	line-height:26px;
	_font-weight: bold;
	font-size:15px;
	letter-spacing:2px;
	text-align:left;
    color:#FFFFFF;
	background: #219778;
	text-decoration:none;
	}

	div#mainNav a#menu span{padding-left:10px;}
	div#mainNav a.menu span:before{content: url("../images/ham.png"); 
	position:relative;
    top:3px;}
	div#mainNav a.menuOpen span:before{content: url("../images/up.png") ;}

	div#mainNav a#menu:hover{cursor:pointer; color:#eeeeee;}
	div#mainNav a#menu:active{cursor:pointer; color:#eeeeee;}

	nav .panel{
	display: none;
	width:100%;
	position: relative;
	right: 0;
	top:0;
	z-index: 1;
	}

	div#mainNav ul li{
	float: none;
	clear:both;
	width:100%;
	height:auto;
	line-height:1.2;
    color:#FFFFFF;
	background: #dddddd;
	margin-bottom:0 !important;
	font-size:15px;
	}

	div#mainNav ul li a,div#mainNav ul li.current-menu-item li a{
	display: block;
	padding:10px 10px 7px;
	text-align:left;
	border-bottom:1px dashed #666666;
    color:#262626;
	}
	
	div#mainNav ul li a span{padding-left:10px;}
	
	div#mainNav ul li:first-child a{
	_border-top:1px solid #e4e4e4;
	}
	
	div#mainNav ul li:last-child a{border:0;}
	
	div#mainNav ul li a:hover{color:#262626;}	
	div#mainNav ul li a:active{color:#262626;}

	div div.panel{float:none;}

/*----------------------------------------------------------------------
 Navスマホ用　フッター用
----------------------------------------------------------------------*/
div.footermenu {
	padding:15px 20px 0;
	margin: 0 auto;
	width: 640px;
box-sizing:border-box;
}


div.footermenu_head {
	width: 100%;
	margin: 0 auto;

	text-align:center;
	padding:2px 8px 4px;
	color:#ffffff;
	font-size:12px;
	letter-spacing:0.05em;
box-sizing:border-box;
  border-bottom: 1px solid #ffffff;
}



.footermenu_sp {
  list-style: none;
  width: 100%;
  padding: 0;
	margin: 0 auto 35px;
}
.footermenu_sp li{
  list-style: none;
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px dotted #ffffff;

}

.footermenu_sp li.pagename {
  color: #ffffff;
  padding: 18px 10px 17px 10px;
  font-size:14px;
  letter-spacing:0.050em;
  line-height:1.4;
box-sizing:border-box;
}

.footermenu_sp li.pagename span:before{
  content: url("../images/sidebar_arrow_a.svg");
	position:relative;
    top:0;
	margin-right:8px;
	height:14px;

}


.footermenu_sp li a{
  position: relative;
  display: block;
  margin: 0;
  padding: 18px 10px 17px 22px;
  color: #ffffff;
  font-size:14px;
  letter-spacing:0.050em;
  line-height:1.4;
  text-decoration: none;
}
.footermenu_sp li a:hover {
  color: #ffffff;
  text-decoration: none;
  background:#5A3C1F;
}
.footermenu_sp li a:before{
  content: url("../images/footer_arrow.svg");
	position:relative;
    top:0;
	margin-right:8px;
	height:14px;

}

.footermenu_sp li.pagename2 a{
  position: relative;
  display: block;
  margin: 0;
  padding: 18px 10px 17px 10px;
  color: #ffffff;
  font-size:14px;
  letter-spacing:0.050em;
  line-height:1.4;
  text-decoration: none;
}
.footermenu_sp li.pagename2 a:hover {
  color: #ffffff;
  text-decoration: none;
  background:#5A3C1F;
}
.footermenu_sp li.pagename2 a:before{
  content: url("../images/footer_arrow_c.svg");
	position:relative;
    top:0;
	margin-right:8px;
	height:14px;

}


/*----------------------------------------------------------------------
 Main
----------------------------------------------------------------------*/
#main {
	width: 100%;
	margin:0 auto 0;
	padding-top: 70px;
}
div#main.toppage  {

}

.sp {
    display:inherit !important;
}

.pc {
    display:none !important;
}





.ss_shikiri_text {
   font-size:22px;
margin:0 0 35px;
}
.ss_shikiri_text.tokuchou2 {
   font-size:22px;
margin:0 0 0;
}
.ss_shikiri_text span{
      padding: 0 36px 0 40px;
	vertical-align: 0;
}
.ss_shikiri_text img{
display: none;
}

.ss_shikiri2 p {
   font-size:22px;
}





div.bottomline_box3 {
    width:96%;
	border-bottom:1px #cccccc dotted;
	margin-top:0;
	margin-bottom:0;
	padding:15px 2% 2px ;
	text-align:left;
}

div.bottomline_box3last {
	_border-top:1px #cccccc dotted;
    width:96%;
	_border-bottom:1px #cccccc dotted;
	margin-top:0;
	margin-bottom:0;
	padding:15px 2% 2px ;
	text-align:left;
}

a.bottomline_box3 {
  display: inline-block;
    width:96%;
	border-bottom:1px #cccccc dotted;
	margin-top:0;
	margin-bottom:0;
	padding:15px 2% 0 ;
	text-align:left;
}

a.bottomline_box3last {
  display: inline-block;
    width:96%;
	_border-bottom:1px #cccccc dotted;
	margin-top:0;
	margin-bottom:0;
	padding:15px 2% 0 ;
	text-align:left;
}


/*画像とテキストの制御*/
.gazouandtext {
	flex-direction: column;
}
.gazouandtext_item1 {
	width: 100%;
}
.gazouandtext_item1.gazouwide {
	width: 100%;
}
.gazouandtext_item2 {
	width: 100%;
}
.gazouandtext_item2.gazouwide {
	width: 100%;
}
.gazouandtext_item2 img {
	width: 50%;
	max-width:200px;
	display: block;
}
.gazouandtext_item2.gazouwide img {
	width: 100%;
	max-width:350px;
	display: block;
}
.gazouandtext_item2.gazouwide.per60 img {
	width: 60%;
}
.gazouandtext_item2.gazouwide.per80 img {
	width: 80%;
}

/*----------------------------------------------------------------------
 トップページ
----------------------------------------------------------------------*/
.mainimage {
	width: 100%;
	height:auto;
	margin: 0;
	padding: 0;
	background:none;
}


.mainimage img {
width:640px;
	height:auto;
	float:none;
	margin: 0 auto;
}

div.header_b_area {
width:640px;
float:none;
margin:0 auto;
padding:20px 20px 15px;
box-sizing:border-box;
}

div.header_b_area img {
float:none;
margin:0 0 15px;
width:100%;
height:auto;
}

	
.white_area {
background: #ffffff;		
	}	
	
/*--- トップPR ---*/
.toppr_area {
		width: 100%;
		margin: 0;
		padding: 40px 0 40px;
		text-align:center;
		overflow:hidden;
	}
	
	.toppr_area_inner {
		width: 100%;
		max-width: 640px;
		margin: 0 auto;
		padding: 0 20px;
		text-align:center;
	box-sizing:border-box;
	}
	.news_blog.corona {
		padding: 15px 10px 10px;
	}
	/* add start 240617 iwa */
	.toppr_area h2 {
		line-height:2;
		font-size:18px;
		}
	.toppr_area h3 {
		line-height:1;
		font-size:15px;
		}
	/* add end 240617 iwa */
	
/*--- トップ診療案内 ---*/
.toptreatment_area {
	width: 100%;
	margin: 0;
	padding: 40px 0 40px;
	text-align:left;
box-sizing:border-box;
}

.largemarker_mask {
      background-color: #ffffff;
}

.toptreatment_area_inner {
	width: 100%;
}

.ss_shikiri p {
margin:0 0 10px;
}

.treatmentmenuarea {
	width: 640px;
	margin: 0 auto 0 ;
	padding:0 20px 0;
	overflow:hidden;

box-sizing:border-box;
}

.treatmentmenubox1 {
width:100%;
   margin:0 auto 0;
}

.treatmentmenubox1 div.imgbox_t {
   width:100%;
   margin:0 0 27px 0;
   float:none;
}

.treatmentmenubox1 div.imgbox_t.right {
   margin:0 0 27px 0;
}

.treatmentmenubox1 div.imgbox_t.left {
   margin:0 0 27px 0;
}
.textbox1 div.imgbox_t {
   width:100%;
   margin:0 0 27px 0;
   float:none;
}

a.link_waku {
    width: 100%;
    margin: 0 auto 0;
    font-size: 14px;
    padding: 5px;

box-sizing:border-box;
}

div.link_waku_kasou {
    width: 100%;
    font-size: 12px;
box-sizing:border-box;
margin-bottom:40px;
}

a.btn3 {
	font-size: 14px;
	max-width: 180px;
}	
	
	
	
	
/*--- トップお知らせ ---*/
.topnews_area {
  
	width: 100%;
	margin: 0;
	padding: 40px 10px 40px;
	text-align:left;
box-sizing:border-box;
}

.topnews_area_inner {
	width: 100%;
}

.greeting_img {
   float:right;
   max-width:200px;
   width:50%;
   margin:0 0 10px 15px;
}

.news_area {
    padding:0 0;

}

.news_sotowaku {
width:100%;
	margin: 0 0 0;
	padding: 10px 10px 0;
}
.news_uchiwaku {
	padding: 10px 10px;
	margin: 0 auto 10px;
}

p.news_midashi{
margin:0 0 15px 0;
   font-size:16px;
   line-height:25px;
   float:left;
}

/* .info_dl dt {
	float: none;
	clear: both;
	width: auto;
	padding: 0 0 5px 0;
	text-align:left;
	font-size:12px;
}

.info_dl dd {
	width: auto;
	margin-left:0;
	padding: 0px 0px 15px 0px;
	font-size:12px;
} */

	
/*--- トップ当院の特徴 ---*/
.toptokuchou2_area {
	width: 100%;
	margin: 0;
	padding: 0 0 0;
	text-align:left;
box-sizing:border-box;
}

.toptokuchou2_area_inner {
	width: 100%;
}
.sec-feature {
	width: 640px;
	margin: 0 auto 0 ;
	padding:35px 20px 45px;
	overflow:hidden;

box-sizing:border-box;
}
.sec-feature .item-wrap{
    max-width: 414px;
    display: block;
    margin: 0 auto;
}  
.sec-feature .item--1{
    width: 100%;
    margin: 0 0 40px 0;
} 
.sec-feature .item--2{
    width: 100%;
    margin: 0 0 40px 0;
}
.sec-feature .item--3{
    width: 100%;
    margin: 0 0 0 0;
}
	
/*--- トップ特徴 ---*/
.toptokuchou_area {
	background:#3e2816 url(../../images/tokuchou_bg.jpg) center top no-repeat;
	background-size:cover;

	width: 100%;
	margin: 0;
	padding: 40px 20px 40px;
	text-align:center;
box-sizing:border-box;
}

.toptokuchou_area_inner {
	width: 600px;
box-sizing:border-box;
}

.prize_mark {
	width: 90%;
}

.tokuchou_textbox p {
	padding:15px 0 0 0 ;
	line-height:1.8;
	font-size:14px;
	color:#ffffff;
}

.tokuchou_textbox .bigtext {
	padding:15px 0 10px 0 ;
	line-height:1.6;
	font-size:16px;
	font-weight:bold;
	border-bottom:1px #ffffff solid;
	width:100%;
	margin:0 auto;
}

/*--- トップ院内ビュー ---*/
.topview_area {
background:#fbf8f0;
	width: 100%;
	margin: 0;
	padding: 0 0 0;
	text-align:center;
	overflow:hidden;
}

.topview_area_inner {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0 40px;
	text-align:left;
box-sizing:border-box;
}

.view_box2 {
text-align: center;
padding:0 20px 0;
	margin: 0 auto;
	width:640px;
box-sizing:border-box;
}
.view_box2 iframe {
height:300px;
}
.view_box2 p {
text-align: left;
padding:0 0 31px;
	font-size: 14px;
	color: #705c25;
}




/*--- トップ診療時間 ---*/
.toptimetable_area {


	width: 100%;
	margin: 0;
	padding: 40px 0 35px;
	text-align:left;
box-sizing:border-box;
}

.toptimetable_area_inner {
	width: 100%;
	padding:0 0 0;
}

.timetable_box {
	padding:0 20px;
	margin: 0 auto 30px;
	width:640px;
box-sizing:border-box;
}

.timetable_box p {
font-size:14px;
}

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

.timetable_left img {
	margin-bottom:7px;
}


.timetable_textbox {
    float:none;
	padding:0;
	text-align:left;
	margin-left:0;
	width:100%;
	font-size:14px;
}

a.link_waku2 {
    width: 100%;
    margin-top: 15px;
    font-size: 14px;
    padding: 5px;
box-sizing:border-box;
}


/*--- トップカレンダー ---*/
.topcalender_area {
	width: 100%;
	padding: 40px 0 30px;
}

.topcalender_area_inner {
	width: 100%;
	padding:0 0 0;
}

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

.calender_box1 {
width:640px;
	margin: 0 auto 20px;
	float: none;
}

.calender_box2 {
width:640px;
margin: 0 auto;
	float: none;
}

.calender_box1 table td, th {
    padding: 3px 9px;
}

.calender_box2 table td, th {
    padding: 3px 9px;
}

.calender_textbox {
clear:both;
width:640px;
	margin: 20px auto 0;
	padding:0 20px 0;
	overflow:hidden;
  box-sizing: border-box;
}

.calender_textbox p {
font-size:14px;
}

.calender_textbox p.bigtext {
font-size:16px;
}

.calender_textbox p.indent  {
padding: 0 0 15px 0 !important;
}









/*--- トップお知らせ ---*/
.topnews_area {
  
	width: 100%;
	margin: 0;
	padding: 40px 0 40px;
	text-align:left;
box-sizing:border-box;
}

.topnews_area_inner {
	width: 100%;
}

p.under_ss_title {
font-size:14px;
text-align:left;
padding:0 20px 15px;
	width: 640px;
	margin: 0 auto;
box-sizing:border-box;
}

.news_area {
    padding:0 10px;
width:640px;
	margin: 0 auto;
box-sizing:border-box;
}


.info_dl {
}
.info_dl dt {
	clear: both;
	width: 100%;
	/* edit start 240619 iwa */
	padding: 2em 0 .5em;
	/* edit end 240619 iwa */
	text-align:left;
	font-size: 12px;
}

.info_dl dd {
	width: auto;
	margin-left:0;
	/* edit start 240619 iwa */
	padding: 0 0 .5em;
	/* edit end 240619 iwa */
	font-size: 12px;
}

.news_largemarker {
      margin-left: 15px;
}

.news_largemarker2 {
      margin-left: 15px;
}

.news_largemarker3 {
      margin-left: 15px;
}

.info_dl2 {
}

.info_dl2 dt {
	width: auto;
	font-size:13px;
	font-weight:bold;
	padding: 0 0 15px 0;
}

.info_dl2 dd {
clear:both;
	margin-left:0;
	font-size:12px;
	line-height:1.8;
	padding: 0;
}

.news_shinchaku {
width:100%;
	margin: 0 0 10px;
	padding: 10px 10px;
background-size:44px;
}
.news_shinchaku_uchiwaku {
	padding: 0 10px 10px;
}

.news_shinchaku_uchiwaku div.getrss {
margin-bottom:5px;
font-size:14px;
}

div.news_link_waku {
    width: 100%;
    margin: 10px auto 0;
    font-size: 12px;
    padding: 5px;
box-sizing:border-box;
}

p.news_midashi{
margin:0 0 10px 5px;
   font-size:14px;
   line-height:20px;
   float:left;
}


.news_blog {
	margin: 0 0 30px;
	padding: 15px 10px 10px;
	text-align:left;
    border-radius: 10px;
box-sizing:border-box;
border:1px #3e2816 solid;
}

.news_blog p {
line-height:1.8;
font-size:14px;
}

.news_blog p.bigtext {
line-height:1.4;
font-size:16px;
padding:0 0 7px 0;
color:#705c25;
}
.news_blog h2.bigtext {
	line-height:1.4;
	font-size:16px;
	padding:0 0 7px 0;
	color:#705c25;
	}


/*--- トップご挨拶 ---*/
.topgoaisatsu_area {

	width: 100%;
	margin: 0;
	padding: 40px 0 40px;
	text-align:left;
box-sizing:border-box;
	overflow:hidden;
}

.topgoaisatsu_area_inner {
	width: 100%;
}

.goaisatsu_box {
	padding: 0 20px 0;
box-sizing:border-box;
width: 640px;
	margin: 0 auto;
}


.goaisatsu_textbox {
	margin-left:0;
	width:100%;
    float:none;
}

.goaisatsu_textbox p {
font-size:14px;
}

.goaisatsu_textbox p.bigtext {
	font-size:16px;
}

.goaisatsu_textbox p.green_bold_text {
	font-size:14px;
	padding-bottom:4px;
}

.goaisatsu_right {
    width:100%;
    float:none;
	padding:10px 0 0;
	text-align:center;
    margin:0 auto;
}

/*--- トップバナー ---*/
.topbanner_area {
background:#ffffff;
	width: 100%;
	margin: 0;
	padding: 40px 0 0;
	text-align:center;
	overflow:hidden;
}

.topbanner_area_inner {
	width: 100%;
	margin: 0 auto;
	padding: 0 20px;
	text-align:center;
box-sizing:border-box;
}

.topbanner_area_inner img {
	margin: 0 auto 40px;
	padding:0 20px;
	width:240px;
}




/*----------------------------------------------------------------------
 下層ページ　
----------------------------------------------------------------------*/

#content,
.toppage #content {
	width: 100%;
	padding: 0;
margin:0;
}

#content2 {
	width: 100%;
	padding: 0 0 0;
	margin:0;
box-sizing:border-box;	
}

.img_control2 {
	margin-bottom:15px;
}
.img_control3 {
	margin-top:15px;
	margin-bottom:15px;
}

.img_control_doctor {
    width:100%;
	height:auto;
	margin:0 auto 30px;
	float:none;
}

.img_control_doctor img {
max-width:206px;
width:80%;
}


.kasou_area {
	padding: 27px 0 0 0;
}

div.kasou_inner {
	width:100%;
    padding:0 0 0;
}

/*-新しい見出し-*/

.page_midashi {
clear:both;
font-size:25px;
letter-spacing:0.100em;
	margin: 0 auto 0;
}
.kasou_area p.under_h1{
font-size:12px;
letter-spacing:0.100em;
	padding: 2px 10px 15px !important;
}

.obi_l_midashi {
font-size:24px;
padding: .3em .4em .3em;
}

.obi_l_midashi.top{
}

.tatebou_l_midashi {
	font-size: 21px;
}

.tatebou_l_midashi.top{
	margin: 0 0 .5em;
}

.line_m_midashi {
	margin: 2px 0 17px;
	padding: 0 0 5px 0;
	font-size: 19px;
}
.line_m_midashi.top{
	margin: 0 0 17px;
}

.s_midashi {
	margin: 4px auto 12px;
	padding: 0 0 0 0;
	font-size: 16px;
	text-align: left;
	letter-spacing:0.050em;
	line-height:1.4;
}
.s_midashi.top{
	margin: 0 auto 12px;
}

.s_midashi.kyouchou {

}

.ss_midashi {
	padding: 2px 0 4px;
}

.column_midashi {
	margin: 0 0 3px;
	padding: 0 0 10px 0;


	font-size: 16px;
	font-weight:bold;
	text-align: left;
	line-height:1.4;
	background:none;

	border-radius: 0;
	letter-spacing:0.075em;
}

.column_midashi img{
	margin: 0 7px 0 0;
	padding: 0 0 0 0;
	vertical-align:-1px;


width:15px;
height:15px;
}

.column_midashi2{
	margin: 6px 0 0;
	padding: 0 0 5px 0;
	font-size: 16px;
}	

.kasou_area p{
	font-size: 100%;
	padding: 0 0 33px !important;	
}
.kasou_area p span.bigtext {
	font-size: 16px;
}

.kasou_area p.lh2{
	padding: 0 0 31px !important;	
}

.kasou_area p.lastgyo{
	padding: 0 0 30px !important;

}

.kasou_area p.under_h1{
font-size:12px;
letter-spacing:0.100em;
	padding: 2px 10px 15px !important;
}




.access_timetable {
	margin:15px 0 15px;
}

.access_map_waku {
   width:100%;
   margin:0 0 35px;
}



div.content_wrap {
    width:94%;
	padding:15px 3% 15px 3%;
	margin:0 auto 30px;
}

div.content_wrap h2 {
	margin: 0 auto 15px;
	padding: 2px 0 10px 5px;
	font-size: 14px;
	border-bottom:1px #AD8C5A solid;
}


/*リンクボタン*/

.button_wrap {
  margin:0 0 20px;
}

.button_wrap2 {
  margin:20px 0 5px;
}

.button_wrap3 {
  margin:0 0 20px;
}


.button {
  display: inline-block;
  width: 90%;
  height: 25px;
  font-size:12px;
  padding-right:7px;
}
.button {
  _background-color: #ffffff;
  border: 1px solid #999999;
  line-height: 25px;
}

a.button {
  color:#1867D1;
}

.button:hover {
  background-color: #59b1eb;
  border-color: #59b1eb;
  color: #ffffff;
  text-decoration:none;
}
.button::before,
.button::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.button,
.button::before,
.button::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s;
  transition: all .3s;
}



/*セクションタイトル*/
p.ss_title {
margin:0 0 30px 0;
   font-size:16px;
   line-height:26px;
   float:left;
}

p.ss_title img {
}


.button_brown {
  font-size:88%;
  width: 300px;
}

.button_back {
  font-size:12px;
  height: 24px;
  width: 50px;
  line-height:24px;
}

.button_link {

}
.button_link3 {

}


/*診療内容*/
.treatmentmenubox_kasou div.imgbox_t {
   width:100%;
   margin:0 0 24px 0;
   padding:0 10px;
}

.treatmentmenubox_kasou div.imgbox_t.right {
   width:100%;
   margin:0 0 24px 0;
   padding:0 10px;
}
.treatmentmenubox_kasou div.imgbox_t.left {
   width:100%;
   margin:0 0 24px 0;
   padding:0 10px;
}


.shinryo_button_box {
}

/*医院紹介*/

.kasou_area div.radius_white_box.clinic p{
	padding: 0 0 33px !important;
}

.kasou_area div.radius_white_box.clinic p.profile1{
	padding: 0 0 7px !important;
	line-height:1.8;
}
.kasou_area div.radius_white_box.clinic p.profile2{
	padding: 0 0 0 !important;
	line-height:1.8;
}
.kasou_area div.radius_white_box.clinic p.profile3{
	padding: 0 0 2em !important;
	line-height:1.8;
}
.kasou_area div.radius_white_box.clinic p.profile4{
	padding: 0 0 0 !important;
	line-height:1.8;
}

h2#shoukai {
padding-top:7px;
}

.textbox2 {
margin-left:0;
padding-left:0;
  float: none;
  width: 100%;
  box-sizing: border-box;
}

.clinicarea {
	padding:0 0 0 0;
}

.clinicareabox {
    width:100%;
	float:left;
	margin-bottom:0;
}

.kasou_view iframe {
	height: 300px;
}
	
.shinryoarea {
	margin: 0;
	padding:10px 0 23px 0;
	overflow:hidden;
}
.shinryoareabox {
    width:33.33%;
	float:left;
	margin-bottom:0;
}

.clinicareabox div.clinic_waku {
	padding:0 0 0 0;
}

.clinicareabox div.clinic_waku2 {
	padding:0 0 0 0;
}

div.shinryo_waku {
	padding:0 12px 12px 0;
}

.gaiyou_wrap {
padding-top:0;
}




.clinic_img_box img {
width:100%;
    max-height:none;
	height:auto;
}

.radius_white_box_wrap {
	padding:0 0 0;
	background: #ffffff;
	width: 100%;
}

.radius_white_box {
    width:640px;
	padding:20px 20px 5px 20px;
	margin:0 auto 0;
    border-radius:0;
box-sizing:border-box;	
}
.radius_white_box.wide {
    width:640px;
	padding:20px 20px 5px 20px;
	margin:0 auto 0;
}

.radius_white_box2 {
    width:100%;
	padding:40px 10px 20px 10px;
	margin:0 0 0;
    border-radius:0;
box-sizing:border-box;	
}

.radius_white_box3 {
    width:100%;
	padding:20px 10px 5px 10px;
	margin:0 0 30px;
    border-radius:0;
box-sizing:border-box;	
}

.radius_white_box4 {
    width:94.6%;
	padding:25px 2.7% 30px 2.7%;
	margin:0 auto 30px;
	font-size:12px;
}

.column_box {
	padding:15px 10px 10px;
	margin:0 0 40px;
box-sizing:border-box;
}

.column_box2 {
    background-color:#F2F2F2;
    width:auto;
	padding:20px 10px 0;
	margin:7px 0 27px;
box-sizing:border-box;
}

.column_box2.last {
    background-color:#F2F2F2;
    width:auto;
	padding:20px 10px 0;
	margin:7px 0 35px;
box-sizing:border-box;
}

.column_box3 {
    background-color:#F2F2F2;
    width:auto;
	padding:10px 10px 0;
	margin:0 0 15px;
box-sizing:border-box;
}

.textbox3 {
	padding:8px 0 0;
}


.kasou_area p.column_box_text1 {
margin-top:3px;
}

.bottomline_box5 {
	margin-bottom:15px;
}

.bottomline_box5top {
	margin-bottom:15px;

}

.bottomline_box5bottom {
	margin-bottom:15px;
}

.bottomline_box5bottom2 {
	margin-bottom:15px;
}

.access_btm_area img {
	margin:0 27px 20px;
	width:80%;
	max-width:309px;
}

.access_btm_area {
	margin:0 auto 30px;
}

.access_a_area {
    width:100%;
	margin:0 0 0 0;
}

.access_b_area {
    width:100%;
}

.access_b_area img {
    width:30%;
	margin:0 1.5% 15px;
}

.access_c_area {
    width:100%;
}

div.timetable3_area {
   width:100%;
}

div.timetable3_area img {
   width:100%;
}

div.timetable3_area p {
   font-size:80%;
}

.button {
  width: 80%;
}

/*交通案内*/
div.kasou_access_left {
margin-top:5px;
width:100%;
max-width: 450px;
}

div.kasou_access_left.yoyaku {
margin-top:0;
margin-bottom: 0;
}

div.kasou_access_left.yoyaku2 {
margin-top:3px;
padding-bottom:0;
}


div.kasou_access_right_wrap {
margin-top:0;
padding-bottom:2px;
overflow:hidden;
	width:auto;
}

div.kasou_access_right_wrap.yoyaku2 {
margin-top:18px;
}
div.kasou_access_right {
margin-left:0;
}

.calender_box3 {
width:100%;
margin-bottom:20px;
padding:0;
}

.calender_box4 {
width:100%;
padding:0;
}

/*----------------------------------------------------------------------
 Sidebar
----------------------------------------------------------------------*/
#sidebar {
display:none;

float:none;
	width: 80%;
	margin: 0 auto;
	padding-bottom: 0;
	text-align: left;
}

.sidemenu01{
  margin-bottom:30px;
}


.banner {
	float: none;
	width: 100%;
	padding: 0;
}
.banner img{
	width: 100%;
}
.toppage .banner {
	width: 100% !important;
}
.about {
	float: none;
	width: auto;
	min-height: 0;
	margin: 15px 0 20px !important;
	font-size: 100%;
}
.about2 {
	float: none;
	width: auto;
	min-height: 0;
	margin: 15px 0 30px !important;
	font-size: 100%;
}

ul.banner {
	margin:0 auto 0;
	width:80%;
}

.banner img {
	margin: 0 0 15px 0;
}

.banner img.last {
	margin: 0 0 10px 0;
}

/*----------------------------------------------------------------------
 TopicPath
----------------------------------------------------------------------*/
.topicpath_wrap {
	min-height: 30px;

}

#topicPatharea {
	min-height:30px;
	width:640px;
	margin: 0 auto;
}


ul#topicPath {
	padding: 7px 0 2px 20px;
	float:left;
	font-size: 12px;
	letter-spacing:0.063em;

}

ul#topicPath li {
	padding-left:0;

}

ul#topicPath li a {

}

ul#topicPath li a:after {
    content: '>';
	margin-left:7px;
    margin-right: 2px;

}

/*----------------------------------------------------------------------
 gototoppage
----------------------------------------------------------------------*/
.gototoppage {
    width:100%;
	text-align:center;
	padding:27px 0 23px;
	text-decoration:none;
	font-size:14px;
	background:#eeeeee;
}

.gototoppage a{
	text-decoration:none;
}



/*----------------------------------------------------------------------
 Footer
----------------------------------------------------------------------*/
#footer {
	width: 100%;
	padding: 0;
}

#map_area {
	padding:40px 0 0;
	width: 100%;
}
.map_area_inner {
	width: 640px;
	padding: 0 20px;
box-sizing:border-box;	
}
.map_box1 {
	width: 100%;
	margin-right: 0;
	margin-bottom: 30px;
	height: 310px;
	float: none;
}
.map_box2 {
	width: 100%;
	height: 310px;
	float: none;
	margin-bottom: 30px;
}

.footer_area {
	margin: 0 auto 20px;
	width: 640px;
box-sizing:border-box;
}

div.footerleft {
padding:40px 20px 0;
    width:100%;
	text-align:center;
	float:none;
	margin-right:0;
box-sizing:border-box;
}

div.footerleft img{
max-width:250px;
width:100%;
float:none;
margin:0 auto 20px;
}


div.timetable2_area {
   float:none;
   margin:0 auto;
   width:100%;
   max-width:400px;
}


div.footerleft img.timetable {
	float:none;
	margin:0 0 0 0;
	max-width:400px;
width:100%;
height: auto;
}

div.footerleft p {
font-size:14px;
line-height:1.5;
}


div.timetable2_area p {
    width: auto;
	padding-top:15px;
}

div.footerright {
padding:50px 0 0 0;
    max-width: 400px;
	width:88%;
	text-align:left;
	float:none;
	margin:0 auto;
	
}

div.tel2_area {
    float:none;
	margin:5px auto 15px;
	font-size:20px;
}

.telno_white {
	width:210px;
}


div.access2_area {
width:100%;
margin:0 auto;
text-align:left;
font-size:14px;
}

div.access2_area span {
font-size:16px;
}

div.access2_area p {
line-height:1.8;
padding-bottom:14px;
}

div.access2_area p.bigtext {
   font-size:16px;
}

div.access2_area p.smalltext {
   font-size:14px;
}


div.white_waku {
float:left;
    margin:5px 20px 0 0;
	padding:2px 15px 0px;
    background:#ffffff;
	text-align:center;
	font-size:14px;
	color:#1C8267;
}


ul.accesslist2 li {
font-size:12px;
}


.button_white {
  margin:15px 0 50px;
}

.ichichousei {
vertical-align:-5px;
width:22px;
}

#footer div.copyright {
	clear: both;
	padding: 4px 0 0 0;
	font-size: 14px;
	min-height:22px;

	margin-bottom: 67px;
}


#footer .copyright {
	font-size: 60%;
}

	
/*----------------------------------------------------------------------
 下から出てくるメニュー
----------------------------------------------------------------------*/	
#fmenu-wrap {
display: inherit;
	
  position: fixed;
  z-index: 9999;
  bottom: -67px;
  left: 0;
  width: 100%;
  background: rgba(51,21,20,.9);
  transition: .3s;
}
#fmenu {
  list-style-type: none;
  width: 405px;
  margin: 0 auto;
  padding: 0 0 0 0;
}
#fmenu li {
  width: 101px;
  display: inline-block;
  margin: 10px 5px;
  padding: 0;
  text-align: center;
}
#fmenu li:last-child {
  width: 46px;
}
#fmenu li a {
  display: block;
  width : 100%;
  padding: 0 0;
  transition: .3s;
}
#fmenu li a img {
  width : 101px;
height: 46px;
  padding: 0 0;
vertical-align: bottom;
}
#fmenu li a img.shikaku-btn {
  width : 46px;
height: 46px;
  padding: 0 0;
vertical-align: bottom;
}

/* ----------------------------------------------- */
/*

      BlogRoll css 2

*/
/* ----------------------------------------------- */	
.blogroll-channel .blogroll-list {
    font-size: 14px;
}
.blogroll-channel .blogroll-ad-default {
    font-size: 8px;
}
.blogroll-channel .blogroll-ad-text {
    font-size: 1px;
}
}

@media screen and (max-width: 655px){
#header_sp {
	width: 100%;
}

div.footermenu {
	width: 100%;
}

.radius_white_box {
    width:100%;
}
.radius_white_box.wide {
    width:100%;
}	
/*----------------------------------------------------------------------
 トップページ
----------------------------------------------------------------------*/
.mainimage img {
width:100%;
}
div.header_b_area {
width:100%;
}
.treatmentmenuarea {
	width: 100%;
}
.sec-feature {
	width: 100%;
}
.toptokuchou_area_inner {
	width: 100%;
}
.view_box2 {
	width:100%;
}
.timetable_box {
	width:100%;
}
.calender_box1 {
width:100%;
}

.calender_box2 {
width:100%;
}
.calender_textbox {
width:100%;
}
p.under_ss_title {
	width: 100%;
}
.news_area {
width:100%;
}
.goaisatsu_box {
width: 100%;
}

/*----------------------------------------------------------------------
 Footer
----------------------------------------------------------------------*/

.map_area_inner {
	width: 100%;
}
.footer_area {
	width: 100%;
}
/*----------------------------------------------------------------------
 TopicPath
----------------------------------------------------------------------*/
#topicPatharea {
	width:100%;
}
	
}


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

#footer div.copyright {
	margin-bottom: 52px;
}
/*----------------------------------------------------------------------
 下から出てくるメニュー
----------------------------------------------------------------------*/	
#fmenu-wrap {
  bottom: -52px;
}
#fmenu {
  width: 310px;
}
#fmenu li {
  width: 78px;
  margin: 8px 5px;
}
#fmenu li:last-child {
  width: 36px;
}
#fmenu li a img {
  width : 78px;
height: 36px;
}
#fmenu li a img.shikaku-btn {
  width : 36px;
height: 36px;
}
}

@media print, screen and (max-width: 375px) {
.kasou_area #content p {
    font-size: 14px;
}
.kasou_area ul.common {
}
.kasou_area ul.common li {
	font-size: 14px;
}
.kasou_area ul.common2 {
}
.kasou_area ul.common2 li {
	font-size: 14px;
}
.kasou_area ol.common {
}
.kasou_area ol.common li {
	font-size: 14px;
}
.kasou_area ol.common2 {
}
.kasou_area ol.common2 li {
	font-size: 14px;
}
table.type08 {
	font-size:14px;
}
.s_midashi_dl dt {
	font-size: 16px;
}
.s_midashi_dl dd {
	font-size: 14px;
}
div.news_date {
    font-size:12px;
}
}
