@charset "utf-8";

/*=================================================================================================================================*/
/** 個別指定 for スマートフォン
/*=================================================================================================================================*/

/*---------------------------------------------
 ** 320px
---------------------------------------------*/
@media screen and (max-width: 320px) {
}

/*---------------------------------------------
 ** 740px
---------------------------------------------*/
@media screen and (max-width: 740px) {


  

.recruit_wrap {
  width: 100%;}
  
.recruit_wrap dt,
.recruit_wrap dd {
  width:100%;

 }

 
.recruit_end{
font-size:16px !important;
}


/*---------------------------------------------
	body
---------------------------------------------*/
html { scroll-behavior: smooth; }
body { font-size: 15px;  font-family: sans-serif; color:#444; }
p    {font-size: 15px;}

/* fook */
.only_sp_none {display:none!important; }
.sp_br{display: inline;}

/*画像*/
img{max-width:100%; height:auto;}

.w1100{ width: 90% !important; }

/* float */
.float_L{ float: none !important;}
.float_R{ float: none !important; }

/*---------------------------------------------
 **  フォント
---------------------------------------------*/
.fz_s{font-size: 14px;}

/*---------------------------------------------
 **  flexbox
---------------------------------------------*/
.flex_item_clounm_3 { width: 100%; margin-bottom:20px;}
.flex_item_clounm_2 { width: 100%; margin-bottom:20px;}

/*---------------------------------------------
 ** 各ブロック
---------------------------------------------*/
.section_block {margin-bottom: 30px;}

/*---------------------------------------------
 **  flex_wrapper_奇数のとき
---------------------------------------------*/
.cell:nth-child(3n+2):last-child {
    margin-left: auto;
    margin-right: 0%;
}

/*---------------------------------------------
 **  ナビ
---------------------------------------------*/
#nav01 ul{padding: 0 12% 0 7%;background:#F6F6F6;}
#nav01 ul li {border-bottom:1px dashed #CCC ; }
#nav01 ul li:last-of-type { border:none; }
#nav01 ul li a{padding: 0.8em 1em 0.7em 2em;font-size:12px;}
#nav01 ul li a:after{ position: absolute; top: 7px; left: 5px;  content: '≫'; color:#0059B2; }
#nav01 ul li:last-of-type a:after{ content: '≫'; }

#nav01 ul li a:before {	display:none;}
#nav01 ul {border-top: 1px solid #DCDDDD; border-bottom: 1px solid #DCDDDD;}

header nav ul li a:hover {background:rgba(255,255,255,0) !important; }

/*---------------------------------------------
 **  メイン画像
---------------------------------------------*/
.main_img {width:100%;height: 140px;position:relative;background-size: cover !important;text-align:center;margin-bottom: -15px !important;}
.header_inner  {width:100% !important;height: 80px;margin: 0 !important;}

.main_h1{text-align:center;font-size:20px;padding:50px 0 0 0;}

.main_h1 {top: 46px;padding:0;}
.main_h1 strong {font-size: 26px;}


/*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/
#header{}
.header_wrapper{}



/*---------------------------------------------
 **  タイトル
---------------------------------------------*/
h2 {font-size: 2.2rem;margin-bottom: 1.7rem;}


h3 {font-size: 19px;}



/*=================================================================================================================================*/
/**  フッター	*/
/*=================================================================================================================================*/
.footer_wrapper{ margin:0 ; padding-bottom:10px; }

#footer #logo {
  width: 92px;
  height: 99px;
  padding: 0;
}

#footer #logo a{
  background: url(../img/common/logo.png) no-repeat;
  background-size: 100% !important;
}
#copyright {font-size:10px!important;}

/* ページTOPへ */
#pageTop {right: 6%;bottom:0;}
#pageTop a {width: 40px;height: 57px;}

/* サイドメニュー */
.menu_wrap{ height: auto !important; }

.footer_tel{margin-bottom: 25px;}
.footer_tel a{width: 205px !important;height: 29px;background: url( ../img/common/tel.png) 0 0 no-repeat;text-indent:-999em;}



