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

/*----- ▼▼左コンテンツ▼▼ -----*/

#main #side_left{
	width: 240px;
	text-align: left;
	margin-right: 20px;
    float: left;
}

#main #side_navi{
	float: left;
	width: 240px;
	text-align: left;
}

/* 製品＆サービス */

#main #side_navi ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#main #side_navi li{
	list-style-type: none;
	float: left;
	width: 240px;
	height: 34px;
	margin: 0px 0px 6px 0px;
}

/*----- ▼infoコンテンツ▼ -----*/

#info{
	width: 240px;
	margin-top: 20px;
	float: left;
}

/*----- SNSバナー -----*/

#sns {
	width: 240px;
	height: 70px;
	text-align: center;
	margin-top: 20px;
	float: left;
}

#sns #sns_y {
	width: 60px;
	height: 70px;
	float: left;
}

#sns #sns_y a:hover img {
    opacity: 0.6;
	transition: 0.3s ease-in-out;
}

#sns #sns_t {
	width: 60px;
	height: 70px;
	float: left;
}

#sns #sns_t a:hover img {
    opacity: 0.6;
	transition: 0.3s ease-in-out;
}

#sns #sns_i {
	width: 60px;
	height: 70px;
	float: left;
}

#sns #sns_i a:hover img {
    opacity: 0.6;
	transition: 0.3s ease-in-out;
}

#sns #sns_f {
	width: 60px;
	height: 70px;
	float: left;
}

#sns #sns_f a:hover img {
    opacity: 0.6;
	transition: 0.3s ease-in-out;
}

/*----- 展示会バナー -----*/

#biopharma_expo_2020 {
	width: 240px;
	height: 100px;
	text-align: center;
	background-color: #4e2581;
	margin-bottom: 10px;
	float: left;
}

#biopharma_expo_2020 a:hover img {
    filter: brightness(130%);
	transition: 0.3s ease-in-out;
}

/*----- カタログ 枠-----*/

#catalog_pc {
	width: 223px;
	padding: 10px 0px 10px 15px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	float: left;
}

#catalog {
	width: 223px;
	padding: 10px 0px 10px 15px;
	border: 1px solid #ddd;
	margin-bottom: 15px;
	float: left;
}

#catalog_contents {
	width: 235px;
	padding-left: 10px;
	float: left;
}

/*----- カタログ 内容-----*/

#catalog_pc .catalog_ask {
	width: 210px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	float: left;
}

#catalog .catalog_ask {
	width: 210px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	float: left;
}

#catalog_pc .catalog_pdf {
	width: 210px;
	font-size: 80%;
	font-weight: nomal;
	text-align: center;
	border-top: solid 1px #94000b;
	padding-top: 5px;
	float: left;
}

#catalog .catalog_pdf {
	width: 210px;
	font-size: 80%;
	font-weight: nomal;
	text-align: center;
	border-top: solid 1px #94000b;
	padding-top: 5px;
	float: left;
}

#catalog_pc:hover {
	border-color: #002887;
	transition: 0.3s ease-in-out;
}

#catalog:hover {
	border-color: #002887;
	transition: 0.3s ease-in-out;
}

#catalog_pc .catalog_ask a{
	color: #333333;
}

#catalog .catalog_ask a{
	color: #333333;
}

#catalog_pc .catalog_img {
	width: 210px;
	padding-top: 5px;
	float: left;
}

#catalog .catalog_img {
	width: 210px;
	padding-top: 5px;
	float: left;
}

#catalog_pc a:hover img {
    filter: brightness(85%);
	transition: 0.3s ease-in-out;
}

#catalog a:hover img {
    filter: brightness(85%);
    transition: 0.3s ease-in-out;
}

/*----- 問合せ 電話/FAX -----*/

#ask_tel {
	width: 240px;
	margin-bottom: 10px;
	float: left;
}

/*----- 問合せ フォーム -----*/

#ask_foam {
	width: 240px;
	margin-bottom: 10px;
	float: left;
}

/*----- 問合せ メール -----*/

#ask_mail {
	width: 240px;
	margin-bottom: 15px;
	float: left;
}

