@charset "utf-8";
/* 本体側のスタイル : contact, privacy-policy 以外では不使用 */


/* reset css ---------------------------------------------------------*/
@import "sanitize.css";

html,body,#wrapper{
  width:100%;
  height:100%;
  font-size:1em;
	font-family:"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","游ゴシック体","Yu Gothic","YuGothic","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  color:#000;
  background-color:#fff;
  min-width:1000px;
}
ul{
  list-style-type:  none;
}
a{
  border-style:none;
  border-width:0;
}
a:focus,a:active{
  outline: 0;
}
img{
  border-style:none;
  border-width:0;
}
tr,td,th{
  border:none 0;
}


/*
WordPress で必要なスタイル
 参考： http://hijiriworld.com/web/wp-native-css/
*/

.aligncenter {
  display: block;
  margin: 0 auto;
}
.alignright { float: right; }
.alignleft { float: left; }

strong { font-weight: bold; }
em { font-style: italic; }
blockquote {
  display: block;
  -webkit-margin-before: 1em;
  -webkit-margin-after: 1em;
  -webkit-margin-start: 40px;
  -webkit-margin-end: 40px;
}

#wpadminbar {
  direction: ltr;
  color: #ccc;
  font: 400 13px/32px "Open Sans",sans-serif;
  height: 32px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 600px;
  z-index: 99999;
  background: #23282d;
}


/* ################################################################## */
/*    新開 全ページ共通設定                                              */
/* ################################################################## */
/* navi    ---------------------------------------------------------*/
#navi{
  width:100%;
  min-width:1000px;
}
#navi ul{
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 1000px;
  margin: 0 auto;
}
#navi li{
  position: relative;
  width: 100%;
  border-left: 1px solid #fff;
}
#navi li a{
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#navi li:last-child{
  border-right: 1px solid #fff;
}
#navi li img:last-child{
  position: absolute;
  top:0;
  left:0;
  right: 0;
  margin: auto;
  opacity:0;
}
#navi li a:hover img:last-child{
  opacity:1;
}
#navi li a:hover img:first-child{
  opacity:0;
}

/* 固定コンタクトリンク   ------------------------------------------------*/
#contact{
  width:250px;
  position: fixed;
  top:0;
  margin-left:750px;
  z-index:999;
  background-color:#fff;
}
#contact:hover img{
  opacity: 0.5;
}

/* footer    ---------------------------------------------------------*/
#footer{
  width:100%;
  min-width: 1000px;
  background-color:#2A1F26;
  position: relative;
}
#footer p.pagetop{
  width:72px;
  margin:0 auto;

}
#footer p.pagetop a{
  position: absolute;
  top:-27px;
  background-image:url("../images/footer_pagetop_back.png");
  background-repeat: no-repeat;
  background-position: center center;
}
#footer p.pagetop a:hover img{
  opacity: 0.5;
}
#footer_contents{
  width:835px;
  margin:0 auto;
  padding:60px 0 35px 0;
  color:#fff;
}
#footer_contents .logo{
  text-align:center;
}
#footer_contents .logo img{
  width: 230px;
  max-width: 100%;
}
#footer_contents address{
  font-style:normal;
  font-size:0.75em;
  width:335px;
  float:left;
  margin-top:50px;
  line-height:1.6;
}
#footer_contents address .link{
  display: inline-block;
  margin-top: 20px;
  color: #fff;
}
#footer_contents .time{
  font-size:0.75em;
  width:500px;
  float:right;
  margin-top:50px;
  line-height:1.6;
}
#footer_contents .time p{
  text-indent:-5em;
  margin-left:5em;
}
/*   privacy & sitemap   */
#footer_contents .footer_privacy_block{
  width:316px;
  margin:30px auto 0 auto;
}
#footer_contents .privacy{
  width:158px;
  float:left;
  border-right:1px solid #fff;
  padding-right:18px;
}
#footer_contents .sitemap{
  width:158px;
  float:right;
  padding-left:20px;
}
#footer_contents .footer_privacy_block a:hover{
  opacity:0.5;
}
/*   facebook  */
#footer_contents .facebook{
  width:175px;
  padding-top:5px;
  margin:30px auto 0 auto;
}
#footer_contents .facebook > p{
  width:45px;
  float:left;
}
#footer_contents .facebook > p img{
  width:45px;
  height:45px;
}
#footer_contents .facebook > div{
  width:120px;
  float:right;
}
#footer_contents .facebook > div a{
  font-size:0.75em;
  color:#3a5998;
  text-decoration: underline;
}
#footer_contents .facebook a:hover{
  opacity:0.5;
}

