@charset "UTF-8";
/* CSS Document */
/* 初期化
-------------------------------------------------------------- */
ul, ol {
	margin-bottom: 0;
}
ol {
	margin-left: 0;
}
table ol {
	margin-left: 0;
}
@media screen and (max-width:767px) {
	ul, ol {
		padding-left: 1em;
	}
}
/* Bootstrap
------------------------------ */
@media screen and (max-width:767px) {
	.row {
		margin-right: -5px;
		margin-left: -5px;
	}
	.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {
		padding-right: 5px;
		padding-left: 5px;
	}
}
figure {
	display: inline-block;
	text-align: center;
}
.boxImage-left figure {
	margin-bottom: 3rem;
}
/* BodyParameter
-------------------------------------------------------------- */
/* セクション非表示 */
#body-parameter.hidden-staff + #body-inner section.section-staff {
	display: none;
}
#body-parameter.hidden-feature + #body-inner section.section-feature {
	display: none;
}
#body-parameter.hidden-treatment + #body-inner section.section-treatment {
	display: none;
}
#body-parameter.hidden-achievement + #body-inner section.section-achievement {
	display: none;
}
#body-parameter.hidden-topics + #body-inner section.section-topics {
	display: none;
}
#body-parameter.hidden-doctortable + #body-inner section.section-doctortable {
	display: none;
}
/* セクションタブ非表示 */
#body-parameter.home + #body-inner #pageHeader {
	display: none;
}
#body-parameter.hidden-staff + #body-inner li.section-staff {
	pointer-events: none;
}
#body-parameter.hidden-feature + #body-inner li.section-feature {
	pointer-events: none;
}
#body-parameter.hidden-treatment + #body-inner li.section-treatment {
	pointer-events: none;
}
#body-parameter.hidden-achievement + #body-inner li.section-achievement {
	pointer-events: none;
}
#body-parameter.hidden-topics + #body-inner li.section-topics {
	pointer-events: none;
}
#body-parameter.hidden-doctortable + #body-inner li.section-doctortable {
	pointer-events: none;
}
/* 共通スタイル
-------------------------------------------------------------- */
html {
	font-size: 10px;
}
@media screen and (max-width:767px) {
	html {
		font-size: 8px !important;
	}
}
body {
	font-family: メイリオ, Meiryo, “ＭＳ Ｐゴシック”, “Hiragino Kaku Gothic Pro”, “ヒラギノ角ゴ Pro W3”, sans-serif;
}
@media screen and (min-width:768px) {
	.container {
		max-width: 1230px
	}
}
body {
	font-size: 1.7rem;
}
body:not(.home) p {
	font-size: 1.7rem;
	line-height: 1.75em;
	margin-bottom: 0;
	color: #231815;
}
#body-inner {
	overflow: hidden;
}
a {
	color: #2968b2;
}
a:hover {
	color: #f36f01;
}
img {
	max-width: 100%;
	height: auto;
}
table + img {
	margin-top: 1em;
}
p + div.row {
	margin-top: 1em;
}
@media screen and (min-width:768px) {
	.visible-sp {
		display: none;
	}
}
@media screen and (max-width:767px) {
	.hidden-sp {
		display: none;
	}
}
/* 医師写真非表示用 */
.drimageNone {
	display: none !important;
}
/* ボタン、リンク修飾
------------------------------ */
/* ダウンロードボタン */
.buttonDlFile {
	border: none;
	background: none;
	color: #2968b2;
	font-weight: 600;
	margin: 0.5em 0;
}
.buttonDlFile:after {
	content: ">>";
	margin-left: 0.5em;
}
.buttonDlFile:hover {
	text-decoration: underline;
}
/* サイト内ページリンク */
.linkPage {
	border: none;
	background: none;
	color: #2968b2;
	font-weight: 600;
	margin: 0.5em 0;
}
.linkPage:after {
	content: ">>";
	margin-left: 0.5em;
}
.linkPage:hover {
	text-decoration: underline;
}
/* 「こちら」リンク */
a.linkThis {
	text-decoration: underline;
	font-weight: bold;
}
/* サイズ指定
-------------------------------------------------------------- */
img.height-190, .height-190 img {
	max-height: 190px;
}
img.height-280, .height-280 img {
	max-height: 280px !important;
}
img.height-370, .height-370 img {
	max-height: 370px !important;
}
img.height-auto, .height-auto img {
	max-height: none !important;
}
.max-md-50 {
	max-width: 50%;
}
@media screen and (max-width:767px) {
	.max-md-50 {
		max-width: 100%;
	}
}
/* リストスタイル
-------------------------------------------------------------- */
ul.indent3 > li, ol.indent3 > li {
	padding-left: 3em;
	text-indent: -3em;
}
/* QAリスト */
ul.questionanser {
	list-style: none;
	padding-left: 0;
}
ul.questionanser > li {
	border-bottom: dotted 1px #ccc;
	padding-bottom: 1em;
}
ul.questionanser > li > h4.question {
	margin-left: 1.5em;
	position: relative;
	padding-left: 2em;
	margin-bottom: 10px;
}
ul.questionanser > li > h4.question:before {
	content: "Q";
	position: absolute;
	font-size: 1.4em;
	font-weight: bold;
	margin-left: -1.2em;
	margin-top: -0.2em;
}
ul.questionanser > li > div.anser {
	padding-left: 3em;
}
/* ヘッダー
-------------------------------------------------------------- */
#mainHeader {
	z-index: 90;
	width: 100%;
	position: sticky;
	top: 0;
	background-color: #fff;
	box-shadow: 0px 0px 10px 0px #070203;
}
#mainHeader section.header {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	height: 100px;
}
#mainHeader .header-logo {
	display: inline-block;
}
#mainHeader .headerButtons {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-pack: justify !important;
	justify-content: space-between !important;
	-ms-flex-align: end !important;
	align-items: flex-end !important;
}
#mainHeader .headerButtons > div {
	display: inline-block;
	margin-left: 20px;
}
#headerNavigationHome {
	display: none;
}
/* モバイルメニュー */
@media screen and (max-width:767px) {
	#navMobile > .modal {
		position: relative;
	}
}
#navMobile .modal-dialog {
	z-index: 1100;
}
.modal-backdrop.show {
	z-index: 90;
}
#navMobile .modal-dialog .modal-body {
	padding: 0;
}
#navMobile .modal-dialog h3 {
	background-color: #2968B2;
	color: #fff;
	font-size: 1.4em;
	line-height: 1em;
	padding: 0.5em 1em;
}
#navMobile .modal-dialog .modal-body ul {
	list-style: none;
}
#navMobile .modal-dialog .modal-body ul li {
	padding: 1em 0;
}
/* 検索ボタン */
.open-btn {
	cursor: pointer;
}
/*クリック後、JSでボタンに btnactive クラスが付与された後の見た目*/
.open-btn.btnactive {
	background: url("../img/icon_close.svg") no-repeat 15px center; /*閉じるアイコンを背景に表示*/
	background-size: 18px 18px;
}
/*========= 検索窓の設定 ===============*/
/*==検索窓背景のエリア*/
#search-wrap {
	position: absolute; /*絶対配置にして*/
	top: 150px;
	right: 20px;
	z-index: -1; /*最背面に設定*/
	opacity: 0; /*透過を0に*/
	width: 0; /*横幅は0に*/
	transition: all 0.4s; /*transitionを使ってスムースに現れる*/
	border-radius: 5px;
}
/*ボタンクリック後、JSで#search-wrapに panelactive クラスが付与された後の見た目*/
#search-wrap.panelactive {
	opacity: 1; /*不透明に変更*/
	z-index: 3; /*全面に出現*/
	width: 40vw;
	padding: 20px;
	top: 60px;
	background: #fff;
}
/*==検索窓*/
#search-wrap #searchform {
	display: none; /*検索窓は、はじめ非表示*/
}
/*ボタンクリック後、JSで#search-wrapに panelactive クラスが付与された後*/
#search-wrap.panelactive #searchform {
	display: block; /*検索窓を表示*/
}
/*==検索フォームの設定*/
/*==テキスト入力とボタンinput共通設定*/
#search-wrap input {
	-webkit-appearance: none; /*SafariやChromeのデフォルトの設定を無効*/
	outline: none;
	cursor: pointer; /*カーソルを指マークに*/
	color: #666;
}
/*テキスト入力input設定*/
#search-wrap input[type="text"] {
	width: 100%;
	border: none;
	border-bottom: 2px solid #ccc;
	transition: all 0.5s;
	letter-spacing: 0.05em;
	height: 46px;
	padding: 10px;
}
/*テキスト入力inputにフォーカスされたら*/
#search-wrap input[type="text"]:focus {
	background: #eee; /*背景色を付ける*/
}
/*ボタンinput設定*/
#search-wrap input[type="submit"] {
	position: absolute;
	top: 30px;
	right: 30px;
	background: url("../images/headerButton-search-2.png")no-repeat right; /*虫眼鏡アイコンを背景に表示*/
	background-size: 26px 26px;
	width: 30px;
	height: 30px;
	border: none;
}
@media screen and (max-width:767px) {
	#headerButton-search {
		display: none !important;
	}
}
/* 検索ボタンここまで */
@media screen and (max-width:767px) {
	#headerButton-fontsize {
		display: none !important;
	}
}
#headerButton-menu button.btn {
	padding: 0;
}
@media screen and (min-width:768px) {
	#body-parameter.home + #body-inner #headerNavigationHome {
		display: -ms-flexbox !important;
		display: flex !important;
		-ms-flex-pack: distribute !important;
		justify-content: space-around !important;
	}
}
/* フッター
-------------------------------------------------------------- */
#mainFooter {
	margin-top: 5vw;
	background-color: #2a62a6;
	color: #fff;
}
#mainFooter a {
	color: #fff;
}
#mainFooter section.footer {
	padding: 24px 0px 30px 0px;
}
@media (max-width: 767px) {
	#mainFooter section.footer {
		padding: 15px;
	}
}
#mainFooter .hospName {
	font-size: 1.8rem;
}
#mainFooter .hospName > span {
	font-size: 1rem;
}
#mainFooter .hospAddress {
	font-size: 1.2rem;
	margin-bottom: 0.5em;
}
#mainFooter .hospAddress > span {
	font-size: 1.2rem;
}
#mainFooter .snsIcon img {
	height: 40px;
	margin-left: 12px;
}
#mainFooter .hospTel {
	font-size: 2.6rem;
}
#mainFooter .hospTel > span.label {
	font-size: 1.6rem;
}
#mainFooter .hospTel > span.labelAfter {
	font-size: 1.2rem;
}
#mainFooter .hospFax {
	font-size: 2.6rem;
}
#mainFooter .hospFax > span.label {
	font-size: 1.6rem;
}
#mainFooter .hospFax > span.labelAfter {
	font-size: 1.2rem;
}
#mainFooter .hospTimeLabel > span {
	display: inline;
	font-size: 1.2rem;
	border: solid 1px #fff;
	padding: 1px 2px;
}
#mainFooter .hospTime {
	padding-top: 2px;
	font-size: 1.2rem;
}
#mainFooter .hospDayLabel > span {
	display: inline;
	font-size: 1.2rem;
	border: solid 1px #fff;
	padding: 1px 2px;
}
#mainFooter .hospDay {
	padding-top: 2px;
	font-size: 1.2rem;
}
#subFooter {
	padding-top: 20px;
	padding-bottom: 30px;
}
#subFooter .copyright {
	font-size: 12px;
}
#subFooter .copyright a {
	color: #000;
}
/* パンくず
------------------------------ */
ol.breadcrumb {
	margin-left: 0;
	background: none;
}
.breadcrumb li {
	font-size: 1.7rem;
	line-height: 1.75em;
	color: #231815;
}
.breadcrumb-item + .breadcrumb-item::before {
	content: ">";
}
/* 見出し（ＰＣ）
------------------------------ */
.pageTitleWrapper {
	padding: 16px 0px 14px 15px;
	background-color: #E6E6E6;
	border-style: solid;
	border-width: 2px 0px 2px 0px;
	border-color: #1861AE;
}
h1#pageTitle {
	font-size: 2.9rem;
	font-weight: 600;
	color: #2968B2;
	line-height: 1em;
	letter-spacing: 12px;
	margin-bottom: 0;
}
h2 {
	margin-top: 50px;
	margin-bottom: 20px;
	clear: both;
}
h2.sectionTitle {
	margin-top: 50px;
	margin-bottom: 20px;
	font-size: 2.3rem;
	font-weight: 600;
	padding-left: 0.8em;
	border-color: #2968b2;
	border-style: solid;
	border-width: 0 0 1px 4px;
	line-height: 1.4em;
	color: #2968b2;
}
h3 {
	margin-top: 30px;
	margin-bottom: 20px;
	clear: both;
}
h3.subSectionTitle {
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 1.7rem;
	font-weight: 600;
	color: #2968b2;
}
.paddingTop-h3 {
	margin-top: 30px;
}
h3.subSectionTitle:before {
	content: "●";
	margin-right: 4px;
}
.titlePlain h3.subSectionTitle:before {
	content: "";
}
h4 {
	clear: both;
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 1.7rem;
	font-weight: 600;
	color: #2968b2;
}
h5 {
	clear: both;
	margin-top: 30px;
	margin-bottom: 20px;
	font-size: 1.7rem;
	font-weight: 600;
	color: #2968b2;
}
/* 見出し（スマホ）
------------------------------ */
@media (min-width: 768px) {}
/* 固定ページ共通
-------------------------------------------------------------- */
#pageHeader {
	margin-top: 2rem;
}
section#contents {
	margin-top: 2rem;
}
@media (min-width: 768px) {
	.sectionNarrow {
		width: 910px;
		margin: 0 auto;
	}
}
.pageBody {}
/* 第一階層（親）セクション */
section {
	clear: both;
	overflow: hidden;
}
.sectionBody {
	clear: both;
}
.subSection {
	margin-top: 2rem;
	clear: both;
}
@media screen and (max-width:767px) {
	.subSection {
		margin-top: 0;
	}
}
/* ページナビゲーション
------------------------------ */
nav.pageNavi ul {
	margin-right: -1px;
	margin-left: -1px;
	padding: 0;
	list-style: none;
}
nav.pageNavi ul li a {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	background-color: #2968b2;
	color: #fff;
	height: 4em;
	line-height: 1.4em;
}
nav.pageNavi.pageNavi-lastChild-0b318f ul li:last-child a {
	background-color: #0b318f;
	color: #fff;
}
nav.pageNavi .col-sm {
	padding-left: 1px;
	padding-right: 1px;
	margin-bottom: 1px;
}
nav.pageNavi.pageNavi-listChild-0b318f {}
/* ブロックタイプ
------------------------------ */
.subSection.sectionTypeKiyaku h3.subSectionTitle:before {
	content: "";
}
.subSection.sectionTypeKiyaku ol > li:first-child {
	list-style: none;
}
.subSection.sectionTypeKiyaku ol > li:not(:first-child) {
	margin-top: 1em;
}
ul.ul-typeFlow {
	list-style: none;
	padding: 0;
}
ul.ul-typeFlow > li:first-child {
	margin-top: 0;
}
ul.ul-typeFlow > li {
	margin-bottom: 70px;
}
ul.ul-typeFlow > li:not(:last-child):after {
	content: url("../images/common/arrow-typeFlow.png");
	position: absolute;
	left: 50%;
	margin-top: 20px;
	padding-top: 18px;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
}
ul.ul-typeFlow > li {
	border: solid 1px #2968b2;
	padding: 1em;
}
ul.ul-typeFlow > li span.label {
	font-weight: 600;
	color: #2968b2;
}
ul.ul-typeFlow ul {
	margin: 0 1em;
}
.boxContact {
	display: inline-block;
	margin: 2em 0 1em;
	padding: 1em;
	border: solid 1px #2968b2;
	background-color: #2968b211;
}
.boxContact:before {
	content: "お問い合わせ";
	font-size: 1.2em;
	color: #2968b2;
	font-weight: bold;
}
.boxContact > p {
	padding-left: 1em;
}
.boxContact > p:first-child {
	/* 連絡先 */
}
.boxContact > p:nth-child(2) {
	/* 住所 */
}
.boxContact > p:last-child {
	/* 電話/FAX */
}
.boxPlain, .boxPlain100 {
	display: table;
	margin-top: 1rem;
	margin-bottom: 1em;
	border: solid 1px #231815;
	padding: 1rem;
}
.boxPlain100 {
	width: 100%;
}
.boxNotice, .boxNotice100 {
	display: table;
	margin-bottom: 1em;
	border: solid 1px #e60012;
	padding: 1rem;
}
.boxNotice100 {
	width: 100%;
}
.boxBlueNotice {
	background-color: #def;
	border: 1px solid #ccc;
	padding: 0.5em;
	margin-top: 1em;
	margin-bottom: 1em;
}
.boxH4 {
	padding: 1em;
}
.boxH4 h4 {
	margin-top: 0;
	border-bottom: solid 1px #2968b2;
}
.boxH4 p {
	padding-left: 1em;
}
/* 文字飾り
------------------------------ */
a.a-typeArrow:before {
	content: ">>";
	margin-right: 4px;
}
.noticeRed {
	color: #e60012 !important;
}
/* イメージ関連
------------------------------ */
.boxImage {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	margin: 2rem -15px;
}
.boxImage img, .boxImage-left img, .boxImage-sm-left img {
	height: 100%;
}
.boxImage img, .boxImage figure, .boxImage-left img, .boxImage-left figure, .boxImage-sm-left img, .boxImage-sm-left figure {
	position: relative;
	padding-right: 15px;
	padding-left: 15px;
	min-width: 0;
	max-width: 100%;
}
.boxImage figure img, .boxImage-left figure img, .boxImage-sm-left figure img {
	padding-right: 0;
	padding-left: 0;
}
@media (max-width: 767px) {
	.boxImage > img, .boxImage > figure {
		-ms-flex-preferred-size: 0;
		flex-basis: 0;
		-ms-flex-positive: 1;
		flex-grow: 1;
		width: 100%;
	}
}
@media (min-width: 768px) {
	/*
	.boxImage > img, .boxImage > figure {
		max-height: 190px;
		width: auto;
	}
	*/
	.boxImage img {
		max-height: 190px;
		width: auto;
	}
}
.boxImage-left, .boxImage-sm-left {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
	margin: 2rem -15px;
}
@media (max-width: 767px) {
	.boxImage-sm-left {
		-ms-flex-pack: center !important;
		justify-content: center !important;
	}
}
@media (min-width: 768px) {
	.boxImage-left img, .boxImage-sm-left img {
		max-height: 190px;
		width: auto;
	}
}
.boxImage:after, .boxImage-left:after, .boxImage-sm-left:after {}
img.float-left, figure.float-left {
	margin-right: 15px;
	max-width: 40%;
	height: auto;
}
img.float-right, figure.float-right {
	margin-left: 15px;
	max-width: 40%;
	height: auto;
}
/* 行内イメージ */
img.img-row {
	margin-top: 2rem;
	margin-bottom: 2rem;
}
img.imgCenter {
	margin: 2rem auto;
}
figure.imgCenter {
	display: block !important;
	margin: 2rem auto;
}
figure.imgCenter > img {
	margin-left: auto;
	margin-right: auto;
}
.imgCenter > .galleryType1 {
	-ms-flex-pack: center !important;
	justify-content: center !important;
}
/* キャプション */
figure figcaption {
	font-size: 1.4rem;
	font-weight: normal;
	color: #2968b2;
	text-align: center;
	padding-top: 0.3em;
}
figure.title figcaption {
	font-size: 2rem;
}
/* ギャラリーボックス */
.galleryType1 {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	margin-top: 2rem;
	margin-bottom: 2rem;
}
h2 + .galleryType1, h3 + .galleryType1 {
	margin-top: 0;
}
.galleryType1 > img {
	position: relative;
	width: 100%;
	padding-right: 15px;
	padding-left: 15px;
	-ms-flex-preferred-size: 0;
	flex-basis: 0;
	-ms-flex-positive: 1;
	max-width: 100%;
}
.galleryType1 > figure {
	padding-right: 15px;
	padding-left: 15px;
}
.galleryType1 > a {
	padding-right: 15px;
	padding-left: 15px;
}
.galleryType1.imgCenter {
	margin: 2rem auto;
	-ms-flex-pack: center !important;
	justify-content: center !important;
}
/* テーブルタイプ
------------------------------ */
@media (max-width: 767px) {
	.tableScrollable {
		overflow: scroll;
	}
	.tableScrollable th, .tableScrollable td {
		white-space: nowrap !important;
	}
}
table + p, table + div {
	margin-top: 1em;
}
table th, table td {
	padding: 0.5em;
}
/* 標準のホーダー */
table.border, table.border td, table.border th {
	border-collapse: collapse;
	border: 1px solid #333;
}
table.nowrapCol-1 td:nth-child(1), table.nowrapCol-1 th:nth-child(1) {
	white-space: nowrap;
}
table.nowrapCol-2 td:nth-child(2), table.nowrapCol-2 th:nth-child(2) {
	white-space: nowrap;
}
table.nowrapCol-3 td:nth-child(3), table.nowrapCol-3 th:nth-child(3) {
	white-space: nowrap;
}
table.rightCol-3 td:nth-child(3) {
	text-align: right;
}
table.textLeftCol-1.table-typeTopHeader tr:not(:first-child) td:first-child, table.textLeftCol-1.table-typeTopHeader tr:not(:first-child) th:first-child {
	text-align: left !important;
}
table.textLeftCol-1.table-typeTopLeftHeader tr:not(:first-child) td:first-child, table.textLeftCol-1.table-typeTopLeftHeader tr:not(:first-child) th:first-child {
	text-align: left !important;
}
table.textLeftCol-1:not(.typeTopHeader):not(.typeTopLeftHeader) td:first-child, table.textLeftCol-1:not(.typeTopHeader):not(.typeTopLeftHeader) th:first-child {
	/*
	text-align: left !important;
	*/
}
/* 実績表 */
table.table-typeAchievement {
	margin-top: 1rem;
	width: auto;
}
table.table-typeAchievement, table.table-typeAchievement td, table.table-typeAchievement th {
	border-collapse: collapse;
	border: 1px solid #333;
}
table.table-typeAchievement th, table.table-typeAchievement td {
	font-weight: normal;
	text-align: left;
	padding: 0.5em 1.5em;
}
table.table-typeAchievement td {
	text-align: right;
}
table.table-typeAchievement th {
	background-color: rgba(41, 104, 178, 0.1);
}
/* スタッフテーブル（診療科以外） */
table.table-typeStaff, table.table-typeStaff td, table.table-typeStaff th {
	border-collapse: collapse;
	border: 1px solid #333;
}
table.table-typeStaff {
	margin-top: 1rem;
	width: 100%;
}
table.table-typeStaff th, table.table-typeStaff td {
	font-weight: normal;
	text-align: left;
	padding: 0.5em 1.5em;
}
table.table-typeStaff th {
	background-color: rgba(41, 104, 178, 0.1);
}
/* スタッフテーブル（タイプ２　診療科以外） */
table.table-typeStaff2, table.table-typeStaff2 td, table.table-typeStaff2 th {
	border-collapse: collapse;
	border: 1px solid #333;
}
table.table-typeStaff2 {
	margin-top: 1rem;
	width: 100%;
}
table.table-typeStaff2 th, table.table-typeStaff2 td {
	font-weight: normal;
	text-align: left;
	padding: 0.5em 1.5em;
}
table.table-typeStaff2 th {
	background-color: rgba(41, 104, 178, 0.1);
}
/* かかりつけ医テーブル */
table.tablePrimaryCare, table.tablePrimaryCare td, table.tablePrimaryCare th {
	border-collapse: collapse;
	border: 1px solid #333;
}
table.tablePrimaryCare td.hospName {
	width: 16em;
}
table.tablePrimaryCare td.hospDepartment {}
table.tablePrimaryCare td.hospDoctor {
	width: 7em;
}
table.tablePrimaryCare td.hospTel {
	width: 14em;
}
table.tablePrimaryCare td.hospDetail {
	width: 6em;
}
h3.tablePrimaryCareTitle {
	background-color: #2968B2;
	color: #fff;
	padding: 0.5em 1em;
	border-radius: 8px 0 0;
}
/* フローチャートテーブル */
table.tableFlowchart td {
	border-width: 0;
	border-style: solid;
	border-color: #ccc;
}
table.tableFlowchart td a.button {
	line-height: 1em;
	border: solid 1px #ccc;
	display: inline-block;
	padding: 0.5em 1em;
	min-width: 9em;
	box-shadow: 2px 2px 2px #ccc;
}
table.tableFlowchart td a.button:hover {
	box-shadow: -2px -2px 2px #ccc;
	cursor: pointer;
}
/* 手続きテーブル */
table.tableProcedure th {
	background-color: rgba(41, 104, 178, 0.1);
	width: 10em;
}
/* 左のみヘッダー */
table.table-typeLeftHeader {
	margin-top: 1rem;
	width: auto;
}
table.table-typeLeftHeader th, table.table-typeLeftHeader td {
	font-weight: normal;
	text-align: left;
	padding: 0.5em 1.5em;
}
table.table-typeLeftHeader th, table.table-typeLeftHeader tr td:first-child {
	background-color: rgba(41, 104, 178, 0.1);
}
table.table-typeLeftHeader, table.table-typeLeftHeader td, table.table-typeLeftHeader th {
	border-collapse: collapse;
	border: 1px solid #333;
}
/* 上と左がヘッダー */
table.table-typeTopLeftHeader {
	margin-top: 1rem;
	width: auto;
}
table.table-typeTopLeftHeader th, table.table-typeTopLeftHeader td {
	font-weight: normal;
	text-align: left;
	padding: 0.5em 1.5em;
}
table.table-typeTopLeftHeader th {
	background-color: rgba(41, 104, 178, 0.1);
}
table.table-typeTopLeftHeader tr:first-child td, table.table-typeTopLeftHeader tr > td:first-child {
	background-color: rgba(41, 104, 178, 0.1);
}
/* 上のみヘッダー */
table.table-typeTopHeader {
	margin-top: 1rem;
	width: auto;
}
table.table-typeTopHeader th, table.table-typeTopHeader td {
	font-weight: normal;
	text-align: left;
	padding: 0.5em 1.5em;
}
table.table-typeTopHeader th {
	background-color: rgba(41, 104, 178, 0.1);	
}
table.table-typeTopHeader tr:first-child > td {
	background-color: #ffffff;
}
table.tdRight td, table tr.tdRight > td, table td.tdRight {
	text-align: right;
}
table.tdCenter td, table tr.tdCenter > td, table td.tdCenter {
	text-align: center;
}
/* ヘッダーセンタリング */
table.thCenter tr:first-child th, table.table-typeTopLeftHeader.thCenter tr:first-child td {
	text-align: center;
}
table.thLeftCenter tr:first-child th, table.table-typeTopLeftHeader.thLeftCenter td:first-child {
	text-align: center;
}
table.th-center th, table.table-typeTopLeftHeader tr:first-child td, table.table-typeTopLeftHeader tr td:first-child, table.table-typeTopHeader tr:first-child td, table.table-typeLeftHeader tr td:first-child {
	text-align: center;
}
table.td-center td {
	text-align: center;
}
/* テーブル内折返し制御*/
table.wrap2 th, table.wrap2 td {
	white-space: nowrap;
}
table.wrap2 th:nth-child(2), table.wrap2 td:nth-child(2) {
	white-space: normal;
}
table.wrap3 th, table.wrap3 td {
	white-space: nowrap;
}
table.wrap3 th:nth-child(3), table.wrap3 td:nth-child(3) {
	white-space: normal;
}
/* HOME（トップページ）
-------------------------------------------------------------- */
#body-parameter.home + #body-inner section#contents .mainContent > section:not(#sectionMovie):not(#sectionInformation) {
	padding-bottom: 70px;
}
#body-parameter.home + #body-inner h2.sectionTitle {
	margin-top: 70px;
	margin-bottom: 50px;
	font-size: 3.5rem;
	text-align: center;
	line-height: 1em;
	border: none !important;
}
#body-parameter.home + #body-inner h2.sectionTitle > span {
	display: block;
	font-size: 0.5em;
	color: #000;
}
@media screen and (max-width:767px) {
	#body-parameter.home + #body-inner h2.sectionTitle {
		margin-top: 5rem;
		margin-bottom: 2rem;
		font-size: 2.5rem;
	}
	#body-parameter.home + #body-inner section#contents .mainContent > section:not(#sectionLinks) {
		padding-bottom: 0 !important;
	}
}
/* セクション　動画 */
@media screen and (min-width:768px) {
	#sectionMovie .wrapperMovie {
		position: relative;
	}
	#sectionMovie .wrapperMovie .linkMovie {
		position: absolute;
		top: 12px;
		right: 32px;
		font-weight: bold;
		font-size: 14px;
		z-index: 1;
	}
	#sectionMovie .wrapperMovie .linkMovie a {
		color: #fff;
	}
	#sectionMovie .wrapperMovie .linkMovie span:after {
		content: ">>";
		margin-left: 0.5em;
	}
}
@media screen and (max-width:767px) {
	#sectionMovie video {
		max-width: 100%;
	}
}
/* セクション　お知らせ他 */
#sectionInformation {
	font-size: 2.4rem;
}
#sectionInformation-important {
	border: solid 1px #2968B2;
}
#sectionInformation-important .label {
	background-color: #2968B2;
	color: #fff;
	min-height: 78px;
	font-weight: bold;
}
#sectionInformation-important li:not(:first-child) {
	margin-top: 1em;
}
#sectionInformation-important a {
	color: #000;
	text-decoration: none;
	cursor:pointer;
}
#sectionInformation-important a:hover {
	color: #2968b2;
}
#sectionInformation-hour table {
	border: solid 1px #2968B2;
}
#sectionInformation-hour table th, #sectionInformation-hour table td {
	padding: 0.2em 0.5em;
}
#sectionInformation-hour table th {
	background-color: #2968B2;
	color: #fff;
}
@media screen and (max-width:767px) {
	#sectionInformation {
		font-size: 2rem;
	}
	#sectionInformation-important .label {
		font-weight: normal;
		min-height: 2em;
	}
}
/* セクション　ナビゲーション１ */
.sectionNavigation .row {}
.sectionNavigation .row > div {
	margin-top: 15px;
	margin-bottom: 15px;
}
.sectionNavigation a {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	height: auto;
	aspect-ratio: 100 / 100;
	box-shadow: 4px 4px 8px 2px rgb(0 0 0 / 30%);
}
#sectionNavigation-1 a {
	background-color: #155ba2;
}
.sectionNavigation a:before {}
.sectionNavigation a:hover {
	text-decoration: none;
}
.sectionNavigation a p {
	text-align: center;
	line-height: 1.6em;
	margin-bottom: 0.5em;
}
#sectionNavigation-1 a p {
	font-size: 30px;
	color: #fff;
}
#sectionNavigation-1 a img {
	max-width: 100%;
	max-height: 100px;
	margin: 0;
}
#sectionNavigation-2 a p {
	font-size: 22px;
	color: #155ba2;
}
.sectionNavigation a, .bannerTopics a {
	transition-duration: 0.3s;
	transition-property: transform;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	transform: translateZ(0);
}
.sectionNavigation a:hover, .bannerTopics a:hover {
	transform: scale(1.1);
	transition-duration: 0.3s;
	transition-property: transform;
}
@media screen and (min-width:768px) {
.sectionNavigation .w_25{
	max-width:25%;
	}
.sectionNavigation .w_25 a{
	max-width: 100%;
    min-height: 280px;
	}
}
@media screen and (max-width:767px) {
	.sectionNavigation .row > div {
		margin-top: 5px;
		margin-bottom: 5px;
	}
	.sectionNavigation a {
		-ms-flex-direction: row !important;
		flex-direction: row !important;
		-ms-flex-pack: space-around !important;
		justify-content: space-around !important;
		-ms-flex-align: center !important;
		align-items: center !important;
		height: 100%;
		aspect-ratio: 100 / 40;
		box-shadow: 4px 4px 8px 2px rgb(0 0 0 / 30%);
	}
	#sectionNavigation-1 a p {
		font-size: 16px;
		margin: 0;
	}
	#sectionNavigation-1 a img {
		max-width: 15%;
		max-height: 50%;
		margin: 0;
	}
	#sectionNavigation-2 a p {
		font-size: 14px;
		margin: 0;
	}
	#sectionNavigation-2 a img {
		max-width: 15%;
		max-height: 50%;
		margin: 0;
	}
}
/* セクション　トピックス */
#sectionTopics {
	background-color: #ebf6f9;
}
#sectionTopics .bannerTopics {
	margin-top: 15px;
	margin-bottom: 15px;
}
#sectionTopics .bannerTopics .boxClickable {
	overflow: hidden;
	background-color: #fff;
	box-shadow: 4px 4px 8px 2px rgb(0 0 0 / 30%);
	transition-duration: 0.3s;
	transition-property: transform;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	transform: translateZ(0);
}
#sectionTopics .bannerTopics .boxClickable:hover {
	transform: scale(1.1);
	transition-duration: 0.3s;
	transition-property: transform;
}
#sectionTopics .bannerTopics .boxClickable h3 {
	font-size: 20px;
	color: #1a1a1a;
	text-align: center;
}
#sectionTopics .bannerTopics a:hover {
	text-decoration: none;
}
@media screen and (max-width:767px) {
	#sectionTopics .bannerTopics .boxClickable h3 {
		font-size: 12px;
		margin: 6px 0;
	}
}
/* セクション　ニュース */
#sectionNews .sectionNewsTitleBar {
	height: 6rem;
	background-color: #2968b2;
	padding: 0 3rem;
	color: #fff;
}
#sectionNews .sectionNewsTitleBar span.title {
	font-size: 2.3rem;
}
#sectionNews .sectionNewsTitleBar span.all {
	font-size: 1.6rem;
}
#sectionNews .nav-tabs {
	margin-top: 2rem;
	padding-bottom: 2rem;
}
#sectionNews .nav-tabs .nav-link {
	color: #000;
}
#sectionNews .nav-tabs .nav-link.active {
	color: #000;
	font-weight: bold;
	border: none;
}
#sectionNews .nav-tabs li.nav-item:not(:last-child) {
	border-right: dotted 1px #dee2e6;
}
#sectionNews .nav-tabs li.nav-item:after {
	content: "﹀";
}
#sectionNews tr {
	border-bottom: 1px solid #dee2e6;
}
#sectionNews td {
	font-size: 1.9rem;
	line-height: 1.4em;
	padding: 1em 0.5em;
}
#sectionNews td.category > span {
	color: #fff;
	text-align: center;
	display: block;
	padding: 0.5em 1em;
}
#sectionNews tr.news-patient td.category > span {
	background-color: #2968b2;
}
#sectionNews tr.news-event td.category > span {
	background-color: #3fafd9;
}
#sectionNews tr.news-recruit td.category > span {
	background-color: #51b33f;
}
#sectionNews tr.news-profession td.category > span {
	background-color: #bc358e;
}
#sectionNews tr.news-other td.category > span {
	background-color: #555555;
}
@media screen and (max-width:767px) {
	#sectionNews ul.nav {
		margin-right: -5px;
		margin-left: -5px;
	}
	#sectionNews ul.nav li.nav-item {
		position: relative;
		width: 100%;
		-ms-flex: 0 0 33.333333%;
		flex: 0 0 33.333333%;
		max-width: 33.333333%;
		padding-right: 5px;
		padding-left: 5px;
		border: solid 1px #ccc;
	}
	#sectionNews ul.nav li.nav-item:after {
		content: none;
	}
	#sectionNews ul.nav li.nav-item a {
		padding: 4px 0;
	}
	#sectionNews tr {
		display: grid;
		grid-template-columns: 8em 1fr;
		border-color: #555;
	}
	#sectionNews tr td.date {
		grid-row: 1 / 2;
		grid-column: 1 / 2;
		padding: 4px 0;
		margin-top: 4px;
	}
	#sectionNews tr td.category {
		grid-row: 1 / 2;
		grid-column: 2 / 3;
		padding: 0;
	}
	#sectionNews tr td.category span {
		padding: 4px 0;
		margin-top: 4px;
	}
	#sectionNews tr td.title {
		grid-row: 2 / 3;
		grid-column: 1 / 3;
		padding: 4px;
	}
}
/* セクション　関連リンク */
#sectionLinks {
	background-color: #ebf6f9;
}
#sectionLinks .row.links a img {
	transition-duration: 0.3s;
	transition-property: transform;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	transform: translateZ(0);
}
#sectionLinks .row.links a img:hover {
	transform: scale(1.1);
	transition-duration: 0.3s;
	transition-property: transform;
}
/* リストページ
-------------------------------------------------------------- */
ul.button-typeDefault {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -15px;
	margin-left: -15px;
	padding: 0;
	list-style: none;
}
ul.button-typeDefault > li {
	-ms-flex: 0 0 25%;
	flex: 0 0 25%;
	max-width: 25%;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
}
ul.button-typeDefault > li a {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-align: center !important;
	align-items: center !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	border: solid 2px;
	padding: 0 1em;
	min-height: 4em;
	border-color: #1861ae;
	color: #1861ae;
	position: relative;
}
ul.button-typeDefault > li a:after {
	content: ">>";
	position: absolute;
	right: 4px;
	opacity: 0.2;
}
ul.button-typeDefault > li:hover a {
	cursor: pointer;
	background-color: #1861ae;
	color: #fff;
}
@media screen and (max-width:767px) {
	ul.button-typeDefault {
		margin-right: -5px;
		margin-left: -5px;
	}
	ul.button-typeDefault > li {
		-ms-flex: 0 0 50%;
		flex: 0 0 50%;
		max-width: 50%;
		padding-left: 5px;
		padding-right: 5px;
		margin-bottom: 5px;
	}
	ul.button-typeDefault > li > h3 {
		margin: 0;
	}
}
/* 診療科 / 部門共通
-------------------------------------------------------------- */
/* 一覧表示 */
ul.button-typeSupport > li a {
	border-color: #00a73c;
	color: #00a73c;
}
ul.button-typeSupport > li:hover a {
	background-color: #00a73c;
	color: #fff;
}
ul.button-typeCenter > li a {
	border-color: #ed6c00;
	color: #ed6c00;
}
ul.button-typeCenter > li:hover a {
	background-color: #ed6c00;
	color: #fff;
}
ul.button-typeChiken > li a {
	border-color: #F3C;
	color: #F3C;
}
ul.button-typeChiken > li:hover a {
	background-color: #F3C;
	color: #fff;
}
/* 診療科ページ */
.tableStaff {
	border-color: #231815;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	line-height: 1.6em;
}
.tableStaff-row {
	display: grid;
	grid-template-columns: 20% 40% 40%;
}
.tableStaff-colName {
	order: 1;
	grid-row: 1 / span 2;
	grid-column: 1;
	border-right: solid 1px #231815;
	text-align: center;
	padding: 1em;
	/* 写真の無い医師用に中央揃え対策 */
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-pack: center !important;
	justify-content: center !important;
	flex-direction: column;
}
.tableStaff-colSpeciality {
	order: 2;
	grid-row: 1;
	grid-column: 2;
	border-right: solid 1px #231815;
	padding: 1em;
}
.tableStaff-colGraduate {
	order: 3;
	grid-row: 2;
	grid-column: 2;
	border-right: solid 1px #231815;
}
.tableStaff-colGraduate .tableStaff-graduateLabel {
	padding: 0 1em;
}
.tableStaff-colGraduate .tableStaff-graduate {
	padding: 1em;
}
.tableStaff-colQualification {
	order: 4;
	grid-row: 1 / span 2;
	grid-column: 3;
	padding: 1em;
}
	/* ４列レイアウト対応 */
