@charset "UTF-8";

/* ========================================================================================================
	ニュース
======================================================================================================== */

/*	年リスト
------------------------------------------------------------------------ */
.el_cat-labelName.bl_year-box {
	width: calc(165 / 1200 * 100%);
    max-width: 165px;
	position: relative;
}

.el_cat-labelName.bl_year-box::after {
    position: absolute;
    top: -5px;
    bottom: 0;
    right: 20px;
    margin: auto;
    content: "";
    vertical-align: middle;
	width: 12px;
    height: 12px;
    border-top: 2px solid #CDCDCD;
    border-right: 2px solid #CDCDCD;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.el_cat-labelName.bl_year-box:hover::after {
    border-top: 2px solid #e6594d;
    border-right: 2px solid #e6594d;
}

.el_cat-labelName.bl_year-box .el_catList-decoration {border-radius: 0;}

/*	カテゴリーリスト
------------------------------------------------------------------------ */
.bl_cat-label {
	width:100%;
	display: flex;
	column-gap:6px;
	margin-top:20px;
}
.bl_cat-label .el_cat-labelName {
	width:calc(165 / 1200 * 100%);
	max-width: 165px;
}

.bl_year-choice {width: 100%;}
.bl_year-choice:hover {cursor: pointer;}
.bl_year-choice option {color: #1A1A1A;}

.el_catList-decoration {
    border: 1px solid #dfdfdf;
    border-radius: 100px;
    text-align: center;
	display: block;
    padding: 0.642rem 0.5rem;
	font-size:clamp(1.2rem, 3.2vw, 1.4rem);
}

.el_cat-labelName .el_catList-decoration:hover {
	text-decoration: none;
	opacity: 0.7;
    border: 1px solid #e6594d;
    color: #e6594d;
}

.bl_choice-area .el_catList-decoration:hover {cursor: pointer;}

/*	記事一覧
------------------------------------------------------------------------ */
.bl_news-area {
width: 100%;
border-bottom: 1px solid #BEBEBE;
box-sizing: border-box;
margin:calc(40 / 1200 * 100%) 0 calc(80 / 1200 * 100%);
}
.bl_news-area .bl_news-list {
width: 100%;
display: flex;
font-size: 1.8rem;
border-top: 1px solid #BEBEBE;
padding: 1.6666666667% 2.0833333333%;
align-items: baseline;
}
.bl_news-area .bl_news-list .el_news-data {
width: 24.347826087%;
margin-right: 4.347826087%;
display: flex;
justify-content: space-between;
align-items: baseline;
max-width: 150px;
}
.bl_news-area .bl_news-list .el_news-data .el_news-deay {
width: 51.4285714286%;
min-width: 150px;
}
.bl_news-area .bl_news-list .el_news-data .el_news-cat {
display: block;
width: 28.5714285714%;
min-width: 80px;
font-size: 1.4rem;
line-height: 1;
color: #fff;
background: #808080;
padding: 4px 0 6px;
text-align: center;
line-height: 1;
}
.bl_news-area .bl_news-list .el_news-content {
display: flex;
align-items: baseline;
width: 100%;
justify-content: space-between;
}
.bl_news-area .bl_news-list .el_news-content span {
display: block;
font-size:1.2rem;
}
.bl_news-area .bl_news-list .el_news-content .el_news-text {
width: auto;
word-break: break-all;
}
.bl_news-area .bl_news-list .el_news-content .el_icon-pdf {
width: auto;
display: flex;
align-items: center;
font-size: 1.4rem;
margin-left: 2%;
}
.bl_news-area .bl_news-list .el_news-content .el_icon-pdf::before {
content: "";
display: inline-block;
width: 20px;
height: 26px;
min-width: 20px;
margin-right: 10px;
background: url(https://www.takeda-prn.co.jp/img/common/icon_pdf.png) 0 0/contain no-repeat;
}


.el_cat-data {
	width: calc(134 / 240 * 100%);
	max-width: 134px;
	line-height: 1;
	padding: 4px 30px;
}

.bl_entry-cat {
	width: 100%;
	display: flex;
	margin-top: 4px;
	column-gap: 5px;
}

.el_entry-catName {
	display: inline-block;

}

.el_entry-catText {
	display: block;
    border: 1px solid #e6594d;
    border-radius: 50px;
    padding: 1.5px 14px;
    line-height: 1.4;
    font-size: 1.2rem;
    color: #e6594d;
}

.el_entry-catText:hover {
	text-decoration: none;
	/*opacity: 0.7;*/
}


/* ========================================================================================================
	ニュース 改修後追加
======================================================================================================== */
/* 詳細ページ
--------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------
	ページ上部のカテゴリーボタンと日付
------------------------------------------------------- */
.bl_top-data {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	margin-top: -2%;
}

/* カテゴリーボタン */
.bl_cat-list {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 10px;
}

.el_cat-name {
	display: inline-block;
	margin-top: 10px;
}

.bl_cat-list .el_cat-link {
	display: inline-block;
	box-sizing: border-box;
	padding:0.5rem 1rem;
	border: 1px solid #dfdfdf;
	line-height: 1;
	border-radius:30px;
	color: #333;
	font-size:1rem !important;
}

.el_cat-link:hover {
	text-decoration: none;
	opacity:1;
}

/* 日付 */
.el_day-data {
	font-size:1.6rem;
	margin: 0;
}

/* 記事全体 */
.bl_section-flame {
	width:min(345 / 375 * 100%, 1200px);
	margin:0 auto 0;
	min-width: 345px;
}

.bl_section-flame a {color:#e6594d;}

/* タイトル周り */
.el_section-hedline {
	margin-top:calc(40 / 1200 * 100%);
	font-weight: 600;
}
.el_section-hedline div + div {margin-top:calc(5 / 1200 * 100%);}
[class*="el_subTitle-"] {
	font-size:clamp(1.6rem, 4.2vw, 2rem);
	font-weight: 500;
}
.el_mein-title {font-size:clamp(2rem, 5.3vw, 3rem);}

.bl_content-box {
	font-size:clamp(1.6rem, 4.26vw, 1.8rem);
	line-height: 1.6;
	margin-top:calc(30 / 1200 * 100%);
	padding-top:calc(40 / 1200 * 100%);
	border-top: 1px solid #c3c3c3;
}

.bl_content-box p + p {margin-top:calc(26 / 1200 * 100%);}

.el_headline-h3 {
	margin-top:calc(40 / 1200 * 100%);
	border-left: 5px solid #e6594d;
	line-height: 1.3;
	font-size: clamp(1.8rem, 4.8vw, 2rem);
	padding-left:8px;
}

/* フリーテキスト */
.bl_flee-content p {margin:0;}
.bl_img-col02,
.bl_detail-data,
.bl_flee-content * + ul,
.bl_flee-content * + ol,
.bl_flee-content * + p,
.bl_flee-content * + dl,
.bl_flee-content * + div,
.bl_flee-content * + table {margin-top:calc(30 / 1200 * 100%);}

/* -------------------------------------------------------
	テーブル
------------------------------------------------------- */
.bl_flee-content * + table {border-collapse: collapse;}

/* テーブル セル */
.bl_flee-content * + table td {
	padding:1rem 2rem;
	border: 1px solid;
	vertical-align: top;
}
.bl_flee-content .el_headline-h3 + * {margin-top:calc(20 / 1200 * 100%);}

.bl_flee-content ul,
.bl_flee-content ol {padding-left: 1em;}
.bl_flee-content ul li {list-style-type: disc;}
.bl_flee-content ol li {list-style-type: decimal;}
.bl_flee-content li + li {margin-top:0;}
.bl_flee-content li br {display: none;}

/* 画像横2枚 */
.bl_img-col02 {
	width:100%;
	column-gap:calc(40 / 1200 * 100%);
	display: flex;
}

.bl_img-col02 .el_col02-img {
	width:75%;
	display: block;
}

.el_col02-img:has(+ .el_col02-img:last-child) {width:min(100%, 580px);}
.el_col02-img + .el_col02-img {width:min(100%, 580px);}

.el_col02-img span {display: block;}
.el_col02-caption {
	font-size: 1.4rem;
	margin-top:calc(10 / 580 * 100%);
}

/* お知らせリンク */
.bl_detail-data {display: flex;}
.el_detail-item {margin-right:1rem;}

/* お問い合わせ先 */
.detail-content ul {padding:0;}
.detail-content ul li {list-style-type: none;}

/* ニュースへ戻るボタン */
.bl_back-btn {
	width: 100%;
	display: flex;
	justify-content: center;
	margin-top:calc(60 / 1200 * 100%);
}

.el_btn-inner {
	vertical-align: middle;
    border: 1px solid #CDCDCD;
    border-radius: 30px;
}

.el_btn-inner a {
	display: flex;
	align-items: center;
	padding: 1.6rem 3rem;
	width: 100%;
	color: #333;
	font-size: 1.4rem;;
}

.el_btn-inner a:hover {
	text-decoration: none;
	opacity: 0.7;
}

.el_btn-inner a span {
	order: 3;
	margin-left: 10px;
}

.el_btn-inner a::before, .el_btn-inner a::after {
    top: 0;
    bottom: 0;
    right: auto;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.el_btn-inner a::before {
    width: 10px;
    height: 2px;
    background: #CDCDCD;
	order: 2;
	margin-left: -5px;
}

.el_btn-inner a::after {
    width: 12px;
    height: 12px;
    border-top: 2px solid #CDCDCD;
    border-right: 2px solid #CDCDCD;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg);
	order: 1;
}

/*	ページャー
-------------------------------------------------------------------------------------------------------- */
.bl_pager {
	display: flex;
    align-items: center;
    column-gap: calc(20 / 1200 * 100%);
    justify-content: center;
}

.page > span,
.page > a {
	display: inline-block;
    padding: 7px 10px;
    border: 1px solid #ccc;
    line-height: 1;
    text-align: center;
    border-radius: 6px;
}

.page > span {
	border-color: #e6594d;
	background-color: #e6594d;
    color: #fff;
    font-weight: bold;
    border: none;
}

.el_pre > a ,
.el_next > a {
	border:none;
}



/* ========================================================================================================
	SP用CSS
	------------------------------------------------------------------------------------------------------
	@media all and (max-width: 750px)
======================================================================================================== */
@media all and (max-width: 750px) {
/* ========================================================================================================
	ニュース
======================================================================================================== */
.bl_news-area .bl_news-list {
	width: 100%;
	display: block;
	padding: calc(38 / 690 * 100%) calc(30 / 690 * 100%);
	font-size: 1.3rem;
	margin-bottom:0;
}
.bl_news-area .bl_news-list .el_news-data {
	width: 100%;
	margin-right: 0;
	display: block;
}
.bl_news-area .bl_news-list .el_news-data .el_news-deay {
	width: 35.7142857143%;
	min-width: 100px;
}
.bl_news-area .bl_news-list .el_news-data .el_news-cat {
	display: block;
	width: 28.5714285714%;
	min-width: 80px;
	font-size: 1.3rem;
}
.bl_news-area .bl_news-list .el_news-content {
	width: 100%;
	align-items: flex-end;
	flex-direction: column;
}
.bl_news-area .bl_news-list .el_news-content .el_news-text {
	max-width: 100%;
	width: 100%;
}
.bl_news-area .bl_news-list .el_news-content .el_icon-pdf {
	width: auto;
	font-size: 1.3rem;
	margin-left: 0;
	margin-top: 10px;
}

.bl_entry-cat {flex-wrap: wrap;}

.el_entry-catName {margin-bottom:5px;}

/*	カテゴリーリスト
------------------------------------------------------------------------ */
.bl_cat-label {
	flex-wrap: wrap;
	column-gap:calc(15 / 690 * 100%);
	padding-bottom:calc(40 / 690 * 100%);
}

.bl_cat-label .el_cat-labelName {
	width: calc(220 / 690 * 100%);
	margin-bottom:calc(20 / 690 * 100%);
}

/*	一覧リスト
------------------------------------------------------------------------ */
.bl_news-area {margin-top: 0;}


/* ========================================================================================================
	ニュース 改修後追加
======================================================================================================== */
/*	年リスト
------------------------------------------------------------------------ */
.el_cat-labelName.bl_year-box {
	width: calc(620 / 620 * 100%);
    max-width: 100%;
}

/* 詳細ページ
--------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------------
	ページ上部のカテゴリーボタンと日付
------------------------------------------------------- */
/* 日付 */
.el_day-data {margin-top:calc(40 / 690 * 100%);	}

/* タイトル周り */
.el_section-hedline {margin-top:calc(50 / 690 * 100%);}
.el_section-hedline div + div {margin-top:calc(16 / 690 * 100%);}

.bl_content-box {
	margin-top: calc(60 / 690 * 100%);
    padding-top: calc(60 / 690 * 100%);
}

.bl_content-box p + p {margin-top: calc(60 / 690 * 100%);}
.el_headline-h3 {margin-top: calc(80 / 690 * 100%);}

/* フリーテキスト */
.bl_img-col02,
.bl_detail-data,
.bl_flee-content * + ul,
.bl_flee-content * + ol,
.bl_flee-content * + p,
.bl_flee-content * + dl,
.bl_flee-content * + div,
.bl_flee-content * + table {margin-top: calc(60 / 690 * 100%);}

/* -------------------------------------------------------
	テーブル
------------------------------------------------------- */
.bl_flee-content * + table {display: block;}

/* テーブル セル */
.bl_flee-content * + table td {
	display: block;
	width: 100% !important;
}
.bl_flee-content .el_headline-h3 + * {margin-top: calc(40 / 690 * 100%);}

/* 画像横2枚 */
.bl_img-col02 {display: block;}

.el_col02-img {width: 100%;}
.el_col02-img + .el_col02-img {margin-top: calc(50 / 690 * 100%);}

/* お知らせリンク */
.bl_detail-data {display: block;}
.detail-content {word-break: break-all;}
/* お問い合わせ先 */
.el_contact-item {
	display: flex;
	align-items: baseline;
}
.el_contact-item span {min-width: 74px;}
.el_contact-item a {line-height: 1.2;}

}