/*   泌尿器とグループ   */
#footer_navi{
  width:100%;
  background-color:#C69C6D;
  padding:15px 0;
}
#footer_navi ul{
  display: flex;
  justify-content: center;
  align-items: center;
}
#footer_navi li{
  width: 200px;
  float:left;
}
#footer_navi li img{
  max-width: 100%;
}
#footer_navi li:first-child{
  text-align:right;
  padding-right:20px;
}
#footer_navi li:last-child{
  text-align:left;
  padding-left:20px;
}
#footer_navi li a:hover{
  opacity: 0.5;
}
#footer .copy{
  padding:20px 0;
  text-align:center;
  color:#fff;
  font-size:0.69em;
}



/* ################################################################## */
/*     index.html css                                                 */
/* ################################################################## */
/* header    ---------------------------------------------------------*/
#header{
  width:100%;
  min-width:1000px;
  height:600px;
  background-image:url("../images/shinkai/index_titlephoto.jpg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
}
#index_header{
  width:1000px;
  margin:0 auto;
  position: relative;
}
#index_header h1{
  padding-top:250px;
  text-align:center;
}

/* navi    ---------------------------------------------------------*/
.index_navi{
  background-color:#2A1F26;
  opacity: 0.7;
  position: absolute;
  bottom:0;
  left:0;
}
.index_navi ul{
  padding:25px 0 25px 0;
}

/* news    ---------------------------------------------------------*/
#index_news{
  padding:35px 0 70px 0;
  width:100%;
  min-width:1000px;
  background-color:#fff;
}
/*     ▼▼　新着・診察：共通*/
#index_contents{
  width:1000px;
  margin:0 auto;
}
#index_contents > h2{
  text-align:center;
}
#index_contents > p{
  font-size:0.81em;
  padding-top:5px;
  text-align:center;
}
/*     ▲▲　新着・診察：共通*/
#index_news .news{
  width:800px;
  height:230px;
  background-color:#fff;
  font-size:0.81em;
  overflow: hidden;
  margin:35px auto 0 auto;
  border:1px solid #666666;
}
#index_news .news > p{
  text-align:right;
  padding:15px 15px 0 0;
}
#index_news .news > p:hover{
  opacity:0.5;
}
#index_news .news ul{
  margin:10px 0 0 30px;
}
#index_news .news li{
  background-image:url("../images/index_news_list.png");
  background-repeat: no-repeat;
  background-position:left center;
  padding-left:15px;
  position: relative;
  margin-bottom:15px;
}
#index_news .news a{
  color:inherit;
}
#index_news .news a:hover,#index_news .news a:hover span{
  text-decoration:underline;
}
#index_news .news li span{
  position: absolute;
  left:115px;
}

/* practice    ---------------------------------------------------------*/
#index_practice{
  padding:35px 0 70px 0;
  width:100%;
  min-width:1000px;
  background-image:url("../images/shinkai/index_contents_back.png");
  background-position:center top;
}
#index_practice #index_contents p{
  color:#2A1F26;
}
#index_practice #index_contents p.read{
  margin:40px 0 45px 0;
  text-align:center;
}
#index_practice ul{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
  width:580px;
  margin:40px auto 0 auto;
}
#index_practice li{
  width:270px;
  margin-bottom: 40px;
  background-color:#fff;
}
#index_practice li:hover img{
  opacity: 0.5;
}

