/*
Theme Name: ntl-fishing
Author: Nobby Noboru Hirano
Author URI: https://lurefishing.jp
Version: 0.7.7
*/
/*--------------------------------------------------------------
 Ntools
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Londrina+Shadow=swap');

body { color: #504447; }

div.container {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	white-space: normal;
	font-family: sans-serif;
}

.site_title {
	color: #151;
	background-color: #87ceeb;
	margin-top: calc(-2vw);
	margin-left: calc(-1vw);
	margin-right: calc(-98vw);
}
.sitepx {
	margin-left: 30px;
	line-height: 1;
}

.site_title h2 {
	font-style: italic;
	font-weight: bold;
	margin-top: 20px;
	font-size: 2em;
}

.container img {
	max-width: 100%;
	height: auto;
}

.container table {
	margin: 3px auto;
}

.entry-header {
	color: #000;
	background-color: #eee;
	opacity: 0.7;
}

.widget-area,
.pagination,
.comments-pagination,
.post-navigation,
.site-footer,
.site-header,
.alignwide,
.wide-max-width {
        max-width: var(--responsive--alignwide-width);
        margin-left: auto;
        margin-right: auto;
}

header, footer{
	display:flex;
	flex-wrap:wrap;
}

article.post {
	border-bottom: 4px dashed #ecf0f1;
}

article.post:last-of-type {
	border-bottom: none;
}

a {
	color: #00e;
}
a:link,
a:visited,
a:hover,
a:active {
	color: #00e;
}

/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;

	/* 1 */
	font-size: 100%;

	/* 1 */
	line-height: 1.15;

	/* 1 */
	margin: 0;

	/* 2 */
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	/* 1 */
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	/* 1 */
	text-transform: none;
}

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type=button],
[type=reset],
[type=submit] {
	-webkit-appearance: button;
}

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
	outline: 1px dotted ButtonText;
}

.ShimanoI { width: 50%; height:auto; }
.Shimano,
a.Shimano:link,
a.Shimano:visited,
a.Shimano:hover,
a.Shimano:active {color: #3f8ee7; font-weight: bold; text-decoration:none;}

.DaiwaI { width: 40%; height:auto; }
.Daiwa,
a.Daiwa:link,
a.Daiwa:visited,
a.Daiwa:hover,
a.Daiwa:active {color: rgb(10, 10, 10); font-weight: bold;text-decoration:none;}
.AbuI { width: 60%; height:auto; }
.Abu,
a.Abu:link,
a.Abu:visited,
a.Abu:hover,
a.Abu:active {color: rgb(90, 90, 90); font-weight: bold; text-decoration:none;}
.ApiaI { width: 60%; height:auto; }
.Apia,
a.Apia:link,
a.Apia:visited,
a.Apia:hover,
a.Apia:active {color: rgb(230, 15, 55); font-weight: bold; text-decoration:none;}
.BreadenI { width: 50%; height:auto; }
.Breaden,
a.Breaden:link,
a.Breaden:visited,
a.Breaden:hover,
a.Breaden:active {color: #009fc5; font-weight: bold; text-decoration:none;}
.GaeaI { width: 40%; height:auto; }
.Gaea,
a.Gaea:link,
a.Gaea:visited,
a.Gaea:hover,
a.Gaea:active {color: #181818; font-weight: bold; text-decoration:none;}
.GamakatsuI { width: 50%; height:auto; }
.Gamakatsu,
a.Gamakatsu:link,
a.Gamakatsu:visited,
a.Gamakatsu:hover,
a.Gamakatsu:active {color: #3f7ee8; font-weight: bold; text-decoration:none;}
.GcraftI { width: 60%; height:auto; }
.Gcraft,
a.Gcraft:link,
a.Gcraft:visited,
a.Gcraft:hover,
a.Gcraft:active {color: #bf9002; font-weight: bold; text-decoration:none;}
.MegabassI { width: 55%; height:auto; }
.Megabass,
a.Megabass:link,
a.Megabass:visited,
a.Megabass:hover,
a.Megabass:active {color: #e60012; font-weight: bold; text-decoration:none;}
.NissinI { width: 40%; height:auto; }
.Nissin,
a.Nissin:link,
a.Nissin:visited,
a.Nissin:hover,
a.Nissin:active {color: rgb(200, 15, 55); font-weight: bold; text-decoration:none;}
.OlympicI { width: 50%; height:auto; }
.Olympic,
a.Olympic:link,
a.Olympic:visited,
a.Olympic:hover,
a.Olympic:active {color: rgb(10, 10, 10); font-weight: bold; text-decoration:none;}
.PALMSI { width: 50%; height:auto; }
.PALMS,
a.PALMS:link,
a.PALMS:visited,
a.PALMS:hover,
a.PALMS:active {color: rgb(12, 12, 32); font-weight: bold; text-decoration:none;}
.RudiesI { width: 40%; height: auto; }
.Rudies,
a.Rudies:link,
a.Rudies:visited,
a.Rudies:hover,
a.Rudies:active {color: rgb(5, 5, 5); font-family: serif; text-decoration:none;}
.SMITHI { width: 50%; height:auto; }
.SMITH,
a.SMITH:link,
a.SMITH:visited,
a.SMITH:hover,
a.SMITH:active {color: #787878; font-family: serif; font-weight: bold; text-decoration:none;}
.TictI { width: 50%; height:auto; }
.Tict,
a.Tict:link,
a.Tict:visited,
a.Tict:hover,
a.Tict:active{color: #181818; font-family: Ariel; 
 text-shadow: 1px 1px 0px #ffffff, 2px 2px 1px #663333;  font-weight:bold;}
.YamagaI { width: 50%; }
.Yamaga,
a.Yamaga:link,
a.Yamaga:visited,
a.Yamaga:hover,
a.Yamaga:active {color: #1f38ff; font-family: serif; font-weight: bold; text-decoration:none;}

.ArJPI { width: 60%; height: auto;}
.BerkleyI { width: 35%; height: auto;}
.DuelI { width: 30%; height: auto;}
.EcogI { width: 60%; height: auto;}
.JackallI { width: 50%; height: auto;}
.OwnerI { width: 50%; height: auto;}
.RapalaI { width: 35%; height: auto;}
.reinsI { width: 30%; height: auto;}
.StormI { width: 45%; height: auto;}
.TackeHouseI { width: 50%; height: auto;}
.TictI { width: 40%; height: auto;}
.XestaI{ width: 50%; height: auto;}
.YozuriI{ width: 40%; height: auto;}
.ZipBaitsI { width: 60%; height: auto;}

.audiI { width: 40%; height: auto;}
.AlphaRI { width: 70%; height: auto;}
.PEUGEOT {width: 70%; height: auto;}
.Citroen {width: 70%; height: auto;}
.ALPINE {width: 75%; height: auto;}
.MINI {width: 50%; height: auto;}
.Renault {width: 75%; height: auto;}
.Suzuki {width: 60%; height: auto;}
.TOYOTA {width: 70%; height: auto;}
.PORSHE {width: 75%; height: auto;}
.HONDA {width: 75%; height: auto;}
.LEXUS {width: 75%; height: auto;}
.MAZDA {width: 75%; height: auto;}
.DS {width: 70%; height: 35%;}

.inl {display:inline;}

hr {color: #bababa;}

.grline {
    border-top: 1px solid #444;
    border-bottom: 1px solid #444;
    padding: 0px 12px;
}

.uplc {
	border-top:1px solid #aaa;
	background-color: #c0c8d0;
}
.upl {
	border-up:1px solid #aaa;
}

.udl {
	border-bottom:1px solid #aaa;
}

.udlhl {
	width:100%;
	padding-left: 2em;
	padding-right: auto;
	border-bottom:1px solid #aaa;
/*	font-style:oblique; */
	font-style: italic;
	font-weight: bold;
	background-color: #87ceeb;
	color: #333;
}

.udlhl a { color: #333; }

.itlc { font-style: italic; }

.ftr {
	width:100%;
	padding-left: 2em;
	padding-right: auto;
	border-bottom:1px solid #aaa;
	background-color: #ccc;
	color: #333;
}

.udlr {
	border-bottom:1px solid #aaa;
	padding: 0px 12px;
	text-align: right;
}

.nudl {
	padding: 1px 0px;
	text-align: center;
}
a {
	text-decoration:none;
}

a.std {
	color: #00e;
	text-decoration: underline;
}
a.std:visited,
a.std:hover,
a.std:active {
	color: #00e;
	text-decoration: underline;
}

a.blk {
	color: #008; 
	vertical-align: middle;
	height: 100%;
	display: block;
	padding: 2px 1px;
}
a.blk:hover {
	color:#0ff;
	background-color:#ab0000;
	border-width:1px;
}

a.pblk {
	color: #008; 
	vertical-align: middle;
	height: 100%;
	display: block;
	padding: 6px 4px;
}
a.pblk:hover {
	color:#0ff;
	background-color:#ab0000;
	border-width:1px;
}

.rsvd {
	background-color: rgb(210, 175, 175);
}

.strong {
	font-weight: bold;
	color: rgb(220, 12, 10);
}

.doc {
	color: rgb(51, 51, 0);
}

th.whim {
	color: #ff6600;
	text-align:left;
	vertical-align:bottom;
	height:50px;
}

li.doc {
	color: rgb(51, 51, 0);
}

li.grn {
	color: rgb(0, 102, 0);
	font-weight: bold;
}

.hlf { width:50%; }
.sle { width:60%; }
.afz { width:99%; }

.red {
	font-weight: bold;
	color: rgb(255, 0, 0);
	vertical-align: middle;
}

.selc { background-color: #ace; }
.selb { background-color: #aec; }

.lmn { color:rgb(30, 120, 30); font-style: italic; }
.cmc { color:#393; font-style: italic; }

.grn {
	font-weight: bold;
	color: rgb(25, 102, 0);
	vertical-align: middle;
}

.org {
	font-weight: bold;
	color: rgb(255, 102, 0);
}

.dsl { color: rgb(184, 134, 11); font-weight: bold; }

.hdsl {
	color: rgb(184, 134, 11);
	font-style: italic;
	font-weight: bold;
}

.dsh { border-bottom:1px dashed; }

.msm { font-size: 90%; }
.sml { font-size: 80%; }
.vsml { font-size: 67%; }

.sinp {
	font-size: 85%;
	background-color: #fcfcfc;
}

.sea { background-image: url(/wdata/images/sea085.svg); }

strong.red {color: #f00}

input.inpr {
	width:86%;
	text-align: right;
}

/* Table class */
table th.cent,
table td.cent { text-align: center; }

table td.pdm3 { width:3%; }
table td.pdm4 { width:4%; }
table td.pdm6 { width:6%; }
table td.pdm8 { width:8%; }
table th.pdm20,
table td.pdm20 { width:20%; }

table.minim {
	width: 100%;
	font-size: 11px;
	border-collapse: collapse;
}
table.minim td {
	border: solid 1px #ccc;
	padding: 0px 1px;
	text-align: center;
}
table.minim td a { text-decoration: none; }

table.idx {
	width: 100%;
	font-size: 16px;
	margin-left: 20px;
	margin-right: 20px;
	border-collapse: collapse;
	vertical-align: middle;
	text-decoration:none;
}
table.idx thead th {
	font-size: 16px;
	color: rgb(255, 102, 0);
	background-color: #eee;
	text-align: left;
	font-style: italic;
	vertical-align: middle;
	padding: 0px 8px;
}

table.idx tbody th {
	font-size: 16px;
	color: #411;
/*	background-color: #eee; */
	text-align: left;
	vertical-align: middle;
	font-weight:normal;
	padding: 0px 2px 0px 18px;
	margin: 1px 4px;
	border-top: 1px #ccc ridge;
}

table.idx td {
	font-size: 16px;
	text-align: right;
	vertical-align: middle;
	padding: 0px 2px;
	border-top: 1px #ccc ridge;
}

table.idx td.cnt {
	font-size: 16px;
	text-align: center;
}

table.idx td.img {
	width: 142px;
	padding: 0px 2px;
}

table.idx td.num,
table.idx tbody th.num {
	width: 2%;
	font-size: 80%;
	text-align: center;
}

table.idx td.lft {
	font-size: 16px;
	text-align: left;
	vertical-align: middle;
}

table.nobd {
	width: 100%;
	font-size: 70%;
	vertical-align: middle;
	margin: 0px;
}
table.nobd thead th {
	border:none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #bcb;
}
table.nobd tbody th {
	border:none;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #eed;
}
table.nobd tbody td {
	border:none;
	margin: 0px;
	padding: 0px;
}

table.pspec {
	border-collapse: collapse;
	vertical-align: middle;
	text-decoration:none;
	width: 100%;
	margin-left: 0px;
	margin-right: auto;
	text-align: center;
}

table.pspec caption {
	padding-bottom: 8px;
	padding-left: 5%;
	text-align: left;
	font-weight: bold;
	font-size: 150%;
	table-layout: fixed;
	color: rgb(255, 102, 0);
}

table.pspec tr.bak {
  	background-color: rgb(228,248,255);
}

table.pspec th {
	padding: 6px 4px;
	border: solid 1px #aaa;
	vertical-align: middle;
}
/* table.pspec thead th { background-color: #cdc; } */
/* table.pspec tbody th { background-color: #ffe; } */
table.pspec thead th { background-color: #bcb; }
table.pspec tbody th { background-color: #eed; }

table.pspec td {
/*	padding: 6px 4px; */
	border: solid 1px #aaa;
	vertical-align: middle;
	text-align: left;
}
.htdh {padding: 6px 4px;}

table.pspec td.mce {
	text-align: center;
	vertical-align: middle;
	background-color: #ddd;
}

table.pspec td.mcg {
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	color: rgb(0, 102, 0);
}

table.pspec th.pct14,
table.pspec td.pct14 {
	width: 14%;
	font-size: 90%;
}

table.pspec th.pct17,
table.pspec td.pct17 { width: 17%; }

table.pspec th.pct20,
table.pspec td.pct20 { width: 20%; }

table.pspec th.pct25,
table.pspec td.pct25 { width: 25%; }

table.pspec th.pct27,
table.pspec td.pct27 { width: 27%; }

table.pspec th.pct12,
table.pspec td.pct12 { width: 12%; }

table.pspec th.pct8,
table.pspec td.pct8 {
	width: 8%;
	font-size: 90%;
}

table.pspec td.c2num,
table.pspec th.c2num {
	width: 5%;
	background-color: #b0c4de;
	font-size: 80%;
	text-align: center;
}

table.pspec td.c3num,
table.pspec th.c3num {
	width: 5%;
	background-color: #fafad2;
	font-size: 80%;
	text-align: center;
}

table.pspec td.c5num,
table.pspec th.c3num {
	width: 5%;
	background-color: #e9967a;
	font-size: 80%;
	text-align: center;
}

table.pspec td.num,
table.pspec tbody th.num {
	width: 2%;
	font-size: 80%;
	text-align: center;
}

table.pspec td.numb {
	font-size: 80%;
	background-color: rgba(144,144,255,0.4);
	text-align: center;
}

table.pspec td.nums {
	font-size: 80%;
	background-color: rgba(120,130,130,0.2);
	color: #200;
	vertical-align: middle;
	text-align: center;
}

table.pspec th.val,
table.pspec td.val {
	width: 5%;
	font-size: 90%;
	vertical-align: middle;
	text-align: right;
}

table.pspec th.cnt {
	width: 5%;
	font-size: 90%;
	vertical-align: middle;
	text-align: center;
}

table.pspec td.cnt {
	width: 5%;
	vertical-align: middle;
	text-align: center;
}

table th.cmsm,
table td.cmsm {
	text-align: center;
	vertical-align: middle;
	font-size: 90%;
}

table th.csml,
table td.csml {
	text-align: center;
	vertical-align: middle;
	font-size: 80%;
}

table th.cvsml,
table td.cvsml {
	text-align: center;
	vertical-align: middle;
	font-size: 67%;
}

table.pspec th.cntss,
table.pspec td.cntss {
	font-size: 70%;
	vertical-align: middle;
	text-align: center;
}

table.pspec th.cntm,
table.pspec td.cntm {
	width: 5%;
	font-size: 85%;
	vertical-align: middle;
	text-align: center;
}

table.pspec th.cntms,
table.pspec td.cntms {
	width: 5%;
	font-size: 75%;
	vertical-align: middle;
	text-align: center;
}

table.pspec th.cnts,
table.pspec td.cnts {
	width: 5%;
	font-size: 55%;
	vertical-align: middle;
	text-align: center;
}

table.pspec th.cnt6,
table.pspec td.cnt6 {
	width: 6%;
	font-size: 85%;
	vertical-align: middle;
	text-align: center;
}

table.pspec td.cnt10 {
	width: 10%;
	vertical-align: middle;
	text-align: center;
}

table.pspec th.cnt10 {
	width: 10%;
	font-size: 85%;
	vertical-align: middle;
	text-align: center;
}

table.pspec th.cnt12 {
	width: 12%;
	font-size: 85%;
	vertical-align: middle;
	text-align: center;
}

table.pspec th.cnt13 {
	width: 13%;
	font-size: 85%;
	vertical-align: middle;
	text-align: center;
}
table.pspec td.cnt13 {
	width: 13%;
	font-size: 75%;
	vertical-align: middle;
	text-align: center;
}

table.pspec td.cnt15,
table.pspec th.cnt15 {
	width: 15%;
	font-size: 90%;
	vertical-align: middle;
	text-align: center;
}

table.pspec td.rt,
table.pspec th.rt {
	vertical-align: middle;
	text-align: right;
}

table.pspec td.tct,
table.pspec th.tct {
	padding-right: 2%;
	vertical-align: middle;
	text-align: right;
}

table.pspec th.cfm,
table.pspec td.cfm {
	font-size: 85%;
	vertical-align: middle;
	text-align: center;
}

table.pspec th.cfms,
table.pspec td.cfms {
	font-size: 75%;
	vertical-align: middle;
	text-align: center;
}

table.pspec td.vfm {
	font-size: 85%;
	vertical-align: middle;
	text-align: right;
}

table.pspec td.mfms {
	font-size: 80%;
	vertical-align: middle;
	text-align: right;
}

table.pspec td.vfms {
	font-size: 75%;
	vertical-align: middle;
	text-align: right;
}

table.pspec th.grn,
table.pspec td.grn {
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
	padding-left: 15px;
}

table.pspec th.grn a{ color: #009; }

table.pspec thead td,
table.pspec thead th {
	vertical-align: middle;
	text-align: center;
}

table.pspec thead th.rgt {
	text-align: right;
	font-style: italic;	
}

table.pspec tbody tr:hover {
	background-color: #ddf;
}

table.nbd {
	margin-left: 30px;
	border-collapse: collapse;
	vertical-align: middle;
	text-align: center;
}

table.nbd th,
table.nbd td {
	padding: 0px 5px;
	border-style: hidden;
	vertical-align: middle;
	text-align: center;
}
table.nbd th.ml,
table.nbd td.ml {
	border-style: hidden;
	vertical-align: middle;
	text-align: left;
}

table.nbd th.mr,
table.nbd td.mr {
	border-style: hidden;
	vertical-align: middle;
	text-align: left;
}

#inline-content {
	margin: 20px;
}

.vsz { transform:scale(0.3); }
.ssz { transform:scale(0.5); }
.msz { transform:scale(0.75); }

.lgo {
	background-image:url("/Picture/Logo/Logo-Basic1.png");
	background-repeat:  no-repeat;
}

select.inp {
	-webkit-appearance: none;
	-moz-appearance: none;
	padding: 0;
/*	border: none; */
	outline: none;
	color: #111111;
	font-size: 90%;
	background-color: #fefefe;
	width: 7em;
	border: 1px solid #111;
	vertical-align:middle;
}

input.inp[type="text"] {
	padding: 0;
/*	border: none; */
	border-radius: 0;
	color: #111111;
	background-color: #fefefe;
	width: 8em;
/*	font-size: 90%; */
	vertical-align:middle;
	border: 1px solid #111;
	outline: none;
}

button,
input.inp[type="submit"] {
	-webkit-appearance: none;
	-moz-appearance: none;
/*	appearance: none; */
	padding: 0;
/*	border: none; */
	outline: none;
	color: #111111;
	background-color: #fefefe;
	font-size: 90%;
	width: 4em;
	border: 1px solid #111;
	vertical-align:middle;
}

input.inp:focus, select:focus{
	background-color: #ffffff;
}

/* Safari */
_::-webkit-full-page-media, _:future, :root .radio::before{
  top: -1px;
}
_::-webkit-full-page-media, _:future, :root input[type="radio"]:checked + .radio::after{
  top: 3px;
}