/*----- イプロス特設サイト -----*/

#ipros {
	width: 240px;
	margin-bottom: 10px;
	float: left;
	transition: 0.3s ease-in-out;
}

#ipros a:hover img {
    filter: brightness(90%);
	transition: 0.3s ease-in-out;
}

/*----- ファームテクジャパン WEB展示場 -----*/

#pharmtech {
	width: 240px;
	margin-bottom: 10px;
	float: left;
	transition: 0.3s ease-in-out;
}

#pharmtech a:hover img {
    filter: brightness(90%);
	transition: 0.3s ease-in-out;
}

/*----- 採用情報 -----*/

#job_info {
	width: 240px;
	margin-bottom: 15px;
	float: left;
}

/*----- ▼▼右コンテンツ▼▼ -----*/

#main #side_right{	
	width: 740px;
	text-align: left;
	float: right;
}

#main #side_right .p_index {
	width: 740px;
	margin-bottom: 40px;
	float: left;
}

#category_com {
	width: 710px;
	border: 1px solid #A30000;
	border-radius: 0px 0px 10px 10px;
	padding: 10px 15px 10px 15px;
	margin-bottom: 20px;
	float: left;
}

#category_com .cate_lead{
	font-size: 110%;
	font-weight: bold;
	color: #333;
	text-align: left;
	margin-bottom: 5px;
}

#category_com .cate_com {
	font-size: 90%;
	font-weight: 400;
	line-height: 1.7em;
	color: #333;
	text-align: left;
}

.category_com_2 {
	width: 700px;
	border: 1px solid #ccc;
	border-radius: 0px 0px 10px 10px;
	padding: 10px 20px;
	margin-bottom: 30px;
	float: left;
}

.category_com_2 h2 {
	font-size: 110%;
	text-align: center;
}

.category_com_2 h2 {
	font-size: 95%;
	text-align: center;
}

.category_com_2 h2::before{
	content: "▼ ";
	color: #333; /* 三角の色（必要に応じて調整） */	
}

.category_com_2 h2::after{
	content: " ▼";
	color: #333; /* 三角の色（必要に応じて調整） */	
}

.custom_com {
	width: 730px;
	font-size: 110%;
    font-weight: bold; 
	color: #333;
    line-height: 1.6em;
    letter-spacing: 1px;
    border-left: inset 10px #fff;
    margin-top: 20px;
	margin-bottom: 20px;
	float: left;
}

#custom_cate01 {
    width: 738px;
	font-size: 110%;
    font-weight: bold; 
	color: #333;
    line-height: 1.8em;
    letter-spacing: 1px;
    margin-top: 20px;
    border: solid 1px #012788;
	margin-bottom: 20px;
	float: left;	
}

#custom_cate02 {
    width: 738px;
	font-size: 110%;
    font-weight: bold; 
	color: #333;
    line-height: 1.8em;
    letter-spacing: 1px;
    margin-top: 20px;
    border: solid 1px #004A2B;
	margin-bottom: 20px;
	float: left;	
}

#custom_cate03 {
    width: 738px;
	font-size: 110%;
    font-weight: bold; 
	color: #333;
    line-height: 1.8em;
    letter-spacing: 1px;
    margin-top: 20px;
    border: solid 1px #8B0000;
	margin-bottom: 20px;
	float: left;	
}

#custom_cate04 {
    width: 738px;
	font-size: 110%;
    font-weight: bold; 
	color: #333;
    line-height: 1.8em;
    letter-spacing: 1px;
    margin-top: 20px;
    border: solid 1px #460061;
	margin-bottom: 20px;
	float: left;	
}

#custom_cate05 {
    width: 738px;
	font-size: 110%;
    font-weight: bold; 
	color: #333;
    line-height: 1.8em;
    letter-spacing: 1px;
    margin-top: 20px;
    border: solid 1px #00AD1F;
	margin-bottom: 20px;
	float: left;	
}

#custom_cate06 {
    width: 738px;
	font-size: 110%;
    font-weight: bold; 
	color: #333;
    line-height: 1.8em;
    letter-spacing: 1px;
    margin-top: 20px;
    border: solid 1px #FC4C00;
	margin-bottom: 20px;
	float: left;	
}