/* contact    -----------------------------------------------*/
#footer_contact{
  width:100%;
  min-width:1000px;
  height:495px;
  padding:60px 0 60px 0;
  background-image:url("../images/shinkai/index_contact_back.jpg");
  background-repeat: no-repeat;
  background-size:cover;
}
#contact_page{
  width:1000px;
  margin:100px auto 200px auto;
}
#contact_page .title {
  text-align: center;
  margin-bottom: 100px;
}
#contact_page h2 {
  font-size: 24px;
}
#contact_page p {
  margin-top: 32px;
  font-size: 0.81em;
}
#contact_page .contact_form {
  width: 684px;
  margin: 0 auto;
}
#contact_page .required {
  padding-left: 0.25em;
  color: #c99c0e;
}
#contact_page .iframe {
  font-size: 0.9em;
  border: solid 1px #808080;
  height: 144px;
  padding: 0.5em;
  overflow: auto;
}
#contact_page input[type="text"],
#contact_page input[type="tel"],
#contact_page input[type="email"],
#contact_page textarea {
  width: 100%;
  border: solid 1px #948F92;
  padding:8px 10px 5px 10px;
}
#contact_page input[type="radio"] {
  vertical-align: middle;
}
#contact_page input[type="radio"] + span {
  margin-right: 1em;
}
#contact_page dt {
  margin-top: 30px;
  margin-bottom: 5px;
  font-size:0.94em;
}
#contact_page input[type="submit"],
#contact_page input[type="reset"] {
  width: 150px;
  height: 40px;
  vertical-align: middle;
  color: white;
  letter-spacing: 0.3em;
  margin: 0 10px;
  border-radius: 0;
  -webkit-appearance: none;
}
#contact_page input[type="submit"] {
  background-color: #e3be70;
}
#contact_page input[type="reset"] {
  background-color: #948F92;
}
#contact_page .center {
  text-align: center;
}

#contact_contents{
  width:1000px;
  margin:0 auto;
}
#footer_contact p{
  position: relative;
}
#footer_contact a{
  position: absolute;
  left:340px;
  top:330px;
}
#footer_contact a:hover{
  opacity: 0.5;
}

/* ################################################################## */
/*     新開　subページ　ヘッダー部分　共通                                  */
/* ################################################################## */
/* header    ---------------------------------------------------------*/
#sub_header{
  width:100%;
  min-width:1000px;
  height:400px;
  background-color:#554C51;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  position: relative;
  border-bottom:4px solid #C88C0E;
}
#sub_header_contents{
  width:1000px;
  margin:0 auto;
  position: relative;
}
#sub_header h1{
  width: 230px;
  padding-top:25px;
}
#sub_header h1 img{
  max-width: 100%;
}
#sub_header p.message{
  margin-top:120px;
  text-align:center;
}
/* navi    ---------------------------------------------------------*/
.sub_navi{
  background-color:transparent;
}
.sub_navi ul{
  padding:35px 0 25px 0;
}

/* ################################################################## */
/*     サブページ共通　css                                               */
/* ################################################################## */
/* レイアウト関連  ------------------------------------------------------ */
.medical_block{
  width:1000px;
  margin:0 auto;
  background-color:#fff;
  padding-bottom:120px;
}
.medical_block h2{
  color:#BA5A24;
  font-size:1.33em;
  padding-top:65px;
}
.medical_contents{
  padding:50px 0;
}
.medical_contents .indent{
  margin-left:20px;
}
.medical_contents .line_topmargin{
  margin-top:20px;
}

