@charset "utf-8";
/*******************************************************************************

	ディレクトリ用 スタイル定義

*******************************************************************************/

/*------------------------------------------------------------------------------
 共通
------------------------------------------------------------------------------*/
.pc{
  display: block;
}

.sp{
  display: none;
}

/*
フラットボタン
*****************/
.flat-buttons
{
	text-align: center;
	margin: 1.5em auto;
	width: 640px;
}
.flat-buttons > li
{
	float: left;
	border: 1px solid #91D9BE;
	width: 288px;
	border-radius: 5px;
	margin: 0 10px;
	overflow: hidden;
}
.flat-buttons > li > a.current,
.flat-buttons > li > a:hover
{
	background-color: white;
}
.flat-buttons .flat-button
{
	display:block;
	padding: 1em 0;
	text-align: center;

}
.flat-buttons .flat-button > span
{
	display: inline-block;
	padding-left: 24px;
	paddint-top: .25em;
	background: url(../theme/images/icon-circle-arrow-white-green-18x18.png) no-repeat left center;
}

/*
ナビゲーションパネル
***********************/
.content > ul.panel-navigation
{
	text-align: center;
	margin-bottom: 60px;
}
.content > ul.panel-navigation > li
{
	display: inline-block;
	border: 1px solid #9FDDC6;
	background-color: white;
	border-radius: 3px;
	width: 45%;
	margin: 0 .5em;
}
.content > ul.panel-navigation > li:hover
{
	opacity: .5;
}
.content > ul.panel-navigation > li.one
{
	background-color: #AFE3D0;
}
.content > ul.panel-navigation > li > a
{
	display: block;
	padding: 2em 0;
	text-align: center;
}
.content > ul.panel-navigation > li > a > span
{
	display: inline-block;
	font-size: 105%;
	padding-top: .25em;
	padding-left: 32px;
	background: url(../theme/images/icon-circle-arrow-white-green-20x20.png) no-repeat left center;
}
.content > ul.panel-navigation > li.one > a > span
{
	background: url(../theme/images/icon-circle-arrow-transparent-white-20x20.png) no-repeat left center;
}


/*
 幅100％画像
************************/
.full-width-image
{
	display: block;
	margin: 2em 0 !important;
}
.full-width-image img
{
	display: block;
	width: 100%;
	border: none;
	position: relative;
	z-index: 20;
}

