@charset "utf-8";
/* マイルストーン　小画面 */

/* カテゴリページのヘッドライン*/
div#category_headline {
	padding:10px 20px 0px 20px;		/*パディング*/
	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 5px 5px 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_milestone {
	width:96vw;				/*テーブル全体の幅*/
	border-collapse:collapse;		/*セル同士の間に隙間を空けない*/
}

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

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