#custom_cate09 {
    width: 738px;
	font-size: 110%;
    font-weight: bold; 
	color: #333;
    line-height: 1.8em;
    letter-spacing: 1px;
    margin-top: 20px;
    border: solid 1px #A30000;
	margin-bottom: 20px;
	float: left;	
}

#custom_cate11 {
    width: 738px;
	font-size: 110%;
    font-weight: bold; 
	color: #333;
    line-height: 1.8em;
    letter-spacing: 1px;
    margin-top: 20px;
    border: solid 1px #006A5E;
	margin-bottom: 20px;
	float: left;	
}

#custom_cate12 {
    width: 738px;
	font-size: 110%;
    font-weight: bold; 
	color: #333;
    line-height: 1.8em;
    letter-spacing: 1px;
    margin-top: 20px;
    border: solid 1px #0090AB;
	margin-bottom: 20px;
	float: left;	
}

#custom_cate13 {
    width: 738px;
	font-size: 110%;
    font-weight: bold; 
	color: #333;
    line-height: 1.8em;
    letter-spacing: 1px;
    margin-top: 20px;
    border: solid 1px #0090AB;
	margin-bottom: 20px;
	float: left;	
}

#custom_cate16 {
    width: 738px;
	font-size: 110%;
    font-weight: bold; 
	color: #333;
    line-height: 1.8em;
    letter-spacing: 1px;
    margin-top: 20px;
    border: solid 1px #4C4C4C;
	margin-bottom: 20px;
	float: left;	
}

#custom_cate_no01 {
    width: 45px;
    color: #fff;
    background-color: #012788;
    text-align: center;
    float: left;
}

#custom_cate_no02 {
    width: 45px;
    color: #fff;
    background-color: #004A2B;
    text-align: center;
    float: left;
}

#custom_cate_no03 {
    width: 45px;
    color: #fff;
    background-color: #8B0000;
    text-align: center;
    float: left;
}

#custom_cate_no04 {
    width: 45px;
    color: #fff;
    background-color: #460061;
    text-align: center;
    float: left;
}

#custom_cate_no05 {
    width: 45px;
    color: #fff;
    background-color: #00AD1F;
    text-align: center;
    float: left;
}

#custom_cate_no06 {
    width: 45px;
    color: #fff;
    background-color: #FC4C00;
    text-align: center;
    float: left;
}

#custom_cate_no09 {
    width: 45px;
    color: #fff;
    background-color: #A30000;
    text-align: center;
    float: left;
}

#custom_cate_no11 {
    width: 45px;
    color: #fff;
    background-color: #006A5E;
    text-align: center;
    float: left;
}

#custom_cate_no12 {
    width: 45px;
    color: #fff;
    background-color: #0090AB;
    text-align: center;
    float: left;
}

#custom_cate_no16 {
    width: 45px;
    color: #fff;
    background-color: #4C4C4C;
    text-align: center;
    float: left;
}

.center_head {
	width: 740px;
	margin-bottom: 15px;
	float: left;
}

.mgr-10 {
    margin-left: 10px;    
}

/*----- ページ内リンク -----*/

#page_link {
	width: 740px;
	float: left;
}

#page_link ul {
	font-size: 90%;
	margin-bottom: 10px;
}

.tab01 {
	padding: 5px;
	display: inline-block;
	background-color: #012788;
	border-radius: 5px;
}

.tab02 {
	padding: 5px;
	display: inline-block;
	background-color: #01472d;
	border-radius: 5px;
}

.tab03 {
	padding: 5px;
	display: inline-block;
	background-color: #94000c;
	border-radius: 5px;
}

.tab04 {
	padding: 5px;
	display: inline-block;
	background-color: #3d005d;
	border-radius: 5px;
}

.tab05 {
	padding: 5px;
	display: inline-block;
	background-color: #00AB31;
	border-radius: 5px;
}

.tab06 {
	padding: 5px;
	display: inline-block;
	background-color: #DB5200;
	border-radius: 5px;
}

