/*-----テーブル非表示列カラム-----*/
div.no-column-1 .column-1,
div.no-column-2 .column-2,
div.no-column-3 .column-3,
div.no-column-4 .column-4,
div.no-column-5 .column-5,
div.no-column-6 .column-6,
div.no-column-7 .column-7,
div.no-column-8 .column-8,
div.no-column-9 .column-9,
div.no-column-10 .column-10,
table.no-column-1 .column-1,
table.no-column-1 td:first-child,
table.no-column-2 .column-2,
table.no-column-3 .column-3,
table.no-column-4 .column-4,
table.no-column-5 .column-5,
table.no-column-6 .column-6,
table.no-column-7 .column-7,
table.no-column-8 .column-8,
table.no-column-9 .column-9,
table.no-column-10 .column-10,
.no-column-1 tr td:first-child{
  display:none!important;
}

/*-------- AFFINGERデフォルトの濃い線を削除 -------*/
.post table thead th, .post table thead td{
  border-left: #E1E1E1!important;
  border-bottom-color : #E1E1E1!important;
}

/*-------- link-table -------*/
.post table.link-table{
  table-layout: fixed!important;
}

.post table.link-table thead tr th,.post table.link-table td{
  /* line-height: 1.6em; */
  text-align: center;
  vertical-align:middle;
  padding:4px!important;
}

.post table.link-table td a,.post table.link-table thead tr th a{
 display:block!important;
 width:100%;
 height:100%;
  text-decoration: none;
  font-weight: bold;  
} 

/*-------- noline-table -------*/
table.noline-table, table.noline-table th, table.noline-table td {
    border-style: none!important;
}

/*-------- mokuji-table -------*/
.post table.mokuji-table{
  table-layout: fixed;
}

.post table.mokuji-table thead tr th,.post table.mokuji-table td{
  background: orange;
  line-height: 3.0em;
  text-align: center;
  vertical-align:middle;
  padding:0;
}

.post table.mokuji-table td a,.post table.mokuji-table thead tr th a{
 display:block;
 width:100%;
 height:100%;
  color: white;
  text-decoration: none;
  font-weight: bold;  
} 

/*------------4列のテーブル---------*/
.post table.fix-table{
  table-layout: fixed;
}

.post table.four-table{
  table-layout: fixed;
}

.post table.four-table td{
  font-size: 80%!important;
}

/*---------- テーブル共通 ----------*/
.post table th, .post table td,table td p{
  font-size: 13px!important;
}

.post table th, .post table td{
  border: 1px #e1e1e1 solid;
}

.post table ul li,.post table ul{
  font-size: 13px!important;
  padding: 0;
  margin: 0;
  border: none;
}
/*---------- テーブル共通ここまで ----------*/

/*table-center*/
table.table-center td{
  text-align: center;
  vertical-align: middle;
}

/*------- テーブル幅のサイズ -------*/
table.width20 tr th:first-child, table.width20 tr td:first-child{
  width: 20%;
}

table.width30 tr th:first-child, table.width30 tr td:first-child{
  width: 30%;
}

table.table33{
  table-layout: fixed;
}
table.width33 tr th{
  width: 33.3%;
}

table.width50 tr th:first-child, table.width50 tr td:first-child{
  width: 50%;
}
/*------- テーブル幅のサイズ ここまで -------*/

/********* compare *********/
table th, table.compare_table td:first-of-type, table.compare_table th
{
  background: #f3f1ed;
  font-weight: bold;
  padding: 8px;
  vertical-align: middle;
  text-align: center;
}

table.compare_table tr:first-child td:not(td:first-of-type){
  font-weight: normal;
}

.compare_table {
	  table-layout: fixed;
}

.compare_table td{
	  padding:4px;
}

.post table.compare_table td:nth-child(1) {
	  color: black;
	  padding: 7px 10px;
	  font-size: 13px;
      background: #F3F1ED!important;
	  line-height: 120%;
	  vertical-align: middle;
	  text-align: center;
}

table.compare_table tbody tr td:nth-child(2),
table.compare_table tbody tr td:nth-child(3),
table.compare_table tbody tr td:nth-child(4),
table.compare_table tbody tr td:nth-child(5)
{
    background: white;
}

/********* compareここまで *********/

/********* tablepress *********/
table.tablepress { 
  border: 1px rgba(185,185,185,0.5) solid; 
  table-layout: fixed;
}

.post table.tablepress thead th{
  background: #f3f1ed;
  /* font-weight: bold; */
  padding: 8px;
  font-size: 13px;
  vertical-align: middle;
  text-align: center;
  color: black;
}

/********* ここまで *********/

/********* 評価テーブル(ランキングの★評価) *********/
table.hyoka-table { 
  background: white;
}

.post table.hyoka-table img:not(.usr){ 
  width:150px;
}

.post table.hyoka-table tr td:first-child{
  background: #f3f1ed;
  font-weight: bold;
  padding: 8px;
  font-size: 13px;
  text-align: center;
  vertical-align:middle;
}

