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

/* カテゴリページのヘッドライン*/
div#category_headline {
	padding:10px 20px 5px 10px;		/*パディング*/
    margin-bottom: 5px;
	min-height: 120px;				/*高さ指定*/
	height:auto;
}

div#category_headline h1 {
	font-size:1.15rem;
/*	padding-left: 10px;*/
}

div#category_headline h2 {
	font-size:1.0rem;
/*	padding-left: 10px;*/
}

div#category_headline p {
	width:auto;
}

/*　★カテゴリ一覧　*/
.infoimg_category_pic {
/*	width: ; */
/*	height: ;	/*画像の表示サイズを指定*/
	margin:5px;	/*マージン*/
	float:right;			/*画像を右寄せにする*/
}

img.infoimg_category_all_pic {
	width: 30vw;     /*カテゴリ一覧のサムネイルサイズ*/
	aspect-ratio: calc(16/9);
	/*height: auto; 	/*画像の表示サイズを指定*/
	/*object-fit:cover; /*画像中央あわせでトリミング*/	
}

img.infoimg_category_segment_pic {
	width: 160px;     /*カテゴリ一覧のサムネイルサイズ*/
	height: 95px; 	/*画像の表示サイズを指定*/
	object-fit:cover; /*画像中央あわせでトリミング*/	
}


/*--★カテゴリ各種リスト用 --*/

table.table_CAT {
	width:96vw;				/*テーブル全体の幅 viewportの96%*/
	border-collapse:collapse;		/*セル同士の間に隙間を空けない*/
}

table.table_CAT th {
	width:22vw;				/*見出しセルの幅 viewport 22%*/
	padding:5px 10px;				/*パディング*/
	vertical-align: top;        /*縦　上揃いにする */
	text-align:center;				/*横　センター揃えにする*/
	white-space:nowrap;				/*セル内の改行を禁止する*/
	background-color:#ffffff;				/*セルの背景色*/
	border-bottom:dotted #666666 1px;				/*セルのボーダー*/
	font-size:94%; 				/*--フォント調整--*/
}
table.table_CAT td {
	width:74vw;						/*view port幅*/
	padding:5px;				            /*パディング*/
	background-color:#ffffff;				/*セルの背景色*/
	border-bottom:dotted #666666 1px;				/*セルのボーダー*/
	vertical-align: center;        /*縦　上揃いにする */
}

table.table_CAT p {
	width:auto;		/*幅の指定*/
	margin:5px;		/*マージン*/
	text-indent:0em;		/*インデント幅*/
	font-size: 94%;  /*--フォント調整--*/
}


table.table_CAT img {
    width:96px;		/*幅の指定 サイズ縮小*/
	height: 88px;
	object-fit: cover; /*画像の短辺合わせでリサイズとトリミング*/
	vertical-align: middle; 
}


/*
カテゴリTOPのメニューリスト 2025.2.26着手 (未使用)
*/
ul.category_top_menu {
width:660px; height:45px; 	/*メインメニュー部分の幅と高さ*/
	margin:0px 20px; 		/*上下マージン0px、左右マージン20px*/
	
}

ul.category_top_menu li  {
	list-style-type:none;		/*リストマーカー無しにする*/
	display:inline;			/*リスト項目をインライン表示にする*/
	float:left;			/*リスト項目を横に並べる*/
}

/*TOPから各リストへのリンクアイコン*/
p.category_top {
	display:inline-block;
/*	vertical-align: middle; */
	background-color: #fffff0;
	width:auto; /*height:28px;*/
	border:dotted 1px gray;
	border-radius: 5px;
	padding:4px 8px 2px 8px;
	
}