.tab07,
.tab08 {
	padding: 5px;
	display: inline-block;
	background-color: #7244A8;
	border-radius: 5px;
}

.tab09,
.tab10 {
	padding: 5px;
	display: inline-block;
	background-color: #A30000;
	border-radius: 5px;
}

.tab11 {
	padding: 5px;
	display: inline-block;
	background-color: #006A5F;
	border-radius: 5px;
}

.tab12,
.tab13,
.tab14,
.tab15 {
	padding: 5px;
	display: inline-block;
	background-color: #008EA7;
	border-radius: 5px;
}

.tab16 {
	padding: 5px;
	display: inline-block;
	background-color: #4C4C4C;
	border-radius: 5px;
}

#page_link_01 {
    width: 740px;
	float: left;
}
#page_link_02 {
    width: 740px;
	float: left;
}
#page_link_03 {
    width: 740px;
	float: left;
}
#page_link_04 {
    width: 740px;
	float: left;
}
#page_link_05 {
    width: 740px;
	float: left;
}
#page_link_06 {
    width: 740px;
	float: left;
}
#page_link_07 {
    width: 740px;
	float: left;
}
#page_link_08 {
    width: 740px;
	float: left;
}
#page_link_09 {
    width: 740px;
	float: left;
}
#page_link_10 {
    width: 740px;
	float: left;
}
#page_link_11 {
    width: 740px;
	float: left;
}
#page_link_12 {
    width: 740px;
	float: left;
}
#page_link_13 {
    width: 740px;
	float: left;
}
#page_link_16 {
    width: 740px;
	float: left;
}

/*----- カスタム容器他 枠 -----*/

.custom_contents {
	width: 740px;
	padding: 0px 0px 20px 0px;
	margin-bottom: 10px;
	float: left;
}

/*----- カスタム容器他 内容 -----*/

.custom_ex {
	width: 175px;
	margin-right: 10px;
	margin-bottom: 20px;
	border-bottom: 1px solid #999;
	float: left;
}

.update {
	width: 175px;
	font-size: 80%;
	line-height: 2em;
	color: #333333;
	text-align: center;
	margin-bottom: 3px;
	float: left;
}

.ex_title {
	width: 175px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	float: left;
    color: #012788;
}

.ex_title1 {
	width: 175px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	float: left;
    color: #012788;
}

.ex_title2 {
	width: 175px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	float: left;
    color: #004A2B;
}

.ex_title3 {
	width: 175px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	float: left;
    color: #8B0000;
}

.ex_title4 {
	width: 175px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	float: left;
    color: #460061;
}

.ex_title5 {
	width: 175px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	float: left;
    color: #00AD1F;
}

.ex_title6 {
	width: 140px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	float: left;
    color: #FC4C00;
}

.ex_title9 {
	width: 175px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	float: left;
    color: #A30000;
}

.ex_title10 {
	width: 175px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	float: left;
    color: #A30000;
}

.ex_title11 {
	width: 175px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	float: left;
    color: #006A5E;
}

.ex_title12 {
	width: 175px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	float: left;
    color: #0090AB;
}

.ex_title13 {
	width: 175px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	float: left;
    color: #0090AB;
}

.ex_title16 {
	width: 175px;
	font-size: 90%;
	font-weight: bold;
	text-align: center;
	margin-bottom: 5px;
	float: left;
    color: #4C4C4C;
}

/* 画像に明るさのマウスオーバー */

.alpha a:hover img {
    filter: brightness(85%);
	transition: 0.3s ease-in-out;
}

.ex_img {
	width: 175px;
	float: left;
}

.ex_model {
	width: 175px;
	font-size: 80%;
	color: #333333;
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
	float: left;
}

/* 詳細を見るボタン */

.ex_model_link {
	width: 175px;
	font-size: 80%;
	color: #333333;
	text-align: center;
	margin-bottom: 10px;
	float: left;
}

.ex_model_link a {
    background: #eee;
    border-radius: 0px 0px 10px 10px;
    position: relative;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;
    max-width: 120px;
    padding: 5px 10px;
    color: #333;
    transition: 0.3s ease-in-out;
    font-weight: 500;
}