/* テキスト関連  ------------------------------------------------------ */
.medical_block h3.square_14{
  color:#2A1F26;
  font-size:0.88em;
  padding-left:15px;
  background-image:url("../images/shinkai/square.jpg");
  background-repeat: no-repeat;
  background-position: left center;
}
.medical_block h3.square{
  color:#2A1F26;
  font-size:1.00em;
  padding-left:15px;
  background-image:url("../images/shinkai/square.jpg");
  background-repeat: no-repeat;
  background-position: left center;
}
.medical_block h3.black{
  color:#2A1F26;
  font-size:0.88em;
  margin-top:20px;
}
p.text{
  font-size:0.81em;;
  margin-top:20px;
  line-height:1.8;
}
p.text span{
  color:#C88C0E;
}
p.coming{
  padding-top:50px;
  font-size:1.75em;
  text-align:center;
}
p.caution{
  font-size:0.74em;
  margin-top:10px;
  line-height:1.8;
}
hr.border_gray{
  border-top:1px solid #999999;
}

/* 効果  ------------------------------------------------------ */
.result{
  color:#2A1F26;
  background-color:#F8D4CD;
  padding:5px 10px;
  margin-top:30px;
}
.resultlist{
  margin-top:15px;
}
.resultlist li{
  background-image:url("../images/private_item.png");
  background-repeat: no-repeat;
  background-position: left 5px;
  padding-left:15px;
  display:inline-block;
  margin-left:15px;
  font-size:0.81em;;
}
.resultlist li:first-child{
  margin-left:5px;
}
/* 表（共通）  ------------------------------------------------------ */
.medical_block table{
  margin-top:30px;
  border-top:1px solid #948F92;
  border-bottom:1px solid #948F92;
}
.medical_block tr:first-child{
/*  border-top:1px solid #948F92;*/
  border-bottom:1px solid #948F92;
}
.medical_block tr:nth-child(n+3){
  border-top:1px dotted #948F92;
}
.medical_block tr:last-child{
/*  border-bottom:1px solid #948F92;*/
}
.medical_block th{
  font-size:0.81em;;
  font-weight:bold;
  text-align:center;
  padding-top:10px;
  padding-bottom:10px;
}
.medical_block td{
  font-size:0.81em;;
  padding-top:10px;
  padding-bottom:10px;
}
th.pad_30{
  padding-left:30px;
  text-align:left;
}
th.pad_20{
  padding-left:20px;
  text-align:left;
}
td.center{
  text-align:center;
}
td.font12{
  padding-left:20px;
  font-size:0.75em;;
}

/* 表（結合なし） クラス：normal  ----------------------------------------- */
.normal th:first-child{
  background-color:#EAE9E9;
}
.normal tr:nth-child(n+2) th:first-child{
  text-align:left;
  padding-left:30px;
}
/* 表（結合あり） クラス：combi  ----------------------------------------- */
.combi th.gray{
  background-color:#EAE9E9;
}
.combi th.dotted{
/*  border-right:1px dotted #948F92;*/
  background-image:url("../images/dotted_tate.png");
  background-repeat:repeat-y;
  background-position:right top;
}
.combi td{
  border:none;
}

/* ################################################################## */
/*     hemodialysis css                                               */
/* ################################################################## */
.hemodialysis_header{
  background-image:url("../images/shinkai/hemodialysis_titlephoto.jpg");
}
.hemodialysis .read_left{
  width:390px;
  float:left;
  font-size:0.81em;
  line-height:1.8;
}
.hemodialysis .read_right{
  width:580px;
  float:right;
}
.hemodialysis table.time{
  margin-top:15px;
}
.hemodialysis table.time th{
  width:150px;
  background-color:#EAE9E9;
}
.hemodialysis table.time td{
  width:60px;
  border-right:1px dotted #948F92;
  text-align:center;
}
.hemodialysis table.time td:last-child{
  border-right:none;
}
.hemodialysis .hospital li{
  display:inline;
  background-image:url("../images/shinkai/triangle.png");
  background-repeat: no-repeat;
  background-position:left center;
  padding-left:12px;
  margin-right:20px;
}
.hemodialysis .hospital li a{
  font-size:0.81em;
  line-height:1.8;
  color:#333333;
}
.hemodialysis .hospital li a:hover{
  opacity: 0.5;
}
.hemodialysis .hospital li a img{
  margin-left:8px;
}

