@charset "utf-8";

body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}

/* レイアウト
------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,table,ul,dl,ol,a{font-family: /*'Shin Maru Go Medium'*/'Kosugi Maru' !important;transform: rotate(0.05deg); text-shadow: 0 0 0.1px rgba(51,51,51,0.5);}
h2,h3{text-shadow: 0 0 0.1px rgba(255,255,255,0.5);font-size: 27px;}
h3{font-size: 20px;}
a:hover{text-decoration: none;}
p,ol,dd,li,dt{font-size: 18px;line-height: 1.8em;font-feature-settings: "palt";letter-spacing: 0.7px;}
ul{list-style-type:none;margin:0;padding:0;}
table{width: 100%;border-spacing: 0;}
a{font-size: 16px}

/*汎用クラス*/
.orenge-text{color:#ee9c3b;text-shadow:0 0 0.1px rgba(238,156,59,0.5);}
.blue-text{color:#0068b0 ;text-shadow:0 0 0.1px rgba(0,104,176,0.5) ;}
.black-text{color:#000;text-shadow:0 0 0.1px rgba(0,0,0,0.5) ;}
.red-text{color:#ea8081;text-shadow:0 0 0.1px rgba(234,128,129,0.5);}
.white-space{white-space:nowrap;}
.attent-text{color:red}

/*リンクボタン*/
.orengelink a,.bluelink a{background:#fff;border:1px solid #ee9c3b;color:#ee9c3b;display:inline-block;padding:15px 30px;text-shadow:0 0 0.1px rgba(238,156,59,0.5);}
.bluelink a{border:1px solid #0068b0;color:#0068b0;text-shadow:0 0 0.1px rgba(0,104,176,0.5);}
.orengelink a:hover{background:#ee9c3b;border:1px solid #ee9c3b;color:#fff;text-shadow:0 0 0.1px rgba(255,255,255,0.5);}
.bluelink a:hover{background:#0068b0;border:1px solid #0068b0;color:#fff;text-shadow:0 0 0.1px rgba(255,255,255,0.5);}


/*コンテンツの余白*/
.content{padding:7% 0;}
.content-sub{padding:0 0 7%;}

/* 共通部分
------------------------------------------------------------*/

/*ヘッダー*/
#header h1 {margin-bottom:0;padding-left: 0}

/*gnav*/
nav#mainNav{position:relative;background: #ee9c3b;}
nav#mainNav ul{margin:30px 0 0;}
nav#mainNav ul li{float:left;list-style:none;transition-property: all;transition: 0.3s linear;}
nav#mainNav ul li a{color:#fff;display:block;font-size:89%;width: 100%;text-align:center;height: 90px; display: flex;justify-content: center;align-items: center;padding: 0 5px;line-height: 2em;}
nav#mainNav ul li a:hover{background:rgba(255,244,203,0.5);transition-property: all;transition: 0.3s linear;}
nav#mainNav ul li ul,a#menu{display:none;}

nav#mainNav ul li.active a{color: #ee9c3b;text-shadow:0 0 0.1px rgba(238,156,59,0.5);background: #fff;}


/*フッター*/
#footer{background:#0068b0;clear:both;color:#fff;padding-top:20px;}
#footer img {max-width:450px;}
#footer p{color:#fff;line-height:2.5em;margin-bottom:0;}
#footer ul li{display:inline-block;padding:0 10px 0 25px;}
#footer ul li a{color:#fff;font-size:15px;}
#footer dt{line-height:2em;text-align:center;}
#footer dd{line-height:2em;}
#footer .copyright{clear:both;padding:10px 0;text-align:center;}
#footer .tel{margin-left: -15px}
#footer ul.ul-circle{clear:both;margin-top:30px;}
#footer ul.ul-circle li{line-height:1.5;list-style:none;margin-right:-15px;margin-bottom:10px;position:relative;word-wrap:break-word;overflow-wrap:break-word;}
#footer ul.ul-circle li::before{background:#fff;border-radius:50%;content:"";display:block;height:15px;left:0;position:absolute;top:0.5em;width:15px;}
#footer .square{background:#fff;color:#0068b0;padding:5px;text-shadow:0 0 0.1px rgba(0,104,176,0.5);}
#footer .weekday {text-indent: 2.5em;}
/*topへ戻る*/
#pageTop{margin-bottom:0;text-align:center;padding-top: 100px;}


/*Plusアイコン（トップページ,クリニック案内,精神科訪問診療について）,caseアイコン（症状のご案内）*/
.plusicon{background:#ee9c3b;color:#fff;margin:0 0 16px;padding:5px 40px;text-align:center;}
.plusicon:before,.plusicon:after,.case-title::before,.case-sub-title::before{background:url(images/plus.svg) no-repeat left center/ contain;content:'';display:inline-block;height:20px;position:absolute;top:20%;width:20px;}
.case-title::before{background:url(images/case/case-question.svg) no-repeat left center/ contain;top: 25%;}
.case-sub-title::before{background:url(images/case/case-plus.svg) no-repeat left center/ contain;top:0}
.plusicon:before{left:5px;}
.plusicon:after{right:5px;}

/*ulデザイン*/
ul.list-design li{padding:5px 0;}
ul.list-design li:before {content:"●";color:#EE9C3B;padding-right:10px;}


/*下線*/
.top-border-bottom,.sub-border-bottom{border-bottom:1px solid #c1c1c1;}




/*トップページ
-----------------------------------------------------------------------------*/

/*メインビジュアル*/
#mainImg{height:595px;position:relative;width:100%;}
.mainimg1,.mainimg2,.mainimg3{background:url(images/mainimg.jpg) no-repeat center center/cover;min-height:595px;}
.main-copy{position: absolute;top: -100px;right: 0;bottom: 0;left: 0;margin: auto; max-width: 1000px; min-width: 240px;}

/*トップページのお山部分*/
.top-bg-img{background: url(images/bg.svg) no-repeat top center/100vw;z-index: 100;position: relative;}
.top-title{text-align: center;position: relative;margin-top: -110px;padding-top: 40px;padding-bottom: 20px}

/*トップページの谷部分（footer）*/
#bg-footerimg{background: url(images/bgfooter.svg) no-repeat bottom center/110vw;}

/*はじめに*/
.first-text{font-size: 22px}

/*症状の心当たり*/
ul.checkicon li{border-bottom:3px solid #f3b93d;float:left;padding:15px 15px 15px 40px;max-width:47%;margin-right: 6%}
ul.checkicon li:nth-child(even){margin-right: 0}
ul.checkicon li:before{background:url(images/check.svg) no-repeat top 5px left / contain;content:'';display:inline-block;height:20px;left:5px;position:absolute;width:20px;padding-bottom: 25px;}

/*top左右の画像部分*/
.top-left-bg{background:url(images/visit-bg.jpg) no-repeat center /cover;}
.top-right-bg{background:url(images/symptom.jpg) no-repeat center /cover;}
.top-transparent-bg{background:rgba(255,255,255,0.8);border-radius:10px;margin:50px auto;max-width:600px;padding:35px;min-height: 450px}

/* トップページ お知らせ*/
.news{border-top:5px solid #0068b0;padding:30px 0;}
h2.news{color:#0068b0;text-shadow:0 0 0.1px rgba(0,104,176,0.5);}
.news-text{border-top:1px solid #c1c1c1;margin-bottom:20px;margin-top:-10px;padding-top:1em;}
.news-text dl{border-bottom:1px solid #c1c1c1;}
.news-text dd,.news-text dt{padding-bottom:10px;}
.news-text dd{color:#0068b0;padding-right:20px;}
.news-text a{color: #000}
.news-text a:hover{text-decoration: underline}
.news-text a.orenge-text{color:#ee9c3b;text-shadow:0 0 0.1px rgba(238,156,59,0.5);}
/*背景色 お知らせ*/
.bg-blue{background:#ecf6ff;}


/*タイトル*/
.orengetitle,.bluetitle{background:url(images/orengetitle.svg) no-repeat center center/contain;color:#fff;padding:15px;}
.bluetitle{background:url(images/bluetitle.svg) no-repeat center center/contain;}

/*外来診療時間*/
.schedule{margin:0 0 10px;table-layout:fixed;min-height: 200px;font-size: 25px;}
.schedule th{color:#ee9c3b;text-align:center;border-left:#666666 1px solid;text-shadow: 0 0 0.1px rgba(243,156,59,0.5);}
.schedule th:first-child{border-left: none;width: 30%;}
.schedule td{text-align:center;border-left:#666666 1px solid;border-top:#666666 1px solid;color: #f3b93d;text-shadow: 0 0 0.1px rgba(243,185,61,0.5);height: 150px}
.schedule td.gray-text{color:#c4c4c4;}
.schedule td:first-child{border-left: none;background: #fff6e2;color: #ee9c3b;text-shadow: 0 0 0.1px rgba(243,238,59,0.5);}
.schedule-circle{font-size:40px;}
.schedule-text-light{font-size:16px;font-family: 'Shin Maru Go Light';}


/*外来診療時間 2019.04.01以降*/
.schedule-table{ margin:0 0 10px;  table-layout:fixed;  background:#fff;}
.schedule-table th{ font-size:1.5rem;  color:#ee9c3b;  text-align:center;  border-right:#666 1px solid;  border-bottom:#666 1px solid;  text-shadow:0 0 0.1px rgba(243,156,59,0.5);}
.schedule-table th:first-child {width:30%;}
.schedule-table td:first-child{border-left:none; width:800px; padding:10px;  background:#fff6e2;}
.schedule-table th:last-child{ border-right:none;border-bottom: none;}
.schedule-table .schedule-table-text-right{ font-size:0.8rem;  font-family:'Shin Maru Go Light';  color:#666;  text-align:right;  display:block;}
.schedule-table td{ color:#ee9c3b;  font-size:1.5rem;  text-align:center;  border-left:#666 1px solid;  border-top:#666 1px solid;}
.schedule-table td .notes{ color:rgba(243,185,61,0.5);  font-size:0.7rem;}
.schedule-table .color-gray{ color:#c4c4c4;}
.schedule-table .time{ display:none;}


/*アクセス*/
.accesspin,.telicon,.faxicon{padding-left: 45px;background: url(images/pin.svg) no-repeat 0 0/contain;background-size: 35px 47px;}
.telicon{background: url(images/tel-icon.svg) no-repeat top 5px left/contain;background-size: 35px 40px;padding-bottom: 20px;}
.faxicon{background: url(images/fax-icon.svg) no-repeat top 5px left/contain;background-size: 38px 30px;padding-bottom: 20px;}
.access-tel a{font-size: 18px}
.access-tel a:hover{text-decoration: none}




/*下層ページ共通
-----------------------------------------------------------------------------*/
/*h1丸アイコン*/
.orenge-circletitle{font-size: 30px}
.orenge-circletitle::before{content:'';background: url(images/circle-title.svg) no-repeat top left/ contain;display:inline-block;height:55px;width:55px;position:absolute;}
.orenge-circletitle span{padding-left: 70px;line-height: 2em}

#subpage .news-text dt{color:#ee9c3b;text-shadow:0 0 0.1px rgba(238,156,59,0.5);}
#subpage .news-text dd{color:#000;padding-right:20px;}

/*クリニック案内
-----------------------------------------------------------------------------*/

/*よくある質問*/
.question-img{background: url(images/introduction/question-img.svg) top 50% right/ 50% 50% no-repeat;}

.question_list ul, ol {
  margin:30px;
  padding: 0;
  position: relative;
}

.question_list ul li {
  width:auto;
  color: black;
  border-left: solid 8px orange;/*左側の線*/
  margin-bottom: 10px;/*下のバーとの余白*/
  line-height: 1.5;
  border-radius: 0 15px 15px 0;/*右側の角だけ丸く*/
  padding: 0.5em;
  list-style-type: none!important;
}

/*当クリニックの特徴*/
.sub-numberimg{margin-right: -15px}

/*院内案内*/
.bg-yellow{background:#fff6e2;}


/*院長挨拶
-----------------------------------------------------------------------------*/

/*資格等*/
.greeting-list{line-height: 2em}


/*精神科訪問診療について
-----------------------------------------------------------------------------*/

/*費用のめやす*/
.price-table th,.price-table td{padding: 10px; border: 1px solid #0068b0;background:#fff;}
.price-table th{background:#fff;width: 30%;}
th.price-total,td.price-total{background: #fffcdb;color: #ee9c3b;text-shadow: 0 0 0.1px rgba(238,156,59,0.5);}

/*症状のご案内
-----------------------------------------------------------------------------*/
.case-title{background: #0068b0;color: #fff;padding: 10px;margin: 60px 0 0 0}
.case-box{border: 1px solid #0068b0;padding: 10px 10px  0;}

/*お知らせ記事
-----------------------------------------------------------------------------*/

.detailUpfile img{width: 100%}




/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width:1025px){
}


/* iPadサイズ以下（1024px）からアコーディオンメニュー
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
nav#mainNav ul li a{font-size:63%;}
.main-copy{max-width:700px;top:-53%;}
#header h1 img{width:100%;}
#mainImg{height:580px;}
.mainimg1,.mainimg2,.mainimg3{min-height:320px;}
.top-title{margin-top:-340px;padding-top:40px;}
}

/* iPadサイズ以下（1024px）から 1カラム表示に切り替え
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
.content{max-width:100%;padding:7% 0;width:100%;}
.content-sub{max-width:100%;padding:0 0 7%;width:100%;}
#header h1{padding-left:10px;}

#footer{border:0;margin:-1px 0 0;}
#footer ul{padding-top:20px;}
ul.checkicon li{font-size:12px;}
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
#header{text-align:center;}
#header h2,#footerLogo{float:none;margin-top:20px;}

nav#mainNav ul li a {font-size: 65%;}
#mainNav ul li:nth-child(odd){background: rgba(255,244,203,0.3);}
#toppage .navsp-padding{padding: 0}

#footer{padding:10px 15px 0;}
#footerLogo{float:none;width:100%;}
#footer ul{padding:15px;}
#footer ul li{padding:0;}
#footer ul li a{font-size:12px;padding:0 0 0 22px;}
#footer .tel{border:5px solid #fff;margin-left:0}
#footer dd{padding-top:10px;}
#footer .ul-circle{margin-top:0;}
#footer .weekday {text-indent: 8em;}
#mainImg{height:330px;max-height:210px;overflow:hidden;position:absolute;transform:translate(0%, 0%);}
.main-copy{height:auto;max-width:100%;min-width:83px;top:0;}
.mainimg1,.mainimg2,.mainimg3{min-height: 225px;}

.content{padding:10% 3%;}
.content-sub{padding:0 3%;}

.top-title{margin-top: 190px;}

.plusicon:before,.plusicon:after{top:35%;}
#subpage .plusicon:before,.plusicon:after{top:25%;}
ul.checkicon li{font-size: 16px;max-width: 100%;margin-right: 15px;}

.news-text dd,.news-text dt{display:block;padding-top:5px;}
.news-text dt{padding-bottom:5px;}
.news-text dd{border:0;width:100%;}

.tel,.telicon{border:5px solid #0068b0;border-radius:10px;padding:7px 5px;text-align:center;}
.tel{margin-bottom:0;}
.telicon,.faxicon{padding:10px 5px 10px 40px;}

table.schedule{font-size: 14px;}
.schedule-circle{font-size: 14px;}

/*外来診療時間 2019.04.01以降*/
.schedule-table th:first-child{ width:40%;}
.schedule-table td{ font-size:1.2rem;}
.schedule-table .time{ display:inline;}

.accesspin{margin-top: 20px;}


/*下層ページ共通
------------------------------------------------------------*/
/*gnav*/
#subpage #mainNav ul li ul,#subpage a#menu{display:block;padding: 10px;margin-top: 30px;}
#subpage a#menu{padding-left: 30px;color: #fff}
#subpage nav#mainNav ul{margin:0;}
#subpage #mainNav a.menu:before,#mainNav a.menuOpen:before{content:"";background:url(images/menuOpen.png) 0 0 no-repeat;position:absolute;top:7px;left:7px;width:20px;height:20px;}
#subpage #mainNav a.menuOpen:before{background:url(images/menuOpen.png) no-repeat 0 -42px;}

/*h1丸アイコン*/
.orenge-circletitle{font-size: 25px}

/*クリニック案内
------------------------------------------------------------*/
/*当クリニックの特徴*/
.sub-numberimg{margin-right: 0}

/*よくある質問*/
.question-img{background:none}

/*精神科訪問診療について
-----------------------------------------------------------------------------*/

/*費用のめやす*/
.price-table th,.price-table td{width: 100%;display: block;border-top: none;}
.price-table tr:first-child th{border-top: 1px solid #0068b0;}

/*アクセス
-----------------------------------------------------------------------------*/
.access-tel a{color: #ee9c3b}
}