@charset "utf-8";
/* CSS Document */
/*=== spacetimes 概要関係のテンプレですべて参照中  Table定義　　===*/
/*　ファイル名 table_renewalはRSサイトの以前のリニューアル時のもの。2026.8アップデート、内容別物  */


/*--価格テーブル 列数5　テキストのみ--*/

table.table_price {
	width:835px;				/*テーブル全体の幅*/
	margin:5px;
	border-collapse:collapse;		/*セル同士の間に隙間を空けない*/
	border-top: dotted #666666 1px;	/*セルのボーダー上*/
	border-left: dotted #666666 1px;	/*セルのボーダー左*/
}

table.table_price th {
	width:160px;				/*見出しセルの幅*/
/*	padding:5px 10px;				/*パディング*/
	vertical-align: top;        /*縦　上揃いにする */
	text-align:left;				/*横　左揃えにする*/
	white-space:normal;			/*セル内の改行、自動折り返し　normalがデフォルト*/			
	/*	white-space:nowrap;				/*セル内の改行を禁止する*/
	background-color:#ffffff;				/*セルの背景色*/
	border-bottom:dotted #666666 1px;				/*セルのボーダー*/
	border-right: dotted #666666 1px;			
	font-size:94%; 				/*--フォント調整--*/
	font-weight: 600;
}
table.table_price td {
	width:160px;
/*	padding:5px 5px 5px 10px;				            /*パディング*/
	background-color:#ffffff;				/*セルの背景色*/
	border-bottom:dotted #666666 1px;				/*セルのボーダー*/
	border-right: dotted #666666 1px;	
	vertical-align: center;        /*縦　中央揃いにする */
}

table.table_price th p {
/*	width:140px;		/*幅の指定*/
	width:auto;  /* 幅 */
	margin:5px;		/*マージン*/
	text-indent:0em;		/*インデント幅*/
	font-size: 94%; /*--フォント調整--*/
	
}

table.table_price td p {
/*	width:140px;		/*幅の指定*/
	width:auto;  /* 幅 */
	margin:5px;		/*マージン*/
	text-indent:0em;		/*インデント幅*/
	font-size: 94%; /*--フォント調整--*/
	
}

/*-- 会員フリー比較表　--*/
/* テーブル全体の基本設定 */
.custom-table {
  width: 100%;
  table-layout: fixed; /* これで％の指定が正確に効きます */
  border-collapse: collapse;
  font-size: 90%;
  word-break: keep-all; /* 単語の途中での改行を防ぐ */
  overflow-wrap: normal; /* 通常の改行ルール（念のため設定） */
}

/* 各列の幅を設定 */
.col-1 {
  width: 26%;
}

.col-2-3 {
  width: 8%; /* 1列あたり10%になります */
}

.col-4 {
  width: 32%; /* 1列あたり27%になります */
}

.col-5 {
  width: 26%; /* 1列あたり27%になります */
}

/* 見栄え用の装飾（必要に応じて調整してください） */
.custom-table th, 
.custom-table td {
  border: 1px solid #ccc;
  padding: 6px;
  text-align: center;
}

.custom-table th {
	background-color:antiquewhite;
}

.custom-table td:nth-child(1){
  text-align: left ;
}

.custom-table td:nth-child(4){
  font-size: 12px;
  text-align: left ;
}
/*.custom-table th:nth-child(5),*/
.custom-table td:nth-child(5) {
  font-size: 12px;
  text-align: left ;
}



/*--テーブル 2列　（会員版サンプルの一覧テーブル）　--*/
.table_sample {
  width: 80%;
  table-layout: fixed; /* これで％の指定が正確に効きます */
  border-collapse: collapse;
  font-size: 96%;
  word-break: keep-all; /* 単語の途中での改行を防ぐ */
  overflow-wrap: normal; /* 通常の改行ルール（念のため設定） */
}

.sample_col-1 {
  width: 32%;
}

.sample_col-2 {
  width: 48%; /* 1列あたり48%になります */
}

/* 見栄え用の装飾（必要に応じて調整してください） */
.table_sample th, 
.table_sample td {
  border: 1px solid #ccc;
  padding: 6px;
}
.table_sample th {
	background-color:antiquewhite;
	text-align: center;
}
.table_sample td {
	  text-align: left;
}

/*--テーブル3列　（ご購読の流れのリストテーブル）　--*/
.table_purchase {
  width: 100%;
  table-layout: fixed; /* これで％の指定が正確に効きます */
  border-collapse: collapse;
  font-size: 90%;
  word-break: keep-all; /* 単語の途中での改行を防ぐ */
  overflow-wrap: normal; /* 通常の改行ルール（念のため設定） */
}

.purchase_col-1 {
  width: 7%;
}

.purchase_col-2 {
  width: 9%; /* 1列あたり12%になります */
}

.purchase_col-3 {
  width: 81%; /* 1列あたり80%になります */
}


/* 見栄え用の装飾（必要に応じて調整してください） */
.table_purchase th, 
.table_purchase td {
  border: 1px solid #ccc;
  padding: 6px;
  text-align: center;
}

.table_purchase th {
	background-color:antiquewhite;
}

.table_purchase td:nth-child(3){
  text-align: left ;
}


/*--　--*/