/* ################################################################## */
/*     home_hemodialysis css                                          */
/* ################################################################## */
.home_hemodialysis_header{
  background-image:url("../images/shinkai/home_hemodialysis_titlephoto.jpg");
}
.home_hemodialysis p.border{
  margin:0;
}
.home_hemodialysis .hdd_merit{
  padding-bottom:35px;
}
.home_hemodialysis .hdd_condition{
  padding-top:35px;
}
.home_hemodialysis .hdd{
  margin-top:20px;
}
.home_hemodialysis .hdd li{
  line-height:1.5em;
  font-size:0.88em;
}
.home_hemodialysis .hdd li span{
  font-size:0.4em;
  padding-right:5px;
  vertical-align:middle;
}

/* ################################################################## */
/*     kanpo css                                                      */
/* ################################################################## */
.kanpo_header{
  background-image:url("../images/shinkai/kanpo_titlephoto.jpg");
}
#kanpo > p.text{
  margin-top:0;
}
#kanpo .square{
  margin-top:40px;
}

/* ################################################################## */
/*     urology css                                                      */
/* ################################################################## */
.urology_header{
  background-image:url("../images/shinkai/urology_titlephoto.jpg");
}
#urology .square{
  margin-top:40px;
}

/* ################################################################## */
/*     医師紹介 css                                                    */
/* ################################################################## */
.doctor_header{
  background-image:url("../images/shinkai/doctor_titlephoto.jpg");
}
.doctor_header .message{
  margin-top:125px !important;
}
/* 医師プロフィール  ------------------------------------------------- */
#doctor h2{
  font-size:1.00em;
  color:#2A1F26;
}
.intro .doctor_photo{
  width:200px;
  float:left;
}
.intro .doctor_text{
  width:750px;
  float:right;
}
.doctor_text{
  padding-top:35px;
}
.doctor_text .clinic_name{
  font-size:0.94em;
  margin-bottom:15px;
}
.doctor_text .position{
  font-size:0.94em;
  margin-bottom:5px;
}
.doctor_text .name_jp{
  font-size:1.38em;
  margin-bottom:3px;
}
/* 医師経歴  ------------------------------------------------- */
.career{
  margin-top:50px;
}
.career h3{
  margin-bottom:15px;
}
.belong{
  width:305px;
  float:left;
}
.history{
  width:375px;
  float:left;
}
.results{
  width:320px;
  float:left;
}
.belong li{
  font-size:0.81em;
  line-height:1.8;
}
/*             年表 ------------------------------------------ */
.history table{
  margin-top:0;
  border:none;
}
.history tr:first-child{
  border-top:none;
  border-bottom:none;
}
.history tr:nth-child(n+3){
  border-top:none;
}
.history tr:last-child{
  border-bottom:none;
}
.history th{
  width:70px;
  font-size:0.81em;
  font-weight:normal;
  text-align:left;
  vertical-align: top;
  padding:0;
}
.history td{
  width:235px;
  font-size:0.81em;
  padding:0 0 5px 0;
}

/* ################################################################## */
/*     クリニックについて css                                            */
/* ################################################################## */
.clinic_header .message{
  margin-top:125px !important;
}
/* 　　　　　　　　　　病院紹介  ---------------------------------------- */
.about_clinic{
  width:475px;
  float:left;
}
.about_outside{
  width:450px;
  float:right;
}
.about_outside iframe{
  margin-top:20px;
}
.about_clinic .about_name{
  font-size:1.13em;
  color:#2A1F26;
  font-weight:600;
}
.about_clinic address{
  font-size:0.81em;
  font-style:normal;
  margin-top:30px;
  line-height:1.8;
  font-weight:600;
}
.about_clinic h3.square{
  margin-top:50px;
}
.about_clinic table{
  margin-top:20px;
}
.about_clinic th{
  width:135px;
}
.about_clinic td{
  width:340px;
  padding-left:20px;
}
.about_clinic tr:nth-child(n+3){
  border-top:1px solid #948F92;
}
.about_clinic .normal tr:first-child th:first-child{
  text-align:left;
  padding-left:20px;
}
.about_clinic .normal tr:nth-child(n+2) th:first-child{
  text-align:left;
  padding-left:20px;
}