/*=================================================================================================================================*/
/**  TOP	*/
/*=================================================================================================================================*/
/*診療時間*/
table.time_table{-moz-border-radius:11px;-webkit-border-radius:11px;border-radius:11px;_zoom: 1;overflow: hidden;-moz-box-shadow:5px 3px 4px rgba(0,0,0,0.02);-webkit-box-shadow:5px 3px 4px rgba(0,0,0,0.02);box-shadow:5px 3px 4px rgba(0,0,0,0.02);width: 100%;margin: 0;}
table.time_table th{font-size: 12px;background-color: #12A5CD ;padding: 4px 2px;}
table.time_table td{font-size: 12px;padding: 2px 2px;}

table.time_table{border:none;border-collapse:inherit;border-spacing: 1px !important;margin-bottom: 10px;}
table.time_table th,table.time_table td{ border:none !important;-moz-border-radius:2px;-webkit-border-radius:2px;border-radius: 2px;}
table.time_table td.midashi_time{font-size:12px; text-align:center; padding:0 0;}
table.time_table td span{color: #464637;font-weight:normal;}
table.time_table td{border-bottom: 1px solid #F1E8D9 !important;}

/* 診療時間 */
.news_wrapper {width: calc((96% - 0px));margin:0 auto;
 box-shadow: 4px 4px rgba(217,109,0,0.1);
}


/*=================================================================================================================================*/
/**  内部ページ	*/
/*=================================================================================================================================*/

.top_wrpper_time .box_img {width: 80%; margin:15px auto 15px;}

.top_main_area {font-size: 20px;color: #464637;line-height: 1.3;
display:inline-block;position:absolute;top: 60px;left: 5%;font-size: 20px;}
.top_main_area {text-shadow:
    white 2px 0px 0px, white -2px 0px 0px,
    white 0px -2px 0px, white 0px 2px 0px,
    white 2px 2px 0px, white -2px 2px 0px,
    white 2px -2px 0px, white -2px -2px 0px,
    white 1px 2px 0px, white -1px 2px 0px,
    white 1px -2px 0px, white -1px -2px 0px,
    white 2px 1px 0px, white -2px 1px 0px,
    white 2px -1px 0px, white -2px -1px 0px,
    white 1px 1px 0px, white -1px 1px 0px,
    white 1px -1px 0px, white -1px -1px 0px;}


.top_wrpper_time .box_img {width: 170px;position: absolute;top: -154px;right: -15px;z-index: 0;}
#index .main_img{ z-index:0; }
.time_table{ position:relative; z-index:1; }
.top_wrpper_time > p{ position:relative; z-index:1;}

.news_wrapper>h3 {width: 100%;float:  none;padding:  5px 0;}


.slick-prev {
  top: 45%;
  width: 23px !important;
  height: 20px !important;
  left: 0 !important;
  border-width: 13px 16px 13px 0 !important;
  }

.slick-next {
  top: 45%;
  width: 23px !important;
  height: 20px !important;
  border-width: 13px 0 13px 16px !important;
  right:0 !important;
  }


.news_slid dt{ width:100%; display:block; float:none; padding-right: 0px; }
.news_slid { padding:14px 40px;}

/* お仕事帰りにも立ち寄れるよう、「19時」まで診療しています */
.top_cl3 dl dt{ margin-bottom: 17px; }
.top_cl3 dl dd{ width:90%; margin: 0 auto; }
.top_cl3 dl dt:after{width: 40px;height: 40px;bottom: -10px;background-size:100%;}


/* 初診の方は、終了時間の30分前にはご来院ください */

.top_first_ul{display: block; padding: 12px 20px; }
.top_first_ul li{ font-size:18px;}

/*---------------------------------------------
 **  内部
---------------------------------------------*/
/*---------------------------------------------
 **  グレー枠　しろ背景
---------------------------------------------*/
.box_pattern_01 dd {font-size:18px;padding: 10px 0%;}
.box_pattern_01_dl_yoko { display:block; }
.box_pattern_01_dl_yoko dt { display:block; border-right:none; border-bottom:1px solid #DDDDDD; text-align:center; padding:0;}

.box_pattern_01 dt { width:100%; }
.box_pattern_01 dd p {width: 100%;}
.box_pattern_01 dd div {width: auto;}

.flex_item_clounm_3.box_pattern_01{ width: 100%;}


/*=================================================================================================================================*/
/**  日帰り白内障手術	*/
/*=================================================================================================================================*/

.comments {margin-left:0;padding-left:0 !important;background:#FFF;padding:5% 5% 5% 60px !important;margin: 0 0 20px;}
.comments p { font-size: 14px;}
.comments:after{width: 30px;height: 30px;position: absolute;top: 5%;left: 6%;margin:0 auto;background-size:100%;}

.flow_bd_long:after{height: 500px;}
.flow_bd_long:after{bottom: -450px !important;}

.flow_bd:after{bottom: -40px;left:0;right:0;margin:0 auto;}

.box_float_L_420>div:nth-of-type(1),
.box_float_R_420>div:nth-of-type(1),
.box_float_L_420>div:nth-of-type(2),
.box_float_R_420>div:nth-of-type(2) { width:100% ; float:none ;}


.box_pattern_01_skeleton { width:90%; padding:0; margin:0 auto;}
.box_pattern_01_skeleton h3 { text-align:center; }
.box_pattern_01_skeleton dd { padding:0 !important; }

div.accordion>dl>dt{
  position: relative;
  top: -30px;
  right: 0;
  cursor: pointer;
}


/*=================================================================================================================================*/
/**  当院のご紹介	*/
/*=================================================================================================================================*/
.box_pattern_clinic {padding: 8px 19px 5px 19px;}
#clinic .box_pattern_01 dt h3{font-size: 18px;margin-bottom:8px;}

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

.accordion {padding: 10px 25px 0px 25px;}
.flex_item_clounm_4 {width:48.5%;margin-bottom:15px;}
.kiki_dl dt { margin-bottom:5px; }
.kiki_dl dd h3{ color:#D86C00; font-size:14px; margin-bottom:0; }
.kiki_dl dd p { font-size:10px; }


/*=================================================================================================================================*/
/**  アクセス	*/
/*=================================================================================================================================*/
.access_icon { width:80px; margin: 0px 0 15px;}
.flex_item_clounm_2_access h3 { font-size: 17px; }

/*=================================================================================================================================*/
/**  コンタクトレンズ	*/
/*=================================================================================================================================*/

.list-lens li{width: 100%; margin: 0 0 15px;position:relative;}
.ptitle {font-size: 14px;margin-bottom: 3px;position:initial;}
.text { font-size:12px; }
 .tag-name { top:unset; bottom:0; font-size:12px; padding:0 10px;}
}