.ex_model_link a:hover {
    background: #A30000;
    color: #FFF;
}

.ex_model_link a:after {
    content: '';
    width: 5px;
    height: 5px;
    border-top: 3px solid #333;
    border-right: 3px solid #333;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    right: 20px;
    border-radius: 1px;
    transition: 0.3s ease-in-out;
}

.ex_model_link a:hover:after {
    border-color: #FFF;
}

/*----- 詳細を見るボタン ここまで -----*/

/*----- カスタマイズ導入事例一覧へ リンクボタン */

#page_link1,
#page_link2,
#page_link3,
#page_link4 {
    width: 740px;
    margin-bottom: 10px;
    float: left;
}

ul.pagination {
    display: flex;
    justify-content: space-between;
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.pagination li {
    flex: 1;
    margin: 0 2px;
}

ul.pagination li a {
    display: block;
    color: black;
    padding: 5px 8px;
    text-decoration: none;
    border: 1px solid #ddd;
    border-radius: 0px 0px 10px 10px;
    font-size: 78%;
    font-weight: 500;
    transition: 0.3s ease-in-out;
    text-align: center;
    white-space: nowrap;
}

@media screen and (max-width : 718px ){
  #page_link1,
  #page_link2,
  #page_link3,
  #page_link4 {
   margin-bottom: 0;
   width: 100%;
    }
  ul.pagination {
   flex-direction: column;
   align-items: stretch;
    }	
  ul.pagination li {
   margin: 2px 20px;
    }	
  ul.pagination li a {
   font-size: 90%;
   }
}

ul.pagination li a:hover.active01 {
    background-color: #012788;
    color: #FFFFFF;
    border: 1px solid #012788;
}

ul.pagination li a:hover.active02 {
    background-color: #01472d;
    color: #FFFFFF;
    border: 1px solid #01472d;
}
    
ul.pagination li a:hover.active03 {
    background-color: #94000c;
    color: #FFFFFF;
    border: 1px solid #94000c;
}

ul.pagination li a:hover.active04 {
    background-color: #3d005d;
    color: #FFFFFF;
    border: 1px solid #3d005d;
}
    
ul.pagination li a:hover.active05 {
    background-color: #00AB31;
    color: #FFFFFF;
    border: 1px solid #00AB31;
}
    
ul.pagination li a:hover.active06 {
    background-color: #DB5200;
    color: #FFFFFF;
    border: 1px solid #DB5200;
}
    
ul.pagination li a.active09 {
    background-color: #A30000;
    color: #FFFFFF;
    border: 1px solid #A30000;
}

ul.pagination li a:hover.active10 {
    background-color: #A30000;
    color: #FFFFFF;
    border: 1px solid #A30000;
}
    
ul.pagination li a:hover.active11 {
    background-color: #006A5F;
    color: #FFFFFF;
    border: 1px solid #006A5F;
}
    
ul.pagination li a:hover.active12 {
    background-color: #008EA7;
    color: #FFFFFF;
    border: 1px solid #008EA7;
}

ul.pagination li a:hover.active13 {
    background-color: #008EA7;
    color: #FFFFFF;
    border: 1px solid #008EA7;
}

ul.pagination li a:hover.active14 {
    background-color: #008EA7;
    color: #FFFFFF;
    border: 1px solid #008EA7;
}

ul.pagination li a:hover.active15 {
    background-color: #008EA7;
    color: #FFFFFF;
    border: 1px solid #008EA7;
}
    
ul.pagination li a:hover.active16 {
    background-color: #4C4C4C;
    color: #FFFFFF;
    border: 1px solid #4C4C4C;
}

ul.pagination li a.active01 {
    border: 1px solid #012788;
}

ul.pagination li a.active02 {
    border: 1px solid #01472d;
}

ul.pagination li a.active03 {
    border: 1px solid #94000c;
}

ul.pagination li a.active04 {
    border: 1px solid #3d005d;
}

ul.pagination li a.active05 {
    border: 1px solid #00AB31;
}

ul.pagination li a.active06 {
    border: 1px solid #DB5200;
}

/*ul.pagination li a.active09 {
    border: 1px solid #A30000;
}*/

