@charset "UTF-8";
/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/
/* Simplicity子テーマ用のスタイルを書く */
/* 全体の幅を1200pxにする */
#header-in, #navi-in, #body-in, #footer-in{
 width: 1180px;
}
/* メインカラムの幅を850pxにして、内側の余白をなくす */
#main {
 width: 860px;
  padding: 0;
}
/* メインカラムの枠線を消す */
#main {
  border:none;
}
/* サイドバーの枠線を消す */
#sidebar{
  border:none;
}

/* キャッチフレーズを消す */
#site-description{
    display:none;
}

/* テキストテーブル */
table.fall {
	margin:auto;
	border-collapse: separate;
	border: 0px solid black;
}
.fall th{
	border:0px;
	background-color:transparent;
	width: 120px;
	text-align:left;
	color:#33CC00;
	border-bottom: 1px solid #DDDDDD;
}
.fall td{
	border:0px;
	background-color:transparent;
	width: 720px;
	text-align:left;
	border-bottom: 1px solid #DDDDDD;
}

/* 全体センタリング */
#center{
	margin:auto;
	text-align:center;
}

/* リンク文字関係 */
a { text-decoration: none; }
a:link { color: #0000ff; }
a:visited { color: #663366; }
a:active { color: #ff4500; }
a:hover { font-weight:bolder; }

/* メイン写真背景 */
img.photo{
    padding:8px 10px;    
	width:auto;
	max-height:840px;
    background-color:#ffffff;
    border-color:#dddddd #aaaaaa #aaaaaa #dddddd;
    border-width:1px;
    border-style:solid;
}

/* サムネイル写真設定 */
.wrap {
	background:transparent;
	margin:10px auto;
	padding:10px;	
	text-align:center;
}

.wrap ul {
	display:block;
	overflow:hidden;
	margin-top:10px;
	margin-right:-10px;
	clear:both;
}
.wrap li {
	margin:auto;
	display:block;
	float:left;
	background:#fff;
	padding-left:10px;
	padding-right:-10px;
}
.wrap li img {
	cursor:pointer;
	width:180px;
	height:180px;
	object-fit:contain;
	font-family: 'object-fit: contain;';
}
.sample{
object-fit: cover;
object-position: center top;
font-family: 'object-fit: cover; object-position: center top;'
}
/* マップ案内文字 */
.maps {
	text-align:left;
	font-size:large;
	font-style:oblique;
}
/* 全国の滝テーブルリスト */
table.area {
	margin:auto;
	text-align:center;
	table-layout: fixed;
	border-collapse: separate;
	border: 0px solid black;
	font-size:small
}
.area th{
	border:0px solid #000000;
	background-color:#e6e6fa;
	box-shadow: 5px 5px 10px 0px #d5d5d5;
}
.area td{
	border:0px solid #000000;
	background-color:#ffffff;
	padding: 1px 10px 1px 10px;
	box-shadow: 5px 5px 10px 0px #d5d5d5
}
/* 百選の表記ボックス */
table.box {
	margin:20px auto;
	text-align:left;
	border-collapse: separate;
	border: 0px solid black;
	font-size:small
	}
.box td{
	border:0px solid #000000;
	background-color:#ffffff;
	box-shadow: 5px 0px 10px 0px #d5d5d5;
	padding: 3px 10px 3px 10px;
}
/* 百選テーブル */
table.falls {
	margin:auto;
	padding-top: 15px;
	text-align:center;
	table-layout: fixed;
	border-collapse: separate;
	border: 0px solid black;
	font-size:small
}
.falls th{
	border:0px solid #000000;
	background-color:#1e90ff;
	text-align:center;
	border-radius: 3px;
	}
.falls td{
	border:0px solid #000000;
	background-color:#add8e6;
	text-align:center;
	border-radius: 3px;
	padding: 1px 10px 1px 10px;
}
/* 各サイズ */
.a {	width: 140px;}
.b {	width: 120px;}
.c {	width: 210px;}
.d {	width: 50px;}
.e {	width: 60px;}
.f {	width: 180px;}
.g {	width: 30px;}
.h {	width: 70px;}
.i {	width: 260px;}
.j {	width: 60px;}
.k {	width: 80px;}
.l {	width: 100px;}
.m {	width: 620px;}
.n {	width: 150px;}
.o {	width: 60px;}
.p {	width: 60px;}
.q {	width: 80px;}
.r {	width: 30px;}
.s {	width: 120px;}
.t {	width: 120px;}
.u {	width: 220px;}
.v {	width: 20px;}
.w {	width: 60px;}
.x {	width: 130px;}
.y {	width: 110px;}
.z {	width: 420px;}
.aa{	width: 60px;}
.ab{	width: 120px;}
.ac{	width: 30px;}
.ad{	width: 390px;}
.ae{	width: 100px;}
.af{	width: 260px;}
.ag{	width: 360px;}
.ah{	width: 25px;}
.ai{	width: 120px;}
.aj{	width: 80px;}
.ak{	width: 25px;}
.al{	width: 35px;}
.am{	width: 120px;}
.an{	width: 600px;}
.ao{	width: 100px;}
.ap{	width: 110px;}
.aq{	width: 130px;}
.ar{	width: 20px;}
.as{	width: 200px;}
.at{	width: 280px;}
.au{	width: 110px;}
.av{	width: 90px;}
.aw{	width: 90px;}
.ax{	width: 60px;}
/* 文字配置、サイズ */
.text{
	margin: 10px 0px 5px 0px;
	text-align:center;
	font-size:small;
}
/* お気に入りの滝テーブル */
table.mfw {
	margin:auto;
	table-layout: fixed;
	border-collapse: separate;
	border: 0px solid black;
	font-size: small;
}
.mfw th{
	border:0px solid #000000;
	background-color:#1e90ff;
	border-radius: 3px;
	padding-left: 8px;
	text-align: left;
	font-size: small;
}
.mfw td{
	border:0px solid #000000;
	background-color:#add8e6;
	border-radius: 3px;
	padding-left: 8px;
	text-align: left;
	font-size: small;
}
/* リンクメニュー */
table.linkmenu {
	margin:auto;
	table-layout: fixed;
	border-collapse: separate;
	border: 0px solid black;
	font-size: small;
}
.linkmenu th{
	border:0px solid #000000;
	background-color:transparent;
	border-radius: 3px;
	padding-left: 8px;
	width: 200px;
	text-align: center;
	font-size: small;
}
.linkmenu td{
	border:0px solid #000000;
	background-color:#ffffff;
	border-radius: 3px;
	padding-left: 8px;
	width: 520px;
	text-align: left;
	font-size: small;
}
/*トップの固定ページのタイトルと日付を消す*/
#post-6681 .post-meta {
	display: none;
}
#post-6681 .entry-title {
	display: none;
}


.slicknav_menu {
    background-color : #fff;
}

.slicknav_nav a{
    color: #303030;
}

.slicknav_menu .slicknav_menutxt {
    color: #222;
    font-weight: 500;
    font-size: 14px;
    text-shadow: 0 1px 0 rgba(0,0,0,.55);
}

.slicknav_menu .slicknav_icon-bar {
    background-color: #222;
}

.slicknav_btn {
    background-color: #fff;
    border: 2px solid #222;
    box-shadow: 0 1px 0 rgba(0,0,0,.25);
}


.slicknav_menu .slicknav_menutxt {
    font-family: 'Verdana',sans-serif;
}

/*ビデオタグ*/
.bg{
position: relative;
	width: 100%;
	padding-bottom: 56.25%;
}
.video{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin-top: 10px;
    margin-bottom: 10px;
}


/* リスト全体のスタイル設定（Flexboxでレスポンシブ化） */
.wpp-list2 {
  margin: 20px 0 !important;
  padding-left: 0 !important;
  list-style: none;
  counter-reset: no;
  display: flex;
  flex-wrap: wrap;
  gap: 16px; /* アイテム同士の隙間 */
}

/* 各リスト項目の横幅（PCは2列、スマホは1列に自動変化） */
.wpp-list2 li {
  position: relative;
  width: calc(50% - 8px); /* PCでは2列 */
  box-sizing: border-box;
}

@media (max-width: 600px) {
  .wpp-list2 li {
    width: 100%; /* スマホでは1列 */
  }
}

/* カード風のレイアウト構造 */
.ranking-card {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 12px 12px 45px; /* 左側に順位バッジ用の余白を確保 */
  height: 100%;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}

/* 順位バッジ（数字）の配置と装飾（3桁対応版） */
.wpp-list2 li:before {
  content: counter(no);
  counter-increment: no;
  position: absolute;
  left: 8px;              /* 左側の位置を微調整 */
  top: 12px;
  z-index: 2;
  color: white;
  background-color: #303436;
  text-align: center;
  font-size: 11px;        /* 3桁が入るように文字を少しだけ小さく */
  font-weight: bold;
  line-height: 28px;      /* 縦中央に揃える調整 */
  width: 32px;            /* 横幅を26pxから32pxに広げました */
  height: 28px;           /* 高さを26pxから28pxに広げました */
  border-radius: 4px;
  box-sizing: border-box; /* サイズ計算を安定させます */
}

/* カード側の左余白もバッジに合わせて微調整 */
.ranking-card {
  display: flex;
  align-items: center;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 8px;
  padding: 12px 12px 12px 48px; /* 左側の余白を45pxから48pxに広げました */
  height: 100%;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}