.table4Columns .tableStaff {}
.table4Columns .tableStaff-row {
	grid-template-columns: 20% 20% 30% 30%;
}
.table4Columns .tableStaffHeader {
	background-color: #2968b2;
	color: #fff;
}
.table4Columns .tableStaffHeader .tableStaff-colName {
	border-right-color: #fff;
}
.table4Columns .tableStaffHeader .tableStaff-colSpeciality {
	border-right-color: #fff;
}
.table4Columns .tableStaffHeader .tableStaff-colGraduate {
	border-right-color: #fff;
}
.table4Columns .tableStaff-colName {
	order: 1;
	grid-column: 1;
	grid-row: 1;
}
.table4Columns .tableStaff-colSpeciality {
	order: 3;
	grid-column: 3;
	grid-row: 1;
}
.table4Columns .tableStaff-colGraduate {
	order: 2;
	grid-column: 2;
	grid-row: 1;
}
.table4Columns .tableStaff-colQualification {
	order: 4;
	grid-column: 4;
	grid-row: 1;
}
.table4Columns .tableStaff-graduateLabel {
	border: none;
}
.table4Columns .tableStaffBody .tableStaff-graduateLabel {
	display: none;
}
@media screen and (max-width:767px) {
	.table4ColumnsWrapper {
		overflow: scroll;
	}
	.table4Columns {
		width: 780px;
	}
	.table4Columns .tableStaff-row > div {
		padding: 8px 4px;
	}
}
/* ４列レイアウト対応ここまで */
/*@media screen and (max-width:767px) {
	.tableStaff {
		line-height: 2.5rem;
	}
	.tableStaff-row {
		display: grid;
		grid-template-columns: 50% 50%;
	}
	.tableStaff-colName {
		order: 1;
		grid-row: 1 / span 2;
		grid-column: 1;
		border-right: solid 1px #231815;
		text-align: center;
		padding: 1em;
	}
	.tableStaffHeader .tableStaff-colName {
		border-right: none;
	}
	.tableStaff-colSpeciality {
		order: 3;
		grid-row: 1;
		grid-column: 2;
		border-right: none;
		padding: 1em;
	}
	.tableStaffHeader .tableStaff-colSpeciality {
		border-left: solid 1px #231815;
	}
	.tableStaff-colGraduate {
		order: 2;
		grid-row: 3;
		grid-column: 1;
		border-right: solid 1px #231815;
	}
	.tableStaff-colGraduate .tableStaff-graduateLabel {
		padding: 0 1em;
	}
	.tableStaff-colGraduate .tableStaff-graduate {
		padding: 1em;
	}
	.tableStaff-colQualification {
		order: 4;
		grid-row: 2 / span 2;
		grid-column: 2;
		padding: 1em;
	}
	.tableStaffHeader .tableStaff-colQualification {
		border-left: solid 1px #231815;
	}
}
*//* 診療サポート部門 */
.imgSupportMain {
	display: block;
	margin: 1em auto;
}
/*
.tableStaff-row {
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-pack: start !important;
	justify-content: flex-start !important;
}
.tableStaff-colName {
	width: 20%;
	border-right: solid 1px #231815;
	text-align: center;
	padding: 1em;
}
.tableStaff-colSpeciality {
	width: 40%;
	border-right: solid 1px #231815;
	padding: 1em 1em 0;
	display: -ms-flexbox !important;
	display: flex !important;
	-ms-flex-direction: column !important;
	flex-direction: column !important;
	-ms-flex-pack: end !important;
	justify-content: flex-end !important;
}
.tableStaff-colQualification {
	width: 40%;
	padding: 1em;
}
*/
/* 個別パーツ */
.tableStaff-img {
	/*
	max-width: 113px;
*/
	max-height: 140px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
}
.tableStaff-title {
	margin-top: 1em;
	font-size: 1.4rem;
	line-height: 1.2em;
}
.tableStaff-name {
	margin-top: 0.5em;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1em
}
.tableStaff-speciality {
	height: 100%;
}
.tableStaff-graduateLabel {
	border-top: solid 1px #231815;
	border-bottom: solid 1px #231815;
	text-align: center;
}
.tableStaff.tableStaffHeader {
	border-top-width: 1px;
	text-align: center;
}
.tableStaff.tableStaffHeader div {
	padding: 0;
}
/* 固定ページ個別
-------------------------------------------------------------- */
/* 111 リウマチ・膠原病科 */
/*
#body-parameter.section111 + #body-inner section#STAFF > .sectionBody {
	display: -ms-flexbox !important;
	display: flex !important;
}
#body-parameter.section111 + #body-inner section#STAFF > .sectionBody > .tableStaffHeader:first-child {
	order: 2;
}
#body-parameter.section111 + #body-inner section#STAFF > .sectionBody > .tableStaffGroupTitle:first-child {
	order: 1;
}
*/
/* 209 栄養サポート（NST）室 */
#body-parameter.support209 + #body-inner .table-typeTopHeader tr td:first-child {
	width: 16em;
}
#body-parameter.support209 + #body-inner .table-typeTopHeader tr td:nth-child(2) {
	width: 16em;
}
/* 210 医療安全管理室 */
#body-parameter.support210 + #body-inner .table-typeTopHeader tr td:first-child {
	width: 16em;
}
#body-parameter.support210 + #body-inner .table-typeTopHeader tr td:nth-child(2) {
	width: 28em;
}
/* 210 感染対策室 */
#body-parameter.support211 + #body-inner section#ACHIEVEMENT h2.sectionTitle {
	color: transparent;
	background: repeating-linear-gradient(90deg, #2968b2 0 4.8em, #ffffff 4em 7.8em);
	background-clip: text;
	-webkit-background-clip: text;
}
#body-parameter.support211 + #body-inner section#ACHIEVEMENT h2.sectionTitle:before {}
/* 採用情報 */
#body-parameter.page-recruitment + #body-inner figure.Industry {
	border: solid 1px #2a62a6;
	padding: 0.5rem;
}
#body-parameter.page-recruitment + #body-inner figure.Industry h3.label {
	font-size: 2rem;
	margin: 0.5rem 0 0;
}
ul.recruitmentList {
	list-style: none;
	padding-left: 0;
}
ul.recruitmentList li {
	margin-bottom: 1em;
}
ul.recruitmentList li span {
	display: block;
	color: red;
}
/* シングルページ共通
-------------------------------------------------------------- */
/* モバイルレイアウト調整
-------------------------------------------------------------- */
@media (max-width: 767px) {}



/*全体*/
.hidden_box {
    margin: 2em 0;
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
    padding: 15px;
    font-weight: bold;
    background: #efefef;
    border-radius: 5px;
    cursor :pointer;
    transition: .5s;
}

/*アイコンを表示*/
.hidden_box label:before {
    display: inline-block;
    content: '\f078';
    font-family: 'FontAwesome';
    padding-right: 5px;
    transition: 0.2s;
}

/*ボタンホバー時*/
.hidden_box label:hover {
    background: silver;
}

/*アイコンを切り替え*/
.hidden_box input:checked ~ label:before {
     content: '\f00d';
     -webkit-transform: rotate(360deg);
     transform: rotate(360deg);
     color: #668ad8;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}