ul.pagination li a.active10 {
    border: 1px solid #A30000;
}

ul.pagination li a.active11 {
    border: 1px solid #006A5F;
}

ul.pagination li a.active12 {
    border: 1px solid #008EA7;
}

ul.pagination li a.active13 {
    border: 1px solid #008EA7;
}

ul.pagination li a.active14 {
    border: 1px solid #008EA7;
}

ul.pagination li a.active15 {
    border: 1px solid #008EA7;
}

ul.pagination li a.active16 {
    border: 1px solid #4C4C4C;
}

/*----- カスタマイズ導入事例一覧へ リンクボタン ここまで -----*/

/*----- ピックアップ 内容 -----*/

.archive_plus {
  width: 100%;
  max-width: 740px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 30px 10px;
}

.pickup_contents {
  height: 100%;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #fff;
  padding: 14px 10px 18px 10px;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  transition: box-shadow 0.2s, border-color 0.2s;
}

.pickup_contents:hover {
  border-radius: 0px 0px 8px 8px;
  box-shadow: 0 4px 15px rgba(44, 104, 202, 0.20);
}

@media screen and (max-width: 718px) {
  .pickup_contents {
    border-radius: 0px 0px 8px 8px;
    box-shadow: 0 2px 8px rgba(0,0,0,0.10);
    transition: box-shadow 0.2s;
  }
  .pickup_link:active .pickup_contents,
  .pickup_link:hover .pickup_contents {
    border-radius: 0px 0px 8px 8px;
    box-shadow: 0 4px 16px rgba(0,0,0,0.25);
  }
}

.pickup_img {
  width: 100%;
  margin-bottom: 10px;
  text-align: center;
}

.pickup_img img {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid #cccccc;
}

.pickup_comment{
	width: 100%;
	font-size: 80%;
	line-height: 1.8em;
	color: #333;	
	float: left;
}

.pickup_comment p {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  text-overflow: ellipsis;
}

.category_tab {
  margin-bottom: 8px;
}

/*----- 7 カスタム容器・8 コンビネーション容器 -----*/

.feature1_07 {
	width: 100%;
    background-color: rgba(114, 68, 168, 0.7);
	border-radius: 0px 0px 5px 5px;
	margin-bottom:10px; 
	float:left;
}

.feature2_12 {
	width: 100%;
	font-size: 90%;
	color: #333;
	font-weight: bold;
	float:left;
}

/*----- カテゴリー名 -----*/

.custom_no {    
    font-size: 80%;
    font-weight: 400;
    color: #fff;
    line-height: 2em;
	margin-left: 0;
    text-align: center;
}

/*----- 新製品名 -----*/

.pickup_name {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.4;
  max-height: calc(1.8em * 3);
}

/* スマホ時（max-width: 718px） 横2列表示に切替 */
@media screen and (max-width: 718px) {
  .archive_plus {
    width: 100% !important;
    max-width: 740px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr); /* 2列 */
    gap: 20px 10px;
    padding: 0 10px !important;
    box-sizing: border-box;
  }
 .category_tab {
    padding-left: 10px !important;
  }
}

/*----- ピックアップ 内容 ここまで -----*/

/*----- ページネーション -----*/

#next_back_plus {
	width: 740px;
	margin-bottom: 20px;
    text-align: center;
	float: left;
}

ul.pagination_plus {
    display: inline-block;
    padding: 0;
    margin: 0;
}

ul.pagination_plus li {display: inline;}

ul.pagination_plus li a {
    color: black;
    float: left;
    padding: 8px 16px;
    text-decoration: none;
    transition: background-color .3s;
    border: 1px solid #aaa;
}
    
.pagination_plus li:first-child a {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

.pagination_plus li:last-child a {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

ul.pagination_plus li a.active_plus {
    background-color: rgba(114, 68, 168, 0.7);
    color: white;
    border: 1px solid rgba(114, 68, 168, 0.7);
}

ul.pagination_plus li a:hover:not(.active_plus) {background-color: #ddd;}

div.center {text-align: center;}

ul.pagination_plus li a {
    margin: 0 2px;
}