table.hyoka-comment tr td:first-child{
  width: 70px;
}

/********* ここまで *********/

/*** テーブル内の画像サイズ ***/

.post table img:not(.usr){
  max-width: 100%;
}

.post table img.img-50:not(.usr){
    width:50%;
}

.post table.image-table{
  padding: 0px;
  margin: 0px;
  border: none;
}

.post table.image-table td{
  padding: 0px;
  margin: 0px;
  border: none;
}

.post table.image-table img{
  width:100%;
}

/** Tablepressでのクラス付与を想定 **/
table.img100px img { width: 100px !important; max-width: 100px!important; }
table.img120px img { width: 120px !important; max-width: 120px!important; }
table.img150px img { width: 150px !important; max-width: 150px!important; }
table.img200px img { width: 200px !important; max-width: 200px!important; }
table.img300px img { width: 300px !important; max-width: 300px!important; }


/********* ここまで *********/

/**** 見出し(th要素)がないテーブル ****/
.post table.no-th tr td:first-child{
  background: #F8F8F8;
  font-weight: bold;
  padding: 8px 4px;
  font-size: 13px; 
  text-align: center;
  vertical-align: middle;
}

/* tablepressにno-thクラスを付与した場合 */
.post table.no-th tr td.column-1{
  text-align: center;
}

.post table.no-th tr th.column-2{
  background: white;
  font-weight: normal;
  text-align: left;
}
/**** ここまで ****/

.four-col-table td:nth-child(2),.four-col-table td:nth-child(3),.four-col-table td:nth-child(4),.four-col-table td:nth-child(5){
  width: 40px;
  text-align: center;
  vertical-align:middle;
}


.four-col-table td {
  padding: 1px;
}

.hyoka_table td {
  padding-top: 0px;
}

.hyoka_table td {
  text-align: center;
  vertical-align:middle;
  padding-top: 0px;
}

/***** center-table ******/
table.center-table td {
  text-align: center;
}

/***** ランキング用テーブル 順位ラベル部分 ****/
.sf-rinker-table .header-label {
  background: #EE4156;
  color: white;
  padding: 0 8px;
  font-size: 30px!important;
  font-size: 3rem !important;  
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: flex;
  align-items: center;
  color: #fff;
  border-radius: 12px 0 0 12px!important; /** 色をはみ立たせないため .has-labelと合わせる **/
}

/** デフォルト見出しより優先度を上げるために、ダミー連発 **/
/** 順位ラベル付きのh2〜h4での利用を想定 **/
.sf-rinker-table .has-label:not(.dummy):not(#dummy):not(#dummy){
  position: relative;
  overflow: hidden;
  padding: 1.5rem 2rem 1.5rem 90px!important;
  word-break: break-all;
  border-radius: 12px 0 0 12px!important; /** 色をはみ立たせないため.header-labelと合わせる **/
}

/***** 評価テーブル用 ****/
/*** .rinker-hyoka-table tr:first-child  ←これがなぜか効かない ***/

.rinker-hyoka-table .評価項目 th,
.rinker-hyoka-table .評価項目 td 
{
  background: #F3F1EC;
  font-weight: bold;
}

.rinker-hyoka-table th{
  background: white;
}

/** rinker-slide、rinker-compareでは、テキストを非表示。スコアのみ表示 **/
.sf-slide-table .hyoka_text {
  display: none;
}

/** idが1つの場合、画像やボタンの左端を非表示 */
.single-item td.empty-col{
  display: none;
}

/** メインが空の場合、画像やボタンの左端を非表示 */
.no-main td.empty-col{
  display: none;
}

/* more_linkテキスト */
.more_link {
  margin-bottom: 20px;
  padding: 0px;
  text-align: right;
}

/* snaf_rinker_slide */
table.sf-slide-table.slide-v2 td {
  line-height: 1.6em; /* 2行以上の項目値の行間をせまく */
}


/*** rinker_tableで、tablepressを利用 ***/
.sf-rinker-table table.tablepress th,
.sf-rinker-table table.tablepress td{
  height: 36px;
  align-content: space-around;
}

.sf-rinker-table table.tablepress thead{
  width: 30%;
}

.sf-rinker-table table.tablepress thead th{
  font-weight: normal;
}

.sf-rinker-table table.tablepress thead,
.sf-rinker-table table.tablepress tbody{
	  border: none;
}

/* ショートコード snaf_tablepressで、responsive="flip" responsive_breakpoint="all"を指定したときの並びを正しくする  */
.flip .tablepress-responsive-all tr{
  display: flex;
  flex-direction: column;
}

/* Tablepressでクラス付与 snaf_tablepress
  thのみ白表示、tdは表示
*/
.tablepress .back-white{
  background: white !important;
}

.rinker-compare.glamping img:not(.usr){
    max-width: 140px;
    max-height: 100px;
}