@charset "UTF-8";
@import url("/css/initialize.css?202501301");
@import url("/css/general.css");
@import url("/css/parts.css?202501301");
@import url("/css/margin.css");
@import url("/css/pc/our-hospital.css");
@import url("/css/sp/our-hospital.css");

/* 2025.01.20 add css */

/*
	堂島だより
*/
section p {
	font-size: 16px !important;
}
/* SP SIZE */
@media screen and (max-width: 980px){
	section p {
	}
}
.hira-b7 {
	font-family: "FP-ヒラギノ丸ゴ StdN W7" !important;
}
.hira-b6 {
	font-family: "FP-ヒラギノ丸ゴ StdN W6" !important;
}
.normal {
	font-size: 16px !important;
}
.big {
	font-size: 19px !important;
}
/* SP SIZE */
@media screen and (max-width: 980px){
	.normal {
		font-size: 1.0555em !important;
	}
	.big {
		font-size: 1.2555em !important;
	}
}

/* PC SIZE */
@media screen and (min-width: 980px){
	.way2,
	.way3 {
		gap: 4%;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap    : wrap;
		flex-wrap        : wrap;
	}
	.way3 { gap:3.5%; }
	.way2 > div {
		width: 48%;
	}
	.way3 div {
		width: 31%;
	}
}

/* 記事詳細 */
#monthly .marker,
#monthly .marker_blue,
#monthly .marker_orange,
#monthly .marker_green {
	font-family: "FP-ヒラギノ丸ゴ StdN W5", "FP-HiraMaruStdN-W5";
}
#monthly .marker { color: #F9431E; }
#monthly .marker_blue { color: #1C6D9F; }
#monthly .marker_orange { color: #FF914D; }
#monthly .marker_green { color: #566622; }
#monthly .box { background-color: #FFEDEA; padding: 10px 20px; }
#monthly .box_blue { background-color: #F2F7FF; padding: 10px 20px; }
#monthly .box_orange { background-color: #FFF5EF; padding: 10px 20px; }
#monthly .box_green { background-color: #E9EFD6; padding: 10px 20px; }

.monthly-title--under {
	padding-top: 30px;
}
.monthly-image img {
	width: 300px;
}
/* テーマ一覧 */
.theme-list--layout {
	flex-wrap: wrap;
}
/* PC SIZE */
@media screen and (min-width: 980px){
	/* テーマ一覧 */
	.theme-list--layout {
		gap: 20px;
	}
	.iamge--layuot {
		gap: 20px;
	}
	.theme-list--layout .monthly-image img {
		width: 200px;
	}
	.theme-list--layout .monthly-image img:hover {
		transition : all 0.5s;
		opacity: 0.7;
	}
}

/* SP SIZE */
@media screen and (max-width: 980px){
	.content-title {
		text-align: left;
		padding-left: 3%;
		padding-right: 3%;
	}
	.iamge--layuot {
		padding-bottom: 10px;
	}
	.theme-list .content-title {
		margin: 40px 0 0;
	}
	.monthly-image {
		text-align: center;
		padding: 20px 0;
	}
	.monthly-image img {
		width: 60%;
	}
	.theme-list--layout .monthly-image img {
		width: 50%;
	}
}
.monthly-title span {
	font-size: 22px;
}
.monthly-title h2,
.monthly-title h3 {
	color: #BF6D7D;
	font-size: 28px;
	padding: 20px 0 30px;
	font-family: "FP-ヒラギノ丸ゴ StdN W6";
}
.monthly-title h3 {
	font-size: 20px;
	padding: 0 0 30px;
}
/* SP SIZE */
@media screen and (max-width: 980px){
	.monthly-title {
		text-align: center;
	}
	.monthly-title span {
		font-size: 1.2em;
	}
	.monthly-title h2 {
		font-size: 1.6555em;;
		padding: 10px 0 20px;
		font-family: "FP-ヒラギノ丸ゴ StdN W6";
	}
	.monthly-title h3 {
		font-size: 1.2555em;;
		padding: 0 0 10px;
	}
}
/* PC SIZE */
@media screen and (min-width: 980px){
	.monthly-title {
		text-align: center;
		min-width: 500px;
	}
	/* テーマ一覧 */
	.theme-list--layout .monthly-title {
		min-width: 0px;
		width: 250px;
	}
	.theme-list--layout .iamge--layuot {
		width: 450px;
		
		border: 1px solid #DEE8BA;
		padding: 10px;
	}
}
/* SP SIZE */
@media screen and (max-width: 980px){
	/* テーマ一覧 */
	.theme-list--layout .iamge--layuot {
		width: 50%;
	}
}

/* PDF/一覧ボタン */
.monthly-title div a,
.contents-btn div a {
	background-color: #BF6D7D;
	color: #fff;
	padding: 10px 20px;
	font-size: 20px;
	display: inline-block;
}
.contents-btn div a {
	padding: 20px 60px;
}
.monthly-title div a:hover,
.contents-btn div a:hover {
	background-color: #8F2F3D;
	transition : all 0.5s ease 0s;
}
/* SP SIZE */
@media screen and (max-width: 980px){
	.monthly-title div a,
	.contents-btn div a {
		font-size: 1.2222em;
	}
	.contents-btn div a {
		width: 90%;
		padding: 20px 0;
	}
}


/* 偉人の言葉 */
#monthly .words {
	background-color: #F1F7FF;
	padding: 20px;
	color: #1C6D9F;
	line-height: 2;
	font-family: "FP-ヒラギノ丸ゴ StdN W5", "FP-HiraMaruStdN-W5";
}
/* PC SIZE */
@media screen and (min-width: 980px){
	#monthly .words {
		font-size: 20px;
	}
	.great-name span {
		font-size: 20px;
	}
}
/* SP SIZE */
@media screen and (max-width: 980px){
	#monthly .words {
		font-size: 1.2555em;
		line-height: 1.6;
	}
	.great-name span {
		font-size: 1.2555em;
	}
}
.great-name {
	text-align: right;
}
/* SP SIZE */
@media screen and (max-width: 980px){
	.great-name {
		text-align: left;
		padding-top: 5px;
	}
}

.contents-btn {
	border-top: 1px dotted #ccc;
	margin-top: 30px;
	padding-top: 30px;
	text-align: center;
}

/***** ulリスト装飾 ****/
.list-blue {
	background-color: #F1F7FF;
	padding: 20px;
	color: #1C6D9F;
}
.list-green {
	background-color: #FAFFEA;
	padding: 20px;
	color: #829734;
}
/* 数字 */
ul.list-decimal {
	padding-left: 30px;
}
ul.list-decimal li {
	list-style-position: outside;
	list-style-type: decimal;
	line-height: 2;
}
/* 中黒 */
ul.list-disc {
	padding-left: 20px;
}
ul.list-disc li {
	list-style-position: outside;
	list-style-type: disc;
	line-height: 2;
}
/* li罫線 */
ul.list-line {
}
ul.list-line li {
	border-top: 1px dotted #899E42;
	padding-top: 10px;
	margin-bottom: 10px;
}
ul.list-line li:first-child {
	border-top: 0;
}
/* PC SIZE */
@media screen and (min-width: 980px){
	ul.list-decimal li,
	ul.list-disc li {
		font-size: 16px;
	}
}
/* SP SIZE */
@media screen and (max-width: 980px){
	ul.list-decimal li,
	ul.list-disc li {
		font-size: 16px;
	}
}

/* PC SIZE */
@media screen and (min-width: 980px){
	.healthcare--block {
		gap: 20px;
		padding-top: 50px;
	}
	.healthcare--block div {
		width: 490px;
		border: 1px solid #899E42;
		padding: 20px;
	}
	.healthcare--block .content-title {
		margin-top: 10px;
	}
}
.healthcare--block h4 {
	font-size: 18px;
	padding-bottom: 10px;
}
/* SP SIZE */
@media screen and (max-width: 980px){
	.healthcare--block h4 {
		font-size: 1.2555em;
	}
}

.recipe {
	border: 4px solid #ddd;
	padding: 16px;
}
.recipe_title {
	border-bottom: 1px dotted #ccc;
	margin-bottom: 10px;
	padding-bottom: 10px;
}

/* image size */
/* PC SIZE */
@media screen and (min-width: 980px){
	.pc-img400 { width: 400px; }
	.pc-img300 { width: 300px; }
	.pc-img200 { width: 200px; }
	.pc-img100 { width: 100px; }
	.pc-img50 {	width: 50px; }
}
/* SP SIZE */
@media screen and (max-width: 980px){
	.sp-img90 { width: 90%; }
	.sp-img80 { width: 80%; }
	.sp-img70 { width: 70%; }
	.sp-img60 { width: 60%; }
	.sp-img50 { width: 50%; }
	.sp-img40 { width: 40%; }
	.sp-img30 { width: 30%; }
}