.has-shadow
{
	position: relative;
}
.has-shadow:after
{
display: block;
  content: ' ';
  height: 10px;
  position: absolute;
  left: 50px;
  right: 50px;
  bottom: -25px;
  z-index: 10;

background: -moz-radial-gradient(top, ellipse cover,  rgba(0,0,0,0.36) 0%, rgba(0,0,0,0) 68%, rgba(0,0,0,0) 100%);
background: -webkit-radial-gradient(top, ellipse cover,  rgba(0,0,0,0.36) 0%,rgba(0,0,0,0) 68%,rgba(0,0,0,0) 100%);
background: radial-gradient(ellipse at top,  rgba(0,0,0,0.36) 0%,rgba(0,0,0,0) 68%,rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5c000000', endColorstr='#00000000',GradientType=1 );

}


/*
人物ポートレートは左寄せ配置
*****************************/
span.image
{
	float: left;
	margin-right: 2em;
	margin-bottom: 0.5em;
	text-align: center;
}
span.image > img
{
	display: block;
}
span.image > cite
{
	display: inline-block;
	margin: .5em 0 0;
	font-size: 80%;
}

/*
ページ内リンク
*****************************/
.content ul.page-navigation
{
	padding: 2em 0 1.75em;
	margin: 2em 0 0;
	text-align: center;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
.content ul.page-navigation > li
{
	display: inline-block;
}
/*
.content ul.page-navigation > li > a
{
	display: block;
	padding: .65em 1.5em .5em;
	background-color: #f1f1f1;
}
.content ul.page-navigation > li > a:hover
{
	background-color: white;
}*/


/*------------------------------------------------------------------------------
 病院案内
------------------------------------------------------------------------------*/
/*
タイトル
*********/
.content.outline > h1
{
	background-color: #CCFFBB;
}
.content.outline > h1 > span
{
	padding: 1.25em 0 1em 24px;
	background: url(../theme/images/icon-circle-arrow-transparent-white-18x18.png) no-repeat left center;
}

/*
共通
********/
.content.outline .section > h2
{
	font-size: 150%;
	line-height: 1;
	padding: 1em 0 0;
	text-shadow: 1px 1px 0 white;
}
.content.outline .section > h2 > span
{
	display: block;
	padding-left: .75em;
	border-left: 5px solid #d8d8d8;	
}


/*
下層ページ　レイアウト共通
************/

.kasou_inner {
    width: 1000px;
    display: flex;
}

.kasou_inner .content {
    width: 740px;
    margin-right: 25px;
}

.kasou_inner aside {
    float: none;
    width: 235px;
}

/*
理念
************/
.content.outline .section.section-policy
{
	margin-top: 3em;
}

.content.outline .section.section-policy > ul
{
	margin: 2em 0 0;
	font-size: 110%;
}
.content.outline .section.section-policy > ul > li
{
	padding: .5em 1em;
	margin: 0;
  text-shadow: 1px 1px 0 white;
	border-bottom: 1px dotted #aaa;
	font-weight: bold;
}


/*
病院概要
************/

.content.outline .section.section-guide > h2
{
	margin: 2em 0 1em;
}


.content.outline .section.section-guide table.tbl02
{
	border-top: 1px dotted #999;
	margin-bottom: 4em;
}

.content.outline .section.section-guide td,
.content.outline .section.section-guide th
{
	padding: .5em 1em;
	white-space: nowrap;
}
.content.outline .section.section-guide th
{
	background-color: #ededed;
}
.content.outline .section.section-guide td
{
	background-color: white;
}
.content.outline .section.section-guide td > small
{
	font-size: 80%;
	font-weight: bold;
	color: #888;
	display: inline-block;
}
.content.outline .section.section-guide td > small:before
{
	content:'（';
}
.content.outline .section.section-guide td > small:after
{
	content: '）';
}

.content.outline .section.section-guide table.building-layout
{
	width: 100%;
	border-right: 1px solid #d8d8d8;
	border-bottom: 1px solid #d8d8d8;
	border-collapse: collapse;
}
.content.outline .section.section-guide table.building-layout td,
.content.outline .section.section-guide table.building-layout th
{
	padding: 1em;
	border-left: 1px solid #d8d8d8;
	border-top: 1px solid #d8d8d8;
}

.content.outline .section.section-guide table.building-layout thead th
{
	font-size: 150%;
	text-shadow: 1px 1px 0 white;
	padding: .6em 0 .5em !important;
}

.content.outline .section.section-guide table.building-layout tbody td,
.content.outline .section.section-guide table.building-layout tbody th
{
	vertical-align: top;
	background-color: white;
}

.content.outline .section.section-guide table.building-layout dl
{
	line-height: 1.2;
}
.content.outline .section.section-guide table.building-layout dt
{
	margin-bottom: .5em;
}
.content.outline .section.section-guide table.building-layout dd
{
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px dotted #ccc;
}
.content.outline .section.section-guide table.building-layout dl > dd:last-child
{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

.content.outline .section.section-guide table.building-layout ul
{

}
.content.outline .section.section-guide table.building-layout ul > li
{
	list-style: disc;
	margin-left: 2em;
}

/*------------------------------------------------------------------------------
 外来案内
------------------------------------------------------------------------------*/

  .gairai_ph{
    margin: 3em auto;
    display: flex;
    justify-content: space-evenly;
  }

  .gairai_ph img{
    width: 48%;
  }

/*------------------------------------------------------------------------------
  社会復帰部門
------------------------------------------------------------------------------*/
/*
タイトル
*********/
.content.rehabili > h1
{
	background-color: #FCBA31;
}

.content.rehabili > .section.section-head > p
{
	margin-right: 2em;
}


/*
社会復帰部門について
*********************/
.content.rehabili > .section.section-about
{
	background-color: white;
	border: 1px solid #ddd;
	padding: 1em 1.5em;
	margin-bottom: 1em;
}
.content.rehabili > .section.section-about > h2
{
	font-size: 130%;
	font-weight: bold;
	padding: 1.2em 0 1em 80px;
	margin-bottom: 1em;
	color: #99c03a;
	border-bottom: 1px solid #a8ca57;
	background: url(../theme/images/mark-clover.png) no-repeat 20px center;
	line-height: 1;
}
.content.rehabili > .section.section-about > h2#feature
{
	border-top: 1px solid #a8ca57;
}


/*
リハビリ施設 
コンテナ内の要素は<theme/css/layout-aside.css>で定義済み。
コンテナ及びタイトル・説明のみ定義した。
**************************************************************/
.content.rehabili > .section.section-about > ol.rehabili-homes
{
	margin: 1em 0;
}
.content.rehabili > .section.section-about > ol.rehabili-homes > li
{
	float: left;
	width: 33%;
	margin-right: 2%;
	background-color: #ffeaad;
}

.content.rehabili > .section.section-about > ol.rehabili-homes > li > ul
{
	padding: 0 .5em;
}
.content.rehabili > .section.section-about > ol.rehabili-homes > li > ul > li
{
	border: none;
}

.content.rehabili > .section.section-about > ol.rehabili-homes > li.col-2
{
	width: 65%;
}

.content.rehabili > .section.section-about > ol.rehabili-homes > li.col-2 > ul > li
{
	float: left;
	width: 49%;
	margin-right: 2%;
	border: none;
}
.content.rehabili > .section.section-about > ol.rehabili-homes > li.col-2 > ul > li:last-child
{
	margin-right: 0;
}


.content.rehabili > .section.section-about > ol.rehabili-homes > li:last-child,
.content.rehabili > .section.section-about > ol.rehabili-homes > li.end
{
	margin-right: 0;
}

.content.rehabili > .section.section-about > .rehabili-homes h3
{
	color: #da7514;
	font-weight: bold;
	padding: .5em 0;
	text-align: center;
	text-shadow: 1px 1px 0 white;
	font-size: 110%;
	border-bottom: 1px solid #da7514;
}



/*
 特徴
**************/
.content.rehabili > .section.section-about > dl
{
	margin: 1em 0;
}
.content.rehabili > .section.section-about > dl > dt
{
	background: url(../theme/images/icon-circle-arrow-transparent-orange-18x18.png) no-repeat left center;
	color: #d97413;
	font-size: 110%;
	line-height: 1;
	padding: .75em 0 .5em 24px;
	
}
.content.rehabili > .section.section-about > dl > dd
{
	margin: .5em 0;
	padding-left: 24px;
}


/*
 お問合せパネル
**************/
.content.rehabili ul.panels
{
	margin: 1em 0 60px;
	box-shadow: 0 0 20px white;
}


.content.rehabili ul.panels > li
{
	width: 50%;
	float: left;
	overflow: hidden;
	min-height: 60px;
	font-size: 130%;
	padding: 20px 0;
	line-height: 1.2;
}
.content.rehabili ul.panels > li.caption
{
	background-color: #fdcb63;
	padding: 30px 0 10px;
	text-shadow: 1px 1px 0 #ffe8b8;
}
.content.rehabili ul.panels > li.caption > span
{
	display: block;
	text-align: center;
	padding-bottom:32px;
	font-weight: bold;
	background: url(../theme/images/icon-circle-arrow-transparent-white-25x26.png) no-repeat center bottom;
}

.content.rehabili ul.panels > li.org-phone
{
	background-color: #eee;
	text-align: center;
	text-shadow: 1px 1px 0 white;
}
.content.rehabili ul.panels > li.org-phone > span
{
	font-size: 180%;
	display: inline-block;
	white-space: nowrap;
	margin: 0 auto;
	padding: 0 0 0 84px;
	font-family: arial;
	font-weight: bold;
	background: url(../theme/images/mark-phone-large.png) no-repeat left center;
/*
	min-height;
*/
}
.content.rehabili ul.panels > li.org-phone > span > small
{
	font-family: inherit;
	font-weight: normal;
	font-size: 45%;
	display: block;
  text-align: left;
}


/*------------------------------------------------------------------------------
	看護部のご紹介
------------------------------------------------------------------------------*/

/*
タイトル
**********/
.content.nursing > h1
{
	background-color: #91D9BE;
}
.content.nursing > h1 > span
{
	padding-left: 0;
	text-align: center;
	background: none;
}

.content.nursing .section.section-policy
{
	border-top: 1px solid #91D9BE;
	border-bottom: 1px solid #91D9BE;
	padding: 0 1.5em;
}

.content.nursing .section.section-policy ul.policy > li
{
	padding: 1em 0;
	border-bottom: 1px dotted #92D9BF;
}
.content.nursing .section.section-policy ul.policy > li:last-child
{
	border-bottom: 0px dotted #92D9BF;
}

.content.nursing .section.section-policy ul.policy > li > h2
{
	float: left;
	padding: 2px;
	border: 2px solid white;
	border-radius: 10px;
	background-color: #f1f1f1;
	color: #6FCCA9;
	font-size: 130%;
}
.content.nursing .section.section-policy ul.policy > li > h2 > span
{
	display: block;
	width: 100px;
	margin: 2em 1em;
	text-align: center;
}
.content.nursing .section.section-policy ul.policy > li > h2 > span > *
{
	display: block;
}
.content.nursing .section.section-policy ul.policy > li > h2 > span > span
{
	border-bottom: 1px solid white;
}
.content.nursing .section.section-policy ul.policy > li > h2 > span > small
{
	border-top: 1px solid #92D9BF;
}
.content.nursing .section.section-policy ul.policy > li > ol
{
	margin-left: 200px;
	list-style: decimal;
}
.content.nursing .section.section-policy ul.policy > li > ol > li
{
	margin: .25em 0;	
	text-shadow: 1px 1px 0 white;
	font-size: 105%;
}

/*
看護師長 あいさつ
**********************/
.content.nursing .section.section-greeting
{
	background-color: white;
	padding: 0 30px 1em;
}


.content.nursing .section.section-greeting > h2
{
	line-height: 1;
	padding: 1.25em 0 1em 50px;
	margin: 0 -30px 1em;
	font-size: 125%;
	text-shadow: 1px 1px 0 white;
	background: #92D9BF url(../theme/images/mark-corner-lb-white-30p.png) no-repeat left bottom;
}

/* 画像が揃ったら削除すること */
span.image > img
{
	background-color: #d8d8d8;
}


/*
看護部の取組み
****************/
.content.nursing .section.section-torikumi
{
	border: 1px solid #ccc;
	border-radius: 7px;
	padding: 1em 1.5em;
	margin-bottom: 2em;
}

.content.nursing .section.section-torikumi > h2
{
	line-height: 1;
	margin-bottom: 1em;
	border-bottom: 1px solid #ccc;
	font-size: 125%;
}
.content.nursing .section.section-torikumi > h2 > span
{
	display: block;
	border-bottom: 1px solid white;
	background: url(../theme/images/mark-hospital.png) no-repeat left bottom;
	padding: 1em 0 .45em 50px;
}

.content.nursing .section.section-torikumi > dl
{
	margin: 1em 0;
}
.content.nursing .section.section-torikumi > dl > dt
{
	background: url(../theme/images/icon-circle-arrow-white-salmon-18x18.png) no-repeat left center;
	color: #FF794C;
	text-shadow: 1px 1px 0 white;
	font-size: 110%;
	line-height: 1.4;
	padding: .75em 0 .5em 24px;
	
}
.content.nursing .section.section-torikumi > dl > dd
{
	margin: .5em 0;
	padding-left: 24px;
}
.content.nursing .section.section-torikumi > dl > dd > em
{
	font-style: normal;
	text-decoration: underline;
}


/*------------------------------------------------------------------------------
	病棟のご紹介／スタッフの声
------------------------------------------------------------------------------*/
.content.ward > h1
{
	background-color: #ACC0DB;
}

/*
病棟共通
*************/
.content.ward > .section-ward
{
	background-color: white;
	border-top: 1px dotted #91D9BE;
	padding: 1.5em 1em;
	margin: 0;
}
.content.ward > .section-last
{
	border-bottom: 1px solid #91D9BE;
	margin-bottom: 3em;
}

.content.ward > .section-ward p
{
	margin: 0;
}

.content.ward > .section-ward .image-container
{
	position: absolute;
	top: 0;
	overflow: hidden;
	background-color: #d8d8d8;
}
.content.ward > .section-ward .image-container > img
{
	display: block;
}

/*
病棟説明
*********/
.content.ward > .section-ward > .description
{
	position: relative;
	padding-bottom: 1em;
	min-height: auto;
  display: flex;
}

.ward-container {
    width: 42%;
}

.image-container {
    width: 50%;
}

.ward-container h2
{
	padding-bottom: .25em;
	border-bottom: 1px solid #91D9BE;
	margin-bottom: .25em;
	font-size: 140%;
	line-height: 1;
	white-space: nowrap;
  color: #6ECCA9;
}


.subttl{
  font-size: 0.6em;
  color: #333;
  margin-left: 1em;
}


.content.ward > .section-ward > .description > h2 > span
{
	color: #6ECCA9;
}
.content.ward > .section-ward > .description > h2 > span > small
{
	color: #444;
	font-size: 60%;
	margin-left: 1em;
}
.content.ward > .section-ward > .description .image-container
{
	right: 0;
	width: 394px;
	height: 130px;
}


/*
スタッフの声
***************/
.content.ward > .section-ward > .staff-voice
{
	position: relative;
	padding-top: 1em;
	padding-left: 170px;
	min-height: 145px;
	border-top: 1px dashed #91D9BE;
}
.content.ward > .section-ward > .staff-voice .image-container
{
	width: 153px;
	height: 145px;
	top: 1em;
	left: 0;
}

.content.ward > .section-ward > .staff-voice > h3
{
	background: url(../theme/images/icon-circle-arrow-white-blue-18x18.png) no-repeat left center;
	padding-left: 24px;
}
.content.ward > .section-ward > .staff-voice > h3 > span
{
	font-size: 115%;
	color: #4699FC;
	display: block;
	padding: .5em 0 .25em;
}
.content.ward > .section-ward > .staff-voice .staff-name
{
	display: inline-block;
	background-color: #B9CAE1;
	padding: .5em 1.25em .25em;
	margin-bottom: .75em;
	color:white;
}

/*
設備紹介
*********/
.content.ward > .section-facilities
{
	margin-top: 1em;
	background-color: white;
	padding: 0 0 1em;
}
.content.ward > .section-facilities > ul.image-list
{
	margin-bottom: 1.5em;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.content.ward > .section-facilities > ul.image-list:after
{
	content: ' ';
	clear: left;
	display: block;
	height: 0;
}
.content.ward > .section-facilities > ul.image-list > li
{
	overflow: hidden;
	width: 32%;
	text-align: center;
}
/*.content.ward > .section-facilities > ul.image-list > li.end
{
	width: 34%;
	margin-right: 0;
}*/
.content.ward > .section-facilities > ul.image-list > li > img
{
	display: block;
	border: none;
}
.content.ward > .section-facilities > ul.image-list > li > img + cite
{
	font-size: 85%;
}
.content.ward > .section-facilities > ul.image-list > li > img + cite:before
{
	content: '【';
}
.content.ward > .section-facilities > ul.image-list > li > img + cite:after
{
	content: '】';
}


/*------------------------------------------------------------------------------
	外来のご案内
------------------------------------------------------------------------------*/
.content.gairai > h1
{
	background-color: #99e285;
}

.content.gairai > .section.section-schedule
{
	margin-top: 2em;
}

.content.gairai > .section.section-schedule > h2
{
	font-size: 120%;
	padding: 1.2em 0 1em 80px;
	margin-bottom: 2.5em;
	color: green;
	text-shadow: 1px 1px 0 white;
	border-bottom: 1px solid green;
	background: url(../theme/images/mark-clover.png) no-repeat 20px center;
	line-height: 1;
}

.content.gairai table.tbl01 > caption
{
	text-align: right;
}

.content.gairai table.tbl01 tbody th
{
	background: #eee;
}

.content.gairai table.tbl01 tbody td
{
	text-align: center;
	height: 2em;
}

.content.gairai table.tbl01 tbody td.long
{
	height: 5em;
}

.content.gairai table.tbl01 + ul
{
	font-size: 90%;
}
.content.gairai table.tbl01 + ul > li
{

}
.content.gairai table.tbl01 + ul > li:before
{
	/* content: '※'; */
	content: '●';
	margin-right: .5em;
}


/*------------------------------------------------------------------------------
	相談室のご案内
------------------------------------------------------------------------------*/
.content.sodan > h1
{
	background-color: #d6d8ff;
}

.content.sodan > .section
{
	margin-top: 2em;
}

.content.sodan > .section > h2
{
	font-size: 120%;
	padding: 1.2em 0 1em 80px;
	margin-top: 2.5em;
	margin-bottom: 1.5em;
	color: green;
	text-shadow: 1px 1px 0 white;
	border-bottom: 1px solid green;
	background: url(../theme/images/mark-clover.png) no-repeat 20px center;
	line-height: 1;
}
.content.sodan > .section > ul
{
	margin: 2em 0;
	text-align: left;
}
.content.sodan > .section > ul > li
{
	margin-left: 2em;
}
.content.sodan > .section > ul > .sodan_notice:before
{
	content: '※';
	margin-right: .25em;
}

.sodan_image_box{
  display: flex;
  justify-content: space-around;
}

.sodan_image_left{
  width: 25%;
  margin: 0 5%;
}

.sodan_image_right{
    width: 40%;
    padding:10%;
    background: url(images/fukidashi_sodan.svg) no-repeat center;
    background-size: contain;
}

.sodan_image_right li{
    padding-left: 2em;
    background: url(images/soudanshitsu_icon.svg) no-repeat;
    background-position: left 5px;
    font-family: 'Kiwi Maru', serif;
    font-weight: bold;
    font-size: 1.1em;
    padding-bottom: 0.5em;
}

.emphasis_sodan{
    color: #FB2F6B;
}

.sodan_link_box{
    width: 90%;
    padding: 2% 5%;
    display: flex;
    border-left: solid 5px #D6D8FF;
    border-radius: 5px;
    background-color: #FFF;
    justify-content: space-around;
}

.sodan_link_box h3 {
    font-weight: bold;
    font-size: 1.1em;
    padding-left: 5%;
    background: url(images/pdf_icon.svg) no-repeat left center;
    width: 25%;
    background-size: 12%;
    line-height: 10;
}

.sodan_link_box ul{
    display: flex;
    flex-wrap: wrap;
    width: 60%;
}

.sodan_link_box li {
    margin: 5px;
    width: calc(43% - 10px);
    background: url("images/soudanshitsu_icon.svg")no-repeat center left;
    padding-left: 6%;
    background-size: 8%;
    line-height: 3;
    text-decoration: underline;
}

.flat-buttons2 > li {
    float: left;
    border: 1px solid #7278F1;
    width: 288px;
    border-radius: 5px;
    margin: 0 10px;
    overflow: hidden;
    background-color: #F7F8FF;
}

.flat-buttons2 .flat-button {
    display: block;
    padding: 1em 0;
    text-align: center;
}

.flat-buttons2 .flat-button > span {
    display: inline-block;
    padding-left: 24px;
    background: url("images/soudanshitsu_icon.svg")no-repeat left center;
    background-size: 8%;  
}

.sodan_info{
  width: 90%;
  padding: 2% 5% 5%;
  border-top: 5px solid #D6D8FF;
  background-color: #FFF;
  border-radius: 5px;
}

.sodan_info h3{
  font-size: 1.1em;
  margin-bottom: 1em;
  font-weight: bold;
}

.sodan_info li{
  padding-bottom: 10px;
  border-bottom: solid 1px #D6D8FF;
  margin-bottom: 10px;
  font-size: 1em;
}

.sodan_info_date{
  font-size: 0.9em;
  margin-right: 1em;
  color: #7278F1;
}

/*相談室のトピックス*/
ul#topics,ul#topics_sp
{
	margin: 0 !important;
}
ul#topics > li
{
	line-height: 1.2;
	padding: 1em 0;
	border-bottom: 1px dotted #99c13b;
	position: relative;  
	padding-right: 70px;
	padding-left: 120px;
}

ul#topics_sp > li
{
	line-height: 1.2;
	padding: 1em 0;
	border-bottom: 1px dotted #99c13b;
	position: relative;  
	padding-right: 0;
	padding-left: 0;
}


ul#topics > li > *,ul#topics_sp > li > *
{
	display: inline-block;
	vertical-align: middle;
}
ul#topics > li > a.info-title,ul#topics_sp > li > a.info-title
{
}
ul#topics > li > a.info-title:hover,ul#topics_sp > li > a.info-title:hover
{
	text-decoration: underline;
}
ul#topics > li > .info-date
{
	position: absolute;
	left: 0;
	white-space: nowrap;
	overflow: hidden;
}

ul#topics_sp > li > .info-date
{
	position: relative;
	left: 0;
	white-space: nowrap;
	overflow: hidden;
}


ul#topics > li > .info-date:after,ul#topics_sp > li > .info-date:after
{
	content: '　';
	display: inline-block;
	margin-left: 1em;
	background: url(../theme/images/icn-allow02.png) no-repeat left center;
}

ul#topics > li > .notify,ul#topics_sp > li > .notify
{
	position: absolute;
	right: 0;
	top: .5em;
	width: 63px;
	height: 22px;
	padding-left: 7px;
	overflow: hidden;
	white-space: nowrap;
	text-align: center;
	padding-top: 5px;
	color: white;
}
ul#topics > li > .notify.notify-new,ul#topics_sp > li > .notify.notify-new
{
	background: url("../root/images/icon-notify-new.png")no-repeat right center;
}
ul#topics > li > .notify.notify-important,ul#topics_sp > li > .notify.notify-important
{
	background: url("../root/images/icon-notify-important.png") no-repeat right center;
}
ul#topics + p,ul#topics_sp + p
{
	text-align: right;
}
ul#topics + p > a,ul#topics_sp + p > a
{
	display: inline-block;
	background: url(../theme/images/icon-circle-arrow-white-green-14x14.png) no-repeat right center;
	padding-top: .25em;
	padding-right: 20px;
}
ul#topics + p > a:hover,ul#topics_sp + p > a:hover
{
	text-decoration: underline;
}


/*------------------------------------------------------------------------------
	作業療法室のご案内
------------------------------------------------------------------------------*/
/*.content.sagyo > .section
{
	margin-bottom: 80px !important;
}*/

.content.sagyo > h1
{
	background-color: khaki;
}

.content.sagyo > .section > h2
{
	font-size: 120%;
	padding: 1.2em 0 1em 64px;
	margin-top: 2.5em;
	margin-bottom: 1.5em;
	color: green;
	text-shadow: 1px 1px 0 white;
	border-bottom: 3px solid #bed56d;
	background: white url(../theme/images/mark-clover.png) no-repeat 20px center;
	background-size: 32px;

	line-height: 1;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.content.sagyo > .section > h3
{
	text-align: center;
	font-weight: bold;
	margin: 2em 0 0;
}

.content.sagyo > .section > .sb1_ttl{
  text-align: left;
}

.sagyo_box1{
  display: flex;
  align-items: flex-start;
}

.sb1_right{
  width: 40%;
  height: auto;
  order: 2;
  justify-content: space-between;
}

.sb1_left
{
  width: 56%;
  margin-right: 4%;
  height: auto;
  order: 1;
}

.sagyo_box2{
  display: flex;
}

.section-seishin ol
{
  margin:0;
  width: 50%;
}

.section-seishin ol > li
{
	display: flex;
  background-color: white;
	font-weight: bold;
	border-right: 1px solid #ddd;
  font-family: 'Kiwi Maru', serif;
  width: 100%;
  justify-content: space-around;
  position: relative;
  margin-bottom: 1.8em;
}

.section-seishin ol > .li1
{
  border-bottom: 5px solid #AAEEF3;
}


.li1::after{
    content: url(images/arrow1.svg);
    display: block;
    position: absolute;
    margin-top: 5.5em;
    right: 3em;
}

.section-seishin ol > .li2
{
  border-bottom: 5px solid #65D38A;
}

.li2::after{
    content: url(images/arrow2.svg);
    display: block;
    position: absolute;
    margin-top: 5.5em;
    right: 3em;
}

.section-seishin ol > .li3
{
  border-bottom: 5px solid #23B365;
}

.li3::after{
    content: url(images/arrow3.svg);
    display: block;
    position: absolute;
    margin-top: 5.5em;
    right: 3em;
}

.section-seishin ol > .li4
{
  border-bottom: 5px solid #FBAA31;
}

.li4::after{
    content: url(images/arrow4.svg);
    display: block;
    position: absolute;
    margin-top: 5.5em;
    right: 3em;
}

.section-seishin ol > .li5
{
  border-bottom: 5px solid #FEB0BC;
}

.sagyo_comment {
    width: 45%;
    margin-left: 5%;
}

.section-seishin ol > li > span
{
	display: inline-block;
	border-left: 5px solid green;
	padding-left: 10px;
}

.ot_li_left{
  width: 12%;
  height: auto;
}

.ot_li_right {
    width: 70%;
    height: 65px;
    font-size: 110%;
    padding-top: 0.7em;
}

.fukidashi {
    font-family: 'Kiwi Maru', serif;
    background-image: url(images/fukidashi.svg);
    padding: 3em 0em;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    font-weight: bold;
    height: 90px;
}

.fukidashi_illust {
    width: 60%;
    display: block;
    margin: 0 auto;
}

.sagyo_ttl{
  text-align: left !important;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: solid 4px #BED56D;
  font-weight: bold;
}

.sagyo_program{
  margin-top: -50px;
}

.sagyo_ph{
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap; /* 折返し指定 */
}

.sagyo_ph > li{
  width: 24%;
  height: auto;
}

.sagyo_ph > li > img{
  width: 100%;
  height: auto;
}

ul.sagyo_ph:last-child {
    margin-bottom: 3em;
}

/*.section-seishin ol > li
{
	padding: .25em 1em 1em;
	text-shadow: 1px 1px 0 white;
}*/


/*------------------------------------------------------------------------------
	入院案内
------------------------------------------------------------------------------*/
.content.nyuin > .section
{
	margin-bottom: 80px !important;

}
.content.nyuin > h1
{
	background-color: #dcdcdc;
}
.content.nyuin > .section > h2
{
	font-size: 120%;
	padding: 1.2em 0 1em 64px;
	margin-top: 2.5em;
	margin-bottom: 1.5em;
	color: green;
	text-shadow: 1px 1px 0 white;
	border-bottom: 3px solid #bed56d;
	background: white url(../theme/images/mark-clover.png) no-repeat 20px center;
	background-size: 32px;

	line-height: 1;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
}

.content.nyuin > .section > ul
{
	margin: 1em 0;
}
.content.nyuin > .section > ul > li
{
	list-style-type: disc;
	margin-left: 1em;
}


.content.nyuin > .section > dl
{
	margin: 1em 0;
}

.content.nyuin > .section > dl > dt
{
	margin: 1em 0 .25em;
	font-size: 110%;
	color: green;

}
.content.nyuin > .section > dl > dd
{
	padding: 1em;
	background: #eee url(../theme/images/bg-diagonal-white.png);
	border: 1px dotted #ccc;
	margin-bottom: 2em;
}


/*------------------------------------------------------------------------------
	心理室のご紹介
------------------------------------------------------------------------------*/

.content.shinri > h1 {
    background-color: #FCDDED;
}

.nav_shinri {
  display: flex;
  width: 100%;
  background: #FFF;
}

.nav_shinri > .nav-wrapper > .inner {
   width: 100%;
}

.nav_shinri ul > li {
  margin: 0;
  line-height: 1;
  max-height: 32px;
  background: none;
}

.nav_shinri ul > li > a {
  display: block;
  padding: 0.5em 1em 0.5em 3.5em;
  font-size: 98%;
  text-decoration: none;
  overflow: hidden;
  background: url("images/arrow_shinri.svg")no-repeat 1.5em center;
  background-size: 16px;  
}

.nav_shinri ul > li:last-child:after
{
	background: none;
}

.nav_shinri ul > li > a:hover {
    background-image: url("images/arrow_shinri_hover.svg");
}

.shinri_box1{
  background-color: #FFF;
  margin-top: 0 !important;
  padding-top: 20px;
  padding-right: 3%;
  padding-left: 3%;
  padding-bottom: 2em;
}

.h2_shinri{
  font-size: 1.3em;
  font-weight: bold;
  margin-bottom: 1em;
  font-family: 'Kiwi Maru', serif;
  background-color: #F6F6F6;
  border-radius: 10px;
  padding: 2%;
}

.shinri_box1_inner{
  display: flex;
  justify-content: space-around;
  align-items: flex-start;
}

.shinri_left{
  width: 75%;
}

.shinri_left li{
  font-size: 90%;
}

.shinri_image_right{
  width: 15%;
  margin-top: 5%;
  margin-right: 5%;
}

.h3_shinri{
  font-size: 1.1em;
  font-weight: bold;
  margin-top: 1em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1em;
  font-family: 'Kiwi Maru', serif;
  background:linear-gradient(transparent 60%, #FCDDED 60%);
  display: inline;
}


.shinri_box2{
  width: 90%;
  padding: 2% 5% 5%;
  border-top: 5px solid #FCDDED;
  background-color: #FFF;
  border-radius: 5px;
}

.shinri_box3{
  width: 90%;
  padding: 2% 5% 5%;
  border-top: 5px solid #D6D8FF;
  background-color: #FFF;
  border-radius: 5px;
}

.shinri_box2 p,.shinri_box3 p{
  margin: 0;
}

.shinri_box2_img{
  width: 80%;
  display: block;
  margin: 0.5em auto 2.5em;
}

.shinri_box2 h2{    
  font-size: 120%;
  padding: 1.2em 0 1em 80px;
  margin-top: 0em;
  margin-bottom: 1.5em;
  text-shadow: 1px 1px 0 white;
  border-bottom: 2px solid #FCDDED;
  background: url(../theme/images/mark-clover.png) no-repeat 20px center;
  line-height: 1;
  font-weight: bold;
}

.shinri_box3 h2{    
  font-size: 120%;
  padding: 1.2em 0 1em 80px;
  margin-top: 0em;
  margin-bottom: 1.5em;
  text-shadow: 1px 1px 0 white;
  border-bottom: 2px solid #D6D8FF;
  background: url(../theme/images/mark-clover.png) no-repeat 20px center;
  line-height: 1;
  font-weight: bold;
}

.shinri_box2 h3{
  font-size: 1.1em;
  font-weight: bold;
  background-color: #FCDDED;
  padding: 5px 10px;
  border-radius: 5px;
  display: inline-block;
  margin-bottom: 0.5em;
}

.shinri_box2 h3:last-child{
  margin-top: 2em;
}

.rehab_img{
  width: 75%;
  display: block;
  margin: 1em auto ;
}

.rehab_text_space{
  padding: 1em 0 0.5em;
}

.rehab_contents{
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 1em;
}

.rehab_contents_left{
  width: 70%;
}

.rehab_contents_right{
  width: 25%;
  height: auto;
}

.rehab_link {
  background-color: #FEF7FB;
  padding: 10px 10px;
  border-radius: 5px;
  border: solid 1px #EF7ECA;
  display: inline-block;
}

.rehab_link:hover {
  background-color: #FFECF7;
  transition: all 0.5s 0s ease;
}

.rehab_link2 {
  border: 1px solid #7278F1;
  border-radius: 5px;
  padding: 10px 10px;
  background-color: #F7F8FF;
  display: inline-block;
}

.rehab_link2:hover {
  background-color: #DCE0FB;
  transition: all 0.5s 0s ease;
}


.rehab_img2{
  width: 60%;
  margin: 1em 0;
  display: block;
}

.rehab_contents_left li{
  font-size: 0.9em;
}