/* 　　　　　　　　　　院内設備  ---------------------------------------- */
.about_institution{
  width:820px;
  margin:50px auto 0 auto;
}
.about_institution h4.photo_title{
  color:#C88C0E;
  font-size:0.94em;
}
.about_institution .about_photo{
  width:360px;
  float:left;
  margin-right:100px;
}
.about_institution > div:nth-child(2n+1){
  margin-right:0;
}

.about_photo .photo_photo{
  margin-top:10px;
}
.about_photo .photo_photo img{
  max-width: 100%;
}
.about_photo .photo_text{
  color:#333333;
  font-size:0.81em;
  margin-top:15px;
}

/* ################################################################## */
/*     プライバシーポリシー css                                          */
/* ################################################################## */
#policy{
  width:800px;
}
#policy .border{
  width:800px;
  overflow: hidden;
}
#polycy_top_text{
  margin-top:50px;
}
.medical_block p.text_indent{
  margin-left:1em;
  font-size:0.81em;
  line-height:1.8;
}
.medical_contents .burasage{
  text-indent: -1em;
  margin-left:2em;
  font-size:0.81em;
  line-height:1.8;
}
p.policy_square{
  color:#2A1F26;
  font-size:0.81em;
  padding-left:15px;
  background-image:url("../images/shinkai/square.jpg");
  background-repeat: no-repeat;
  background-position: left 3px;
}

/* ################################################################## */
/*     新着情報 css                                                    */
/* ################################################################## */
#news_top_text{
  text-align:center;
  margin:50px 0;
}
.news_block{
  border-top:1px solid #C88C0E;
  border-bottom:1px solid #C88C0E;
}
.news_block .border:last-of-type{
  display: none;
}
.news_h3{
  font-size:0.94em;
  font-weight:600;
}
.news_contents p{
  font-size:0.81em;
}
.news_h3 a{
  color: black;
}
.news_h3 a:hover{
  opacity:0.5;
}
.news_h3 span.news_title{
  padding-left:50px;
}
.medical_contents .news_contents {
  margin-top: 1em;
}
.medical_contents .news_contents p {
  margin: 1em 0;
}
.news_block .medical_contents{
  padding-left:10px;
}
.news_contributor{
  font-size:0.81em;
  line-height:1.8;
  margin-top:20px;
}
/* 　　　　　　　　　　ページャー  ---------------------------------------- */
.news_pager{
  margin-top:50px;
  text-align:center;
}
p.news_prev{
  margin-right:20px;
  display:inline;
}
p.news_page{
  display:inline;
}
p.news_next{
  margin-left:20px;
  display:inline;
}
.news_page a{
  color:#2A1F26;
  padding:0 15px;
}
.news_page a{
  color:#2A1F26;
  padding:0 15px;
}
.news_pager a:hover{
  opacity: 0.5;
}
.news_pager .current{
  color:#E87058;
}

/* ################################################################## */
/*     サイトマップ css                                                 */
/* ################################################################## */
#sitemap{
  width:700px;
  margin:0 auto;
}
#sitemap a{
  color:#2A1F26;
  font-size:0.94em;
}
#sitemap a:hover{
  color:#C88C0E;
}
#sitemap h2.public_title{
  margin-bottom:50px;
}
.site_block{
  padding:25px 0 25px 45px;
}
.site_odd{
  background-color:#D4D2D4;
}

/* ################################################################## */
/*     public css                                                     */
/* ################################################################## */
.medical_block h2.public_title{
  margin-top:100px;
  text-align:center;
}


/* clearfix  ---------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.lato{
  font-family: "lato", sans-serif;
}
.res_text{
  display:none;
}

/*2019/03/14 お問い合わせ*/
.required2{
  display:inline-block;
  margin-top: 10px;
  color: #E87058;
}
