@charset "utf-8";
/*
	Theme Name: diver_child
	Template: diver
	Description:  Diverの子テーマです。
	Theme URI: http://tan-taka.com/diver/
	Author: Takato Takagi
 */

/* フッター固定メニュー高さ */
.footermenu_col {height: 45px;}

/* 画像右クリック禁止 */
img {pointer-events: none;}

/* タイトルフォント */
.entry-title{font-size: 1.2em;}

/* 記事一覧ショートコード文字数制限 */
.sc_article.list .sc_article_title {display: block;}

/* マーカー */
.marker1 {background: linear-gradient(transparent 60%, #ffdbe2 0%); font-weight: bold;}

/* 囲い枠の上スペース 上 右 下 左 */
.sc_frame_wrap {margin: 0 0 2em 0;}

/* トグル背景色 */
.sc_toggle_title{background:#fcfff7; color: #666;}

/** 日付削除 **/
.post_list_wrap .date{display:none;}

/* Rinker カスタマイズ */
div.yyi-rinker-contents {border:double #CCC;}/* ——— 外枠 ２重線 ——— */
div.yyi-rinker-contents ul.yyi-rinker-links li a {text-align: center;}/* ——— ボタン基本スタイル ——— */
div.yyi-rinker-contents ul.yyi-rinker-links li.amazonlink {background: #ff9f7a; border: 2px solid #ff9f7a;}/* Amazon */
div.yyi-rinker-contents ul.yyi-rinker-links li.rakutenlink {background: #ffbe32; border: 2px solid #ffbe32;}/* 楽天 */
div.yyi-rinker-contents ul.yyi-rinker-links li.yahoolink {background: #6cf44b; border: 2px solid #6cf44b;}/* Yahoo */
div.yyi-rinker-contents ul.yyi-rinker-links li a{font-size: 0.8em;}/* ボタン文字サイズ */
@media screen and (max-width: 480px) {
	div.yyi-rinker-contents div.yyi-rinker-box {display: block;}
	div.yyi-rinker-contents div.yyi-rinker-image {width: auto;}
	div.yyi-rinker-contents div.yyi-rinker-box div.yyi-rinker-info {padding: 0;margin: auto;width: 87%;text-align: center;}
	div.yyi-rinker-contents div.yyi-rinker-detail .price-box .price {display: block;}
	div.yyi-rinker-contents ul.yyi-rinker-links li {width: 100%;margin: .5em 0;}
	body div.yyi-rinker-contents ul.yyi-rinker-links li a {padding: 0;}}

/* テーブルデザイン */
table {/* テーブル全体のスタイル */
  width: 100%;/* テーブルの幅を親要素の100%に設定 */
  margin: 5px auto 20px;/* テーブルの上に5px、下に20pxのマージン、左右は中央寄せ */
  border-collapse: collapse;/* テーブルの境界線を重ねて表示 */
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);/* テーブルに影を追加 */
  border-radius: 10px;/* テーブルの角を丸くする */
  overflow: hidden;/* 水平スクロールなし */
}
th, td {/* テーブルヘッダーとテーブルセルのスタイル */
  padding: 12px 15px;/* セル内の余白を設定 */
  /* text-align: center;テキストを中央寄せ */
  border-bottom: 1px solid #f0f0f0;/* セルの下に境界線を追加 */
  font-size: 0.9em; /* 文字サイズを小さく設定 */
}
th {/* テーブルヘッダーのスタイル */
  /* text-align: center;テキストを中央寄せ */
  background-color: #fcdede;/* 背景色を設定 */
  color: #525151;/* 文字色を設定 */
  font-weight: bold;/* 文字を太字に設定 */
}
tr:nth-child(even) {/* 偶数行のスタイル */
  background-color: #f9f9f9;/* 背景色を設定 */
}
tr:hover {/* 行にマウスオーバーした時のスタイル */
  background-color: #e6f7ff;/* 背景色を設定 */
}
.action-button {/* アクションボタンのスタイル */
  background-color: #ffffff;/* 背景色を設定 */
  border: none;/* 境界線を削除 */
  color: green;/* 文字色を設定 */
  padding: 8px 12px;/* ボタン内の余白を設定 */
  text-align: center;/* テキストを中央寄せ */
  text-decoration: none;/* テキストの装飾を削除 */
  display: inline-block;/* インラインブロック要素として表示 */
  font-size: 14px;/* 文字サイズを設定 */
  border-radius: 5px;/* 角を丸くする */
  cursor: pointer;/* カーソルをポインターに変更 */