/*Gレコ用css*/
.top {
font-family: serif;
}
.top i{
color:#2C7CFF;
}
.top a{
position: relative;
display: inline-block;
width:100%;
padding: 0.5em;
text-decoration: none;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.top a:hover {
border-left: solid 8px #2C7CFF;
background: #EDF6FF;
}
.top h2{
margin: -0.1em;
}
.top h3{margin: -0.1em;}
.top .su-spoiler-content{
margin: -0.8em -0em -2em -0.5em;
}
.top .su-spoiler-title{
margin: -2em -0.5em -2em -2.6em;
}
.top .su-spoiler-title:focus{
outline: #FFF;
}
.top a:before {
font-family: "Font Awesome 5 Free";
content: '\f101';
font-weight: 900;
}
.g-reco-p a:before {
font-family: "Font Awesome 5 Free";
content: '\f101';
font-weight: 900;
}
/*テーブル用Css*/
table, th,td{
border-collapse: collapse;
width: auto;
height: auto;
border: 1px solid #ccc;
line-height: 1.1;
vertical-align:middle;
}
table.scenario th {
padding: 10px;
font-weight: bold;
vertical-align: top;
background: #5c9ee7;
color: #000000;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
-1px 1px 0 #FFF, 1px -1px 0 #FFF,
0px 1px 0 #FFF, 0-1px 0 #FFF,
-1px 0 0 #FFF, 1px 0 0 #FFF;
}
table.scenario td {
padding: 10px;
vertical-align: top;
}
span{
font-size:100%;
}
tr:nth-child(even) {
background: #EDF6FF;
}
tr:nth-child(2n+1) {
background: #fff;
}
table.tb a{
font-size:100%;
}
table.tb th {
font-size:90%;
font-weight: bold;
background: #ff7d6e;
color: #FF0000;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
-1px 1px 0 #FFF, 1px -1px 0 #FFF,
0px 1px 0 #FFF, 0-1px 0 #FFF,
-1px 0 0 #FFF, 1px 0 0 #FFF;
}
table.tb tr:nth-child(even) {
background: #ffebe9;
}
table.tb td{
font-size:85%;
}
table.mb a{
font-size:100%;
}
table.mb th {
font-size:90%;
font-weight: bold;
background: #6eb7ff;
color: #0000ff;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
-1px 1px 0 #FFF, 1px -1px 0 #FFF,
0px 1px 0 #FFF, 0-1px 0 #FFF,
-1px 0 0 #FFF, 1px 0 0 #FFF;
}
table.mb tr:nth-child(even) {
background: #f0f8ff;
}
table.mb td{
font-size:85%;
}
/*テーブルスクロール用CSS*/
.scroll {
overflow: auto;
white-space: nowrap;
}
/*リンクボックス用（メイン）CSS*/
.link {
position: relative;
font-size:70%;
display: inline-block;
width:100%;
margin: 0.1em ;
margin-bottom:1.5em;
padding: 0.3em;
border: solid 0.5px #EEEEEE;
text-decoration: none;
background: #EDF6FF;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.link:hover {
border-left: solid 12px #3B4552;
background: #EDF6FF;
}
.link a{
color:#0e67a3;
}
.link a:visited{
color:#006666;
}
/*サイドバーCSS*/
.links {
position: relative;
display: inline-block;
width:100%;
padding: 0.1em 0.1em;
border: solid 3px #EEEEEE;
text-decoration: none;
background: #EDF6FF;
}
.links a{
color:#4f5aff;
font-size:65%;
line-height: 2.2em
}
.links a:visited{
color:#006666;
}
.links a:before {
font-family: "Font Awesome 5 Free";
content: '\f101';
font-weight: 900;
}
.titles{
font-weight:bolder;
font-size:90%;
padding: 0.3em 0.4em;
color: #FFFFFF;
background: #5c9ee7;
color: #000000;
text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
-1px 1px 0 #FFF, 1px -1px 0 #FFF,
0px 1px 0 #FFF, 0-1px 0 #FFF,
-1px 0 0 #FFF, 1px 0 0 #FFF;
}
/*Youtube埋め込み用CSS*/
.youtube {
position: relative;
max-width: 100%;
padding-top: 56.25%;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
/*ボックス用CSS*/
.kaisetsu {
position: relative;
margin: 2em 0;
padding: 0.5em 1em;
border: solid 3px #6091d3;
}
.kaisetsu-title {
position: absolute;
display: inline-block;
top: -27px;
left: -3px;
padding: 0 9px;
height: 25px;
line-height: 25px;
vertical-align: middle;
font-size: 17px;
background: #6091d3;
color: #ffffff;
font-weight: bold;
border-radius: 5px 5px 0 0;
}
.kaisetsu p {
margin: 0;
padding: 0;
}
.tekib {
padding: 0.5em 1em;
margin: 2em 0;
background: #ffebe9;
border-top: solid 7px #ff7d6e;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.dai3 {
padding: 0.5em 1em;
margin: 2em 0;
background:#E6FFE9;
border-top: solid 7px #00CC00;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.mikatab{
padding: 0.5em 1em;
margin: 2em 0;
background: #f0f8ff;
border-top: solid 7px #6eb7ff;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.joho{
padding: 0.5em 1em;
margin: 2em 0;
background: #FFF;
border: solid 3px #6091d3;/*線*/
border-radius: 25px;/*角の丸み*/
}
.waku {
padding: 0.5em 0.5em 0.5em 0.5em;
margin-bottom: 0.7em;
margin-top: -0.5em;
border: solid 1px #364e96;
background: #F8F8FF;
}
.kanren{
padding: 0.5em 1em;
margin: 1.5em 0.5em;
border: dashed 2px #364e96;
}
/*見出し用CSS*/
h1 {
color: #010101;
border-bottom: solid 3px #516ab6;
}
h2:first-letter {
font-size: 1.55em;
}
h2 {
position: relative;
background: #3B4552;
padding: 0.25em 0.5em;
border-left: solid 0.65em #000;
color: white;
}
h3 {
position: relative;
background: #A4C6FF;
padding: 0.25em 0.5em;
border-left: solid 0.7em #2C7CFF;
text-shadow:2px 2px 0 #FFF, -1px -1px 0 #FFF,
-1px 1px 0 #FFF, 1px -1px 0 #FFF,
0px 1px 0 #FFF, 0-1px 0 #FFF,
-1px 0 0 #FFF, 1px 0 0 #FFF;
}
h4 {
background: linear-gradient(transparent 70%, #dcdcdc 90%);
}
h6 {
background: linear-gradient(transparent 70%, #a7d6ff 90%);}
/*目次用フォント*/
[id*="srw"] {
font-size: 18px;
}
[id*="SR"] {
font-size: 18px;
}
[id*="New"] {
font-size: 18px;
}
[id*="Endless"] {
font-size: 18px;
}
[id*="vs"] {
font-size: 18px;
}
[id*="THE"] {
font-size: 18px;
}
[id*="i"] {
font-size: 18px;
}
[id*="x"] {
font-size: 18px;
}
[id*="ZERO"] {
font-size: 18px;
}
[id*="G"] {
font-size: 18px;
}
[id*="X"] {
font-size: 18px;
}
[id*="Z"] {
font-size: 18px;
}
[id*="T"] {
font-size: 18px;
}
[id*="1"] {
font-size: 18px;
}
[id*="2"] {
font-size: 18px;
}
[id*="3"] {
font-size: 18px;
}
[id*="4"] {
font-size: 18px;
}
[id*="5"] {
font-size: 18px;
}
[id*="6"] {
font-size: 18px;
}
[id*="7"] {
font-size: 18px;
}
[id*="8"] {
font-size: 18px;
}
[id*="9"] {
font-size: 18px;
}
[id*="A"] {
font-size: 18px;
}
[id*="D"] {
font-size: 18px;
}
[id*="J"] {
font-size: 18px;
}
[id*="F"] {
font-size: 18px;
}
[id*="C"] {
font-size: 18px;
}
[id*="L"] {
font-size: 18px;
}
[id*="o"] {
font-size: 18px;
}
[id*="V"] {
font-size: 18px;
}
[id*="M"] {
font-size: 18px;
}