@charset "UTF-8";
@charset "UTF-8";
@charset "UTF-8";
#toc_container li,#toc_container ul{margin:0;padding:0}#toc_container.no_bullets li,#toc_container.no_bullets ul,#toc_container.no_bullets ul li,.toc_widget_list.no_bullets,.toc_widget_list.no_bullets li{background:0 0;list-style-type:none;list-style:none}#toc_container.have_bullets li{padding-left:12px}#toc_container ul ul{margin-left:1.5em}#toc_container{background:#f9f9f9;border:1px solid #aaa;padding:10px;margin-bottom:1em;width:auto;display:table;font-size:95%}#toc_container.toc_light_blue{background:#edf6ff}#toc_container.toc_white{background:#fff}#toc_container.toc_black{background:#000}#toc_container.toc_transparent{background:none transparent}#toc_container p.toc_title{text-align:center;font-weight:700;margin:0;padding:0}#toc_container.toc_black p.toc_title{color:#aaa}#toc_container span.toc_toggle{font-weight:400;font-size:90%}#toc_container p.toc_title+ul.toc_list{margin-top:1em}.toc_wrap_left{float:left;margin-right:10px}.toc_wrap_right{float:right;margin-left:10px}#toc_container a{text-decoration:none;text-shadow:none}#toc_container a:hover{text-decoration:underline}.toc_sitemap_posts_letter{font-size:1.5em;font-style:italic}
  * {
background-repeat: no-repeat;
}
html,
body {
width: 100%;
}
section,
nav,
article,
aside,
hgroup,
header,
footer,
figure,
figcaption,
details,
code {
display: block;
}
video,
audio,
canvas {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
} html {
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
} html {
font-size: 14px;
}
body {
margin: 0;
line-height: 1.231;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka",
"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Helvetica, Arial,
sans-serif; }
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: bold;
font-size: 1em;
margin: 0;
} p,
blockquote,
dl,
dd,
figure {
margin: 0;
}
hr {
color: inherit;
height: auto;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
pre {
margin: 0;
font-family: "OCRB", "Osaka-等幅", "Osaka-mono", monospace, sans-serif; overflow: auto; }
dl,
menu,
ol,
ul {
margin: 0;
}
dd {
margin: 0;
}
menu,
ol,
ul {
padding: 0;
}
nav ul,
nav ol {
list-style: none;
list-style-image: none;
}
ul li {
list-style: none outside none;
}
li {
margin: 0;
padding: 0;
} a {
text-decoration: underline;
color: #2a2a29;
}
a:hover { text-decoration: underline;
}
b,
strong {
font-weight: bold;
}
em {
font-weight: normal;
font-style: normal;
}
small {
font-size: 0.8em;
}
q {
quotes: none;
}
abbr[title] {
border-bottom: 1px dotted;
}
code,
samp,
kbd {
font-family: "OCRB", "Osaka－等幅", "Osaka-等幅", "Osaka-mono", monospace,
sans-serif;
tab-size: 4;
white-space: pre;
}
mark {
color: black;
background-color: yellow;
}
sub,
sup {
font-size: 0.8em;
line-height: 0;
vertical-align: baseline;
position: relative;
}
sub {
bottom: -0.25em;
}
sup {
top: -0.5em;
}
br {
*letter-spacing: 0;
} t {
border: 0;
vertical-align: bottom;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
} table {
width: 100%;
border-collapse: collapse; font-size: inherit;
}
caption {
padding: 0;
text-align: left;
}
th,
td {
text-align: left;
padding: 0.75em 1em;
border: 1px solid #cccccc;
line-height: 1;
}
th {
font-weight: bold;
} form {
margin: 0;
}
fieldset {
border: 0;
padding: 0;
margin: 0;
}
legend {
border: 0;
*margin-left: -7px;
}
input,
button,
select,
textarea {
font-family: inherit;
font-size: 1em;
color: inherit;
margin: 0;
}
input,
button {
line-height: 1;
vertical-align: inherit;
*vertical-align: middle;
}
input {
padding: 4px;
}
button,
textarea {
border: 1px solid #aaaaaa;
padding: 4px;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
input::-moz-focus-inner,
button::-moz-focus-inner {
border: 0;
padding: 0;
}
input[type="search"] {
padding: 4px;
border: 1px solid #cccccc;
line-height: 1;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
-webkit-box-sizing: content-box;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
input[type="search"]:focus {
outline-offset: -2px;
}
input[type="search"]::-webkit-search-decoration {
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
box-sizing: border-box;
padding: 0;
border: none;
cursor: pointer;
}
input[type="submit"],
input[type="button"],
input[type="reset"],
button {
cursor: pointer;
border: none;
*overflow: visible;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
select {
padding: 4px;
line-height: 1;
cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
option {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
optgroup {
font-weight: normal;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
textarea {
padding: 4px;
border: 1px solid #cccccc;
vertical-align: top;
overflow: auto;
resize: vertical;
*font-family: sans-serif;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
address {
font-style: normal;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="password"] {
padding: 4px;
border: 1px solid #cccccc;
line-height: 1;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}
input[type="file"] {
line-height: 1;
-webkit-appearance: none;
-moz-appearance: none;
-ms-appearance: none;
appearance: none;
}    .clearfix:before,
.clearfix:after,
.parent-left:before,
.parent-left:after,
.parent-right:before,
.parent-right:after {
content: " ";
display: table;
}
.clearfix:after,
.parent-left:after,
.parent-right:after {
clear: both;
}
.clearfix,
.parent-left,
.parent-right {
zoom: 1;
}
.left {
float: left;
}
.right {
float: right;
}
.clear {
clear: both;
}
.parent-left > * {
float: left;
}
.parent-right > * {
float: right;
}
.parent-left * {
_float: left;
}
.parent-right * {
_float: right;
}
.parent-left * *,
.parent-right * * {
_float: none;
}  .block {
display: block;
}
.inline {
display: inline;
}
.inline-block {
display: inline-block;
*display: inline;
*zoom: 1;
}
.table {
display: table;
}
.table-cell {
display: table-cell;
}
.full-width,
.nav-list.full-width ul,
.nav-list.full-width ol {
width: 100%;
}
.fixed,
.nav-list.fixed ul,
.nav-list.fixed ol {
width: 100%;
table-layout: fixed;
}  .text-left {
text-align: left !important;
}
.text-right {
text-align: right !important;
}
.text-center {
text-align: center !important;
}
.text-justify {
text-align: justify !important;
}
.vertical-top {
vertical-align: top !important;
}
.vertical-middle {
vertical-align: middle !important;
}
.vertical-bottom {
vertical-align: bottom !important;
}
.vertical-baseline {
vertical-align: baseline !important;
}
.bold {
font-weight: bold;
}
.italic {
font-style: italic;
}
.oblique {
font-style: oblique;
}
.underline {
text-decoration: underline;
}
.line-through {
text-decoration: line-through;
}
.nowrap {
white-space: nowrap;
}
.big {
font-size: 1.2em;
}
.small {
font-size: 0.8em;
}
.error,
.attention {
color: #cc0000;
display: block;
}
.not-important {
color: #dddddd;
font-weight: normal;
}
.txt_gold {
color: #e0cd76;
}
.txt_red {
color: #be003c;
}  .mgn-t0 {
margin-top: 0px !important;
}
.mgn-t5 {
margin-top: 5px !important;
}
.mgn-t10 {
margin-top: 10px !important;
}
.mgn-t15 {
margin-top: 15px !important;
}
.mgn-t20 {
margin-top: 20px !important;
}
.mgn-t30 {
margin-top: 30px !important;
}
.mgn-t40 {
margin-top: 40px !important;
}
.mgn-t50 {
margin-top: 50px !important;
}
.mgn-t60 {
margin-top: 60px !important;
}
.mgn-t70 {
margin-top: 70px !important;
}
.mgn-t80 {
margin-top: 80px !important;
}
.mgn-t90 {
margin-top: 90px !important;
}
.mgn-t100 {
margin-top: 100px !important;
}
.mgn-t110 {
margin-top: 110px !important;
}
.mgn-t120 {
margin-top: 120px !important;
}
.mgn-t130 {
margin-top: 130px !important;
}
.mgn-t140 {
margin-top: 140px !important;
}
.mgn-t150 {
margin-top: 150px !important;
}
.mgn-t200 {
margin-top: 200px !important;
}
.mgn-t250 {
margin-top: 250px !important;
}
.mgn-b0 {
margin-bottom: 0px !important;
}
.mgn-b5 {
margin-bottom: 5px !important;
}
.mgn-b10 {
margin-bottom: 10px !important;
}
.mgn-b15 {
margin-bottom: 15px !important;
}
.mgn-b20 {
margin-bottom: 20px !important;
}
.mgn-b30 {
margin-bottom: 30px !important;
}
.mgn-b40 {
margin-bottom: 40px !important;
}
.mgn-b50 {
margin-bottom: 50px !important;
}
.mgn-b60 {
margin-bottom: 60px !important;
}
.mgn-b70 {
margin-bottom: 70px !important;
}
.mgn-b80 {
margin-bottom: 80px !important;
}
.mgn-b90 {
margin-bottom: 90px !important;
}
.mgn-b100 {
margin-bottom: 100px !important;
}
.mgn-b110 {
margin-bottom: 110px !important;
}
.mgn-b120 {
margin-bottom: 120px !important;
}
.mgn-b130 {
margin-bottom: 130px !important;
}
.mgn-b140 {
margin-bottom: 140px !important;
}
.mgn-b150 {
margin-bottom: 150px !important;
}
.mgn-b200 {
margin-bottom: 200px !important;
}
.mgn-b250 {
margin-bottom: 250px !important;
}
.mgn-l0 {
margin-left: 0px !important;
}
.mgn-l5 {
margin-left: 5px !important;
}
.mgn-l10 {
margin-left: 10px !important;
}
.mgn-l15 {
margin-left: 15px !important;
}
.mgn-l20 {
margin-left: 20px !important;
}
.mgn-l30 {
margin-left: 30px !important;
}
.mgn-l40 {
margin-left: 40px !important;
}
.mgn-l50 {
margin-left: 50px !important;
}
.mgn-l60 {
margin-left: 60px !important;
}
.mgn-l70 {
margin-left: 70px !important;
}
.mgn-l80 {
margin-left: 80px !important;
}
.mgn-l90 {
margin-left: 90px !important;
}
.mgn-l100 {
margin-left: 100px !important;
}
.mgn-l110 {
margin-left: 110px !important;
}
.mgn-l120 {
margin-left: 120px !important;
}
.mgn-l130 {
margin-left: 130px !important;
}
.mgn-l140 {
margin-left: 140px !important;
}
.mgn-l150 {
margin-left: 150px !important;
}
.mgn-l200 {
margin-left: 200px !important;
}
.mgn-l250 {
margin-left: 250px !important;
}
.mgn-r0 {
margin-right: 0px !important;
}
.mgn-r5 {
margin-right: 5px !important;
}
.mgn-r10 {
margin-right: 10px !important;
}
.mgn-r15 {
margin-right: 15px !important;
}
.mgn-r20 {
margin-right: 20px !important;
}
.mgn-r30 {
margin-right: 30px !important;
}
.mgn-r40 {
margin-right: 40px !important;
}
.mgn-r50 {
margin-right: 50px !important;
}
.mgn-r60 {
margin-right: 60px !important;
}
.mgn-r70 {
margin-right: 70px !important;
}
.mgn-r80 {
margin-right: 80px !important;
}
.mgn-r90 {
margin-right: 90px !important;
}
.mgn-r100 {
margin-right: 100px !important;
}
.mgn-r110 {
margin-right: 110px !important;
}
.mgn-r120 {
margin-right: 120px !important;
}
.mgn-r130 {
margin-right: 130px !important;
}
.mgn-r140 {
margin-right: 140px !important;
}
.mgn-r150 {
margin-right: 150px !important;
}
.mgn-r200 {
margin-right: 200px !important;
}
.mgn-r250 {
margin-right: 250px !important;
}
.pdg-t0 {
padding-top: 0px !important;
}
.pdg-t5 {
padding-top: 5px !important;
}
.pdg-t10 {
padding-top: 10px !important;
}
.pdg-t15 {
padding-top: 15px !important;
}
.pdg-t20 {
padding-top: 20px !important;
}
.pdg-t30 {
padding-top: 30px !important;
}
.pdg-t40 {
padding-top: 40px !important;
}
.pdg-t50 {
padding-top: 50px !important;
}
.pdg-t60 {
padding-top: 60px !important;
}
.pdg-t70 {
padding-top: 70px !important;
}
.pdg-t80 {
padding-top: 80px !important;
}
.pdg-t90 {
padding-top: 90px !important;
}
.pdg-t100 {
padding-top: 100px !important;
}
.pdg-t110 {
padding-top: 110px !important;
}
.pdg-t120 {
padding-top: 120px !important;
}
.pdg-t130 {
padding-top: 130px !important;
}
.pdg-t140 {
padding-top: 140px !important;
}
.pdg-t150 {
padding-top: 150px !important;
}
.pdg-t200 {
padding-top: 200px !important;
}
.pdg-t250 {
padding-top: 250px !important;
}
.pdg-b0 {
padding-bottom: 0px !important;
}
.pdg-b5 {
padding-bottom: 5px !important;
}
.pdg-b10 {
padding-bottom: 10px !important;
}
.pdg-b15 {
padding-bottom: 15px !important;
}
.pdg-b20 {
padding-bottom: 20px !important;
}
.pdg-b30 {
padding-bottom: 30px !important;
}
.pdg-b40 {
padding-bottom: 40px !important;
}
.pdg-b50 {
padding-bottom: 50px !important;
}
.pdg-b60 {
padding-bottom: 60px !important;
}
.pdg-b70 {
padding-bottom: 70px !important;
}
.pdg-b80 {
padding-bottom: 80px !important;
}
.pdg-b90 {
padding-bottom: 90px !important;
}
.pdg-b100 {
padding-bottom: 100px !important;
}
.pdg-b110 {
padding-bottom: 110px !important;
}
.pdg-b120 {
padding-bottom: 120px !important;
}
.pdg-b130 {
padding-bottom: 130px !important;
}
.pdg-b140 {
padding-bottom: 140px !important;
}
.pdg-b150 {
padding-bottom: 150px !important;
}
.pdg-b200 {
padding-bottom: 200px !important;
}
.pdg-b250 {
padding-bottom: 250px !important;
}
.pdg-l0 {
padding-left: 0px !important;
}
.pdg-l5 {
padding-left: 5px !important;
}
.pdg-l10 {
padding-left: 10px !important;
}
.pdg-l15 {
padding-left: 15px !important;
}
.pdg-l20 {
padding-left: 20px !important;
}
.pdg-l30 {
padding-left: 30px !important;
}
.pdg-l40 {
padding-left: 40px !important;
}
.pdg-l50 {
padding-left: 50px !important;
}
.pdg-l60 {
padding-left: 60px !important;
}
.pdg-l70 {
padding-left: 70px !important;
}
.pdg-l80 {
padding-left: 80px !important;
}
.pdg-l90 {
padding-left: 90px !important;
}
.pdg-l100 {
padding-left: 100px !important;
}
.pdg-l110 {
padding-left: 110px !important;
}
.pdg-l120 {
padding-left: 120px !important;
}
.pdg-l130 {
padding-left: 130px !important;
}
.pdg-l140 {
padding-left: 140px !important;
}
.pdg-l150 {
padding-left: 150px !important;
}
.pdg-l200 {
padding-left: 200px !important;
}
.pdg-l250 {
padding-left: 250px !important;
}
.pdg-r0 {
padding-right: 0px !important;
}
.pdg-r5 {
padding-right: 5px !important;
}
.pdg-r10 {
padding-right: 10px !important;
}
.pdg-r15 {
padding-right: 15px !important;
}
.pdg-r20 {
padding-right: 20px !important;
}
.pdg-r30 {
padding-right: 30px !important;
}
.pdg-r40 {
padding-right: 40px !important;
}
.pdg-r50 {
padding-right: 50px !important;
}
.pdg-r60 {
padding-right: 60px !important;
}
.pdg-r70 {
padding-right: 70px !important;
}
.pdg-r80 {
padding-right: 80px !important;
}
.pdg-r90 {
padding-right: 90px !important;
}
.pdg-r100 {
padding-right: 100px !important;
}
.pdg-r110 {
padding-right: 110px !important;
}
.pdg-r120 {
padding-right: 120px !important;
}
.pdg-r130 {
padding-right: 130px !important;
}
.pdg-r140 {
padding-right: 140px !important;
}
.pdg-r150 {
padding-right: 150px !important;
}
.pdg-r200 {
padding-right: 200px !important;
}
.pdg-r250 {
padding-right: 250px !important;
}  .parent-block > * {
display: block;
}  .parent-inline > * {
display: inline;
}   .nav-list.space li:last-child:after,
.nav-list.pipe li:last-child:after {
content: "";
} .nav-list.space li {
padding-left: 2em;
}
.nav-list.space li:first-child {
padding-left: 0;
} .nav-list.pipe li {
padding-left: 1em;
padding-right: 1em;
border-left: 1px solid #cccccc;
}
.nav-list.pipe li:first-child {
padding-left: 0;
border-left: none;
}
.nav-list.pipe li:last-child {
padding-right: 0;
}
.nav-list * {
line-height: 1;
}
.parent-table-cell,
.nav-list ul,
.nav-list ol,
ul.nav-list,
ol.nav-list {
display: table;
border-collapse: collapse;
margin-bottom: 10px;
}
.parent-table-cell > *,
.nav-list li {
display: table-cell;
vertical-align: top;
}
.nav-list li,
.nav-list li img,
.nav-list li iframe {
text-align: center;
vertical-align: middle;
}
.nav-list li > a,
.nav-list li > span {
width: 100%;
text-align: left;
vertical-align: middle;
display: inline-block;
*display: inline;
*zoom: 1;
box-sizing: border-box;
}
.pager ul,
.pager ol,
ul.pager,
ol.pager {
margin: 0 auto;
display: table;
border-collapse: separate;
border-spacing: 1px 0;
}
.pager li,
.pager li a,
.pager li span {
display: table-cell;
text-align: center;
vertical-align: middle;
}
.pager li a,
.pager li span {
width: 15px;
height: 15px;
line-height: 15px;
}
.pager .first a,
.pager .prev a,
.pager .next a,
.pager .last a {
background-repeat: no-repeat;
background-position: center center;
background-size: 15px 15px;
}    .content-list.arrow li:before {
content: ">";
padding: 0 0.75em 0 0.75em;
}
.content-list.arrow li:first-child:before {
content: "";
padding: 0;
} .content-list.space li:after {
content: "";
padding: 0 0.75em;
} .content-list.comma li:after {
content: "、";
} .content-list.slash li:after {
content: "/";
padding: 0 0.75em;
} .content-list.pipe li:after {
content: "|";
padding: 0 0.75em;
} .content-list.space li:last-child:after,
.content-list.comma li:last-child:after,
.content-list.slash li:last-child:after,
.content-list.pipe li:last-child:after {
content: "";
padding: 0;
} .breadcrumb ul ,
.content-list,
.content-list > .title + *,
.parent-inline-block,
.parent-inline,
.split2,
.split3,
.split4,
.split5,
.split6 {
letter-spacing: -1em;
word-spacing: -1em;
}
:root .breadcrumb ul {
font-size: 0 !important;
letter-spacing: -1px;
}
:root .content-list,
:root .content-list > .title + *,
:root .parent-inline-block,
:root .parent-inline,
:root .split2,
:root .split3,
:root .split4,
:root .split5,
:root .split6 {
font-size: 0 !important;
letter-spacing: -1px;
word-spacing: -1px;
}
.breadcrumb ul * ,
.content-list li,
.content-list > .title,
.content-list > .title + * > li,
.parent-inline-block > *,
.parent-inline > *,
.split2 .part,
.split3 .part,
.split4 .part,
.split5 .part,
.split6 .part {
font-size: 1rem;
letter-spacing: normal;
word-spacing: normal;
vertical-align: top;
display: inline-block;
*display: inline;
*zoom: 1;
}
.parent-inline > * {
vertical-align: baseline;
display: inline;
}
.breadcrumb ul * ,
.content-list * {
vertical-align: middle;
} .content-list > .title {
padding-right: 2em;
vertical-align: baseline;
display: table-cell;
white-space: nowrap;
}
.content-list > .title + * {
vertical-align: baseline;
display: table-cell;
}
.content-list > .title + * > li {
vertical-align: baseline;
} .split2 .part p,
.split3 .part p,
.split4 .part p,
.split5 .part p,
.split6 .part p {
text-align: justify;
}
.split2,
.split3,
.split4,
.split5,
.split6 {
margin: -5px;
text-align: justify;
} .split2 .part,
.split3 .part,
.split4 .part,
.split5 .part,
.split6 .part {
margin: 5px;
box-sizing: border-box;
}
.split2 .part {
width: calc(100% / 2 - (5px * 2));
}
.split2 .x2 {
width: calc(100% / 2 * 2 - (5px * 2));
}
.split3 .part {
width: calc(100% / 3 - (5px * 2));
padding-left: 10px;
}
.split3 .x2 {
width: calc(100% / 3 * 2 - (5px * 2));
padding-left: 0;
}
.split3 .x3 {
width: calc(100% / 3 * 3 - (5px * 2));
}
.split4 .part {
width: calc(100% / 4 - (5px * 2));
}
.split4 .x2 {
width: calc(100% / 4 * 2 - (5px * 2));
}
.split4 .x3 {
width: calc(100% / 4 * 3 - (5px * 2));
}
.split4 .x4 {
width: calc(100% / 4 * 4 - (5px * 2));
}
.split5 .part {
width: calc(100% / 5 - (5px * 2));
}
.split5 .x2 {
width: calc(100% / 5 * 2 - (5px * 2));
}
.split5 .x3 {
width: calc(100% / 5 * 3 - (5px * 2));
}
.split5 .x4 {
width: calc(100% / 5 * 4 - (5px * 2));
}
.split5 .x5 {
width: calc(100% / 5 * 5 - (5px * 2));
}
.split6 .part {
width: calc(100% / 6 - (5px * 2));
}
.split6 .x2 {
width: calc(100% / 6 * 2 - (5px * 2));
}
.split6 .x3 {
width: calc(100% / 6 * 3 - (5px * 2));
}
.split6 .x4 {
width: calc(100% / 6 * 4 - (5px * 2));
}
.split6 .x5 {
width: calc(100% / 6 * 5 - (5px * 2));
}
.split6 .x6 {
width: calc(100% / 6 * 6 - (5px * 2));
}  .parent-absolute,
.thumbnail {
display: block;
position: relative;
}
.parent-absolute > *,
.thumbnail > * {
margin: auto;
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}  .thumbnail {  box-sizing: border-box;
overflow: hidden;
}
.thumbnail > img {
max-width: none;
max-width: initial;
max-height: none;
max-height: initial;
opacity: 0;
}
.thumbnail.landscape > img {
max-width: none;
max-width: initial;
max-height: 100%;
height: 100%;
left: 50%;
right: auto;
}
.thumbnail.portrait > img {
max-width: 100%;
max-height: auto;
max-height: initial;
width: 100%;
top: 50%;
bottom: auto;
}
.thumbnail.contain.landscape > img,
.thumbnail.contain.portrait > img,
.thumbnail.contain > img {
width: auto;
max-width: 100%;
height: auto;
max-height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
} .thumbnail.contain.landscape > img {
width: 100%;
height: auto;
}
.thumbnail.contain.portrait > img {
width: auto;
height: 100%;
}   .parent-youtube {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.parent-youtube iframe {
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
}  .toggle-button {
position: relative;
cursor: pointer;
}
.toggle-button .arrow,
.toggle-button .icon {
margin-top: -7px;
width: 15px;
height: 15px;
position: absolute;
top: 50%;
right: 10px;
cursor: pointer;
}
.toggle-button .arrow {
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-arrow-bottom.webp) no-repeat right center;
background-size: 15px 15px;
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
transform: rotate(-90deg);
transition: transform 0.25s ease-in-out 0;
}
.toggle-button.active .arrow {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.toggle-button .icon {
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-plus.webp) no-repeat right center;
background-size: 15px 15px;
}
.toggle-button.active .icon {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-minus.webp);
}
.toggle-content {
display: none;
}  .parent-tab-button ul,
.parent-tab-button ol,
ul.parent-tab-button,
ol.parent-tab-button {
display: table;
width: 100%;
}
.parent-tab-button li {
text-align: center;
vertical-align: middle;
display: table-cell;
}
.parent-tab-button a {
padding: 10px; color: #333333;
}
.parent-tab-button .current a { position: relative;
}
.parent-tab-button li > a,
.parent-tab-button li > span {
width: 100%;
text-align: center;
vertical-align: middle;
display: inline-block;
*display: inline;
*zoom: 1;
box-sizing: border-box;
}
.tab-content {
padding: 15px;
display: none;
}  .parent-popup-content.active,
.parent-popup-content.active .popup-background,
.popup-content.active {
display: block;
}
.parent-popup-content {
width: 100%;
height: 100%;
display: none;
position: fixed;
top: 0;
left: 0;
z-index: 10000;
}
.popup-background {
margin: auto;
background: rgba(0, 0, 0, 0.75);
display: none;
position: absolute;
top: -10px;
right: -10px;
bottom: -10px;
left: -10px;
}
.popup-content {
margin: auto;
display: none;
position: absolute;
top: 30px;
right: 30px;
bottom: 30px;
left: 30px;  }
.popup-button-close {
margin: auto;
position: absolute;
top: 10px;
right: 10px;
overflow-y: auto;
cursor: pointer;
}   .fb-like iframe {
max-width: none !important;
}   .parent-table,
table,
thead,
tbody,
tfoot,
tr,
th,
td {
border: 1px none #cccccc;
} .parent-table.no-border,
.parent-table.no-border thead,
.parent-table.no-border tbody,
.parent-table.no-border tfoot,
.parent-table.no-border tr,
.parent-table.no-border th,
.parent-table.no-border td,
table.no-border thead,
table.no-border tbody,
table.no-border tfoot,
table.no-border tr,
table.no-border th,
table.no-border td,
.parent-table.no-border tr:first-child,
.parent-table.no-border tr:last-child,
body table.no-border tr:first-child,
body table.no-border tr:last-child {
border-style: none;
}  td,
th {
border-style: solid;
padding: 15px;
}  table,
thead,
tbody,
tfoot,
tr,
th,
td,
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="password"],
textarea,
select {
max-width: 100% !important;
box-sizing: border-box;
}
@media only screen and (min-width: 1px) and (max-width: 480px) { .only-pc {
display: none !important;
}
.only-tab {
display: none !important;
}
.only-sp {
display: block !important;
}
.over-pc {
display: none !important;
}
.over-tab {
display: none !important;
} .break-only-pc {
display: inline !important;
}
.break-only-tab {
display: inline !important;
}
.break-only-sp {
display: block !important;
}
.break-over-pc {
display: inline !important;
}
.break-over-tab {
display: inline !important;
}
.break-over-sp {
display: block !important;
}
.break-under-pc {
display: block !important;
}
.break-under-tab {
display: block !important;
}
.break-under-sp {
display: block !important;
} .left:not(.not-responsive),
.right:not(.not-responsive),
.parent-left:not(.not-responsive) > *,
.parent-right:not(.not-responsive) > * {
width: auto;
display: block;
float: none;
} table {
display: block;
}
thead,
tbody,
tfoot,
tr,
th,
td {
width: 100% !important;
border-style: none;
display: block;
}
table:not(.no-border) thead,
table:not(.no-border) tbody,
table:not(.no-border) tfoot {
border-right-style: solid;
border-left-style: solid;
}
table:not(.no-border) thead {
margin-bottom: 5px;
}
table:not(.no-border) tr {
border-top-style: solid;
}
table:not(.no-border) tr:last-child {
border-bottom-style: solid;
}
table:not(.no-border) th,
table:not(.no-border) td {
border-bottom-style: dotted;
}
th,
td {
padding: 7px !important;
}
td:last-child,
th:last-child,
table:not(.no-border) td:last-child,
table:not(.no-border) th:last-child {
border-bottom-style: none;
}
table.not-responsive thead,
table.not-responsive tbody,
table.not-responsive tfoot {
border-right-style: none;
border-left-style: none;
}
table.not-responsive,
table.not-responsive table {
width: 100%;
display: table;
}
table.not-responsive thead {
display: table-header-group;
}
table.not-responsive tbody {
display: table-row-group;
}
table.not-responsive tfoot {
display: table-footer-group;
}
table.not-responsive tr {
display: table-row;
}
table.not-responsive th,
table.not-responsive td {
display: table-cell;
}
table.not-responsive th,
table.not-responsive td {
width: auto !important;
}
table.not-responsive:not(.no-border) th,
table.not-responsive:not(.no-border) td {
border-style: solid;
}
body .content-list > .title,
body .parent-table-cell,
body .nav-list ul,
body .nav-list ol,
body ul.nav-list,
body ol.nav-list {
width: auto;
display: block;
}
body .content-list > .title + *,
body .parent-table-cell > *,
body .nav-list li,
body .nav-list li a {
margin-left: 0;
margin-right: 0;
width: auto;
display: block;
} .parent-table-cell.not-responsive,
.nav-list ul.not-responsive,
.nav-list ol.not-responsive,
ul.nav-list.not-responsive,
ol.nav-list.not-responsive {
width: 100%;
display: table;
}
.parent-table-cell.not-responsive > *,
.nav-list.not-responsive li,
.nav-list.not-responsive li a {
display: table-cell;
} .no-border th,
.no-border td {
padding: 7px 0 !important;
border-bottom-style: dotted;
}  .nav-list.pipe li {
padding-left: 0;
padding-right: 0;
border-left: none;
}
.nav-list.pipe li:first-child {
padding-left: 0;
}
.nav-list.pipe li:last-child {
padding-right: 0;
} .nav-list.space li {
padding-left: 0;
}
.nav-list.space.not-responsive li {
padding-left: 2em;
}
.nav-list.space.not-responsive li:first-child {
padding-left: 0;
} .nav-list.pipe.not-responsive li {
padding-left: 0.5em;
padding-right: 0.5em;
border-left: 1px solid #cccccc;
}
.nav-list.pipe.not-responsive li:first-child {
padding-left: 0;
border-left: none;
}
.nav-list.pipe.not-responsive li:last-child {
padding-right: 0;
} input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="password"],
textarea,
select {
width: 100%;
display: block;
} body .split2:not(.not-responsive),
body .split3:not(.not-responsive),
body .split4:not(.not-responsive),
body .split5:not(.not-responsive),
body .split6:not(.not-responsive) {
margin: 0;
}
body .split2:not(.not-responsive) .part,
body .split3:not(.not-responsive) .part,
body .split4:not(.not-responsive) .part,
body .split5:not(.not-responsive) .part,
body .split6:not(.not-responsive) .part {
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
width: auto;
float: none;
display: block;
}
body .split2:not(.not-responsive) .part:first-child,
body .split3:not(.not-responsive) .part:first-child,
body .split4:not(.not-responsive) .part:first-child,
body .split5:not(.not-responsive) .part:first-child,
body .split6:not(.not-responsive) .part:first-child {
margin-top: 0;
}
}

:root {
--bengala: #960048;
--yellow: #e0cd76;
--white: #fdfdfd;
}
@font-face {
font-family: 'Roboto';
src: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/font/Roboto-Regular.ttf);
}
@font-face {
font-family: 'BebasNeue';
src: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/font/BebasNeue-Regular.ttf);
}
@font-face {
font-family: 'RobotoCondensed';
src: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/font/RobotoCondensed-Bold.ttf);
}
@font-face {
font-family: 'RobotoCondensed-Italic';
src: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/font/RobotoCondensed-Italic.ttf);
}  a,
a:hover {
text-decoration: none;
}
a img {
border: none;
}
a.atag_underline {
text-decoration: underline;
}
img,
iframe {
max-width: 100%;
vertical-align: bottom;
}  html {
font-size: 14px;
}
#wpadminbar{
position: fixed;
}
body {
margin: 0;
padding: 0;
background:#fff !important;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
header {
margin: 0;
padding: 0;
background-color: var(--bengala);
z-index: 10000;
min-height: 0 !important;
}
header h1{
position: absolute;
width: 100% !important;
padding-left: 10px;
}
header h1 img{
height: auto !important;
margin-top: 5px !important;
}
@media print, screen and (max-width: 1150px) {
header h1{
position: absolute;
width: 300px !important;
padding-left: 10px;
}
header h1 img{
margin-top: 20px !important;
}
}
@media print, screen and (max-width: 500px) {
header h1{
position: absolute;
width: 200px !important;
padding-left: 10px;
}
header h1 img{
margin-top: 10px !important;
}
}
footer {
margin: 0;
padding: 0;
}
body .contents {
margin: 70px 0 0 0;
padding: 0 0 0 0;
z-index: 1000;
}
.main {
margin: 0;
padding: 0;
margin-top: 20px;
}
.sub {
margin: 0;
padding: 0;
}
.wrap {
margin: 0 auto;
width: 100%;
}  h1,
h2,
h3,
h4,
h5,
h6 {
margin: 0 0 1em 0;
}
* + h1,
* + h2,
* + h3,
* + h4,
* + h5,
* + h6 {
margin-top: 2em;
}
p,
table,
code {
margin: 2em 0;
}
dl {
margin: 2em 0;
}
dt {
padding: 1em 0 0.25em 0;
}
dt:first-child {
padding: 0 0 0.25em 0;
}
dd {
padding: 0.25em 0;
}
ul.list,
ol.list {
margin: 1em 0 1em 1.25em;
padding: 0;
}
ul.list li,
ol.list li {
margin: 0.5em 0;
}
blockquote,
code {
padding: 1.5em 2em;
box-sizing: border-box;
}
p:first-child,
table:first-child,
code:first-child,
ul.list:first-child,
ol.list:first-child,
ul.list li:first-child,
ol.list li:first-child {
margin-top: 0;
}
p:last-child,
table:last-child,
code:last-child,
ul.list:last-child,
ol.list:last-child,
ul.list li:last-child,
ol.list li:last-child {
margin-bottom: 0;
}  html {
font-size: 14px;
} h1 {
font-size: 32px;
}
h2 {
font-size: 28px;
}
h3 {
font-size: 24px;
}
h4 {
font-size: 20px;
}
h5 {
font-size: 18px;
}
h6 {
font-size: 16px;
}
.big {
font-size: 1.5em;
}
small,
sub,
sup,
.small,
.note { }  h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: normal;
}
strong,
th,
dt {
font-weight: bold;
}
.en_bold,
.page_title,
.resultlist td {
font-family: Impact, Charcoal;
font-weight: bold;
letter-spacing: 0.05em;
}   h1,
h2,
h3,
h4,
h5,
h6,
code {
line-height: 1.414;
}
p,
th,
td,
.list li,
.parent-radio,
.parent-checkbox,
.content-list li {
line-height: 1.8;
}  html,
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td,
dt,
dd,
li,
.toggle-button {
color: #616161;
} a {
color: var(--bengala);
transition: 1.0s;
}
a:hover {
opacity: 0.5;
}
a.hover_underline {
text-decoration: underline;
}
code {
color: var(--white);
}  blockquote,
thead,
th {
}
thead ~ tbody th {
background: none;
}
pre {
background: #333333;
}  .parent-table,
table,
thead,
tbody,
tfoot,
tr,
th,
td {
border-color: #cccccc;
}
hr {
border-color: #cccccc;
}
em {
border-bottom: 1px dotted #000000;
} .headroom {
will-change: transform;
transition: transform 200ms linear;
}
.headroom--pinned {
transform: translateY(0%);
}
.headroom--unpinned {
transform: translateY(150%);
}
.headroom--pinned {
transition: margin 0.5s ease-in-out 0, opacity 0.5s ease-in-out 0,
top 0.5s ease-in-out 0.25s, right 0.5s ease-in-out 0.25s,
bottom 0.5s ease-in-out 0.25s, left 0.5s ease-in-out 0.25s;
}  input:not([type="radio"]),
select,
textarea {
border-radius: 3px;
}
.parent-radio label,
.parent-checkbox label,
input[type="radio"],
input[type="checkbox"],
input[type="file"] {
cursor: pointer;
}
.disabled,
label.disabled,
input:disabled,
input[readonly] {
cursor: default;
}
input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="number"],
input[type="file"],
input[type="search"],
select,
body select[size="1"],
select[multiple],
option,
textarea {
padding: 15px 20px;
width: 100%;
border: 1px solid #cccccc;
box-sizing: border-box;
}
input[type="number"] {
width: 7em;
}
select[size],
select[multiple] {
padding: 0;
}
select[size] option,
select[multiple] option {
padding-top: 10px;
padding-bottom: 10px;
}
option {
border: none;
}
optgroup {
padding: 5px 0 0 0;
font-size: 11px;
font-style: normal;
text-indent: 5px;
}
optgroup ~ optgroup {
border-top: 1px dotted #cccccc;
}
optgroup > option {
padding-left: 0;
padding-right: 0;
font-size: 1rem;
}
optgroup > option:first-child {
margin-top: 5px;
border-top: 1px dotted #cccccc;
}
input,
select,
textarea {
background: var(--white);
}
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="number"]:focus,
input[type="file"]:focus,
select:focus,
select[size]:focus,
select[multiple]:focus,
textarea:focus { }
body .button.disabled a,
body a.button.disabled,
body button:disabled,
body button.submit:disabled,
body input:disabled,
body select:disabled,
body textarea:disabled,
body button[readonly],
body input[readonly],
body select[readonly],
body textarea[readonly] {
border-color: #bbbbbb;
background-color: #eeeeee;
color: #bbbbbb;
box-shadow: none;
cursor: default;
}
.disabled {
color: #bbbbbb;
box-shadow: none;
}
input[type="file"] {
}
input[type="radio"],
input[type="checkbox"] {
margin-right: 10px;
}
input[type="radio"].before-icon,
input[type="checkbox"].before-icon {
margin: 1px;
width: 13px;
height: 13px;
margin-right: 0;
}
input[type="radio"].before-icon + .icon,
input[type="checkbox"].before-icon + .icon {
margin: -1px 10px -2px -15px;
padding: 0;
width: 15px;
height: 15px;
line-height: inherit;
vertical-align: inherit;
background-repeat: no-repeat;
background-position: center;
background-size: 15px 15px;
display: inline-block;
*display: inline;
*zoom: 1;
}
input[type="radio"].before-icon + .icon {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-radio.webp);
}
input[type="radio"].before-icon:checked + .icon {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-radio-checked.webp);
}
input[type="radio"].before-icon:disabled + .icon,
input[type="radio"].before-icon[readonly] + .icon {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-radio-disabled.webp);
}
input[type="radio"].before-icon:disabled:checked + .icon,
input[type="radio"].before-icon[readonly]:checked + .icon {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-radio-disabled-checked.webp);
}
input[type="checkbox"].before-icon + .icon {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-checkbox.webp);
}
input[type="checkbox"].before-icon:checked + .icon {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-checkbox-checked.webp);
}
input[type="checkbox"].before-icon:disabled + .icon,
input[type="checkbox"].before-icon[readonly] + .icon {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-checkbox-disabled.webp);
}
input[type="checkbox"].before-icon:disabled:checked + .icon,
input[type="checkbox"].before-icon[readonly]:checked + .icon {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-checkbox-disabled-checked.webp);
}
body select[multiple][size="1"],
select[multiple],
select[size] {
background-image: none;
overflow: auto;
}
select,
body select[size="1"] {
padding-right: 32px;
border: 1px solid #cccccc;
background: var(--white) url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-select-arrow-margin.webp)
no-repeat right center;
background-size: 30px 15px;
line-height: 1;
vertical-align: middle;
}
select::-ms-expand {
display: none;
}
textarea {
width: 100%;
height: 12em;
display: block;
}
label {
white-space: nowrap;
margin-right: 20px;
}
.parent-radio input,
.parent-checkbox input {
margin-right: 5px;
}
.parent-radio label,
.parent-checkbox label {
padding: 0 20px 0 0;
}  a,
input,
select,
textarea,
button,
.button,
.button *,
.img-button,
.img-button *,
.toggle-button,
.popup-button-close {
transition: opacity 0.15s ease-in-out 0, background 0.15s ease-in-out 0,
background-color 0.15s ease-in-out 0, border-radius 0.15s ease-in-out 0,
border-color 0.15s ease-in-out 0, color 0.1s ease-in-out 0,
box-shadow 0.15s ease-in-out 0, text-shadow 0.15s ease-in-out 0,
outline 0.15s ease-in-out 0;
}
.scroll-effect,
.parent-scroll-effect.list > * {
transition: all 0.75s ease-out 0.15s;
}
.scroll-effect,
.parent-scroll-effect.list > * {
transform: none;
opacity: 1;
}
.scroll-effect.inactive,
.parent-scroll-effect.list > *.inactive {
transition: none;
transform: translate(0, 50px);
opacity: 0;
}
.scroll-effect.customize-body {
transition-delay: 0.5s;
} .scroll-effect.contain {
box-sizing: border-box;
position: relative;
}
body > .scroll-effect.contain:not(.parent-popup-content) {
transition: all 0.75s ease-in-out;
}
.scroll-effect.contain .scroll-effect {
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
.parent-scroll-effect.parallax {
position: relative;
}
.parent-scroll-effect.parallax > *:not(.not-move) {
margin: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}  input[type="button"],
input[type="reset"],
button,
.button a {
}
input[type="submit"],
button.submit,
.button.submit a {
}
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="image"],
button,
.button > a,
.button > span,
a.button,
.img-button > a,
.img-button > span,
a.img-button {
text-decoration: none;
text-align: center;
vertical-align: bottom;
line-height: 1;
cursor: pointer;
display: inline-block;
*display: inline;
*zoom: 1;
box-sizing: border-box;
}   input[type="button"],
input[type="reset"],
button,
.button > a,
.button > span,
a.button {
padding: 15px 20px;
border: 1px solid #333333;
border-radius: 3px;
background-color: transparent;
color: #333333;
font-weight: normal;
}
input[type="button"]:hover,
input[type="reset"]:hover,
button:hover,
.button > a:hover,
.button > span:hover,
a.button:hover {
background-color: #333333;
color: var(--white);
}
input[type="button"]:disabled,
input[type="reset"]:disabled,
button.disabled,
.button.disabled > a,
.button.disabled > span,
a.button.disabled {
background-color: #eeeeee;
color: #bbbbbb;
} input[type="submit"],
button.submit,
.button.submit > a,
.button.submit > span,
a.button.submit {
padding: 15px 20px;
border: 1px solid #cc0000;
border-radius: 3px;
background-color: transparent;
color: #cc0000;
font-weight: normal;
}
input[type="submit"]:hover,
button.submit:hover,
.button.submit > a:hover,
.button.submit > span:hover,
a.button.submit:hover {
background-color: #cc0000;
color: var(--white);
}
input[type="submit"]:disabled,
button.submit.disabled,
.button.submit.disabled > a,
.button.submit.disabled > span,
a.button.submit.disabled {
border-color: #bbbbbb;
background-color: #eeeeee;
color: #bbbbbb;
} .pager li > a,
.pager li > span {
width: 40px;
height: 40px;
color: #333333;
border-radius: 3px;
}
.pager li > a:hover,
.pager li.current > * {
color: var(--white);
background-color: #333333;
}
.pager .first a,
.pager .prev a,
.pager .next a,
.pager .last a {
background-repeat: no-repeat;
background-position: center center;
background-size: 15px 15px;
}
.pager .first a {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-arrow-left-end.webp);
}
.pager .prev a {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-arrow-left.webp);
}
.pager .next a {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-arrow-right.webp);
}
.pager .last a {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-arrow-right-end.webp);
}
.pager .first a:hover {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-arrow-left-end-white.webp);
}
.pager .prev a:hover {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-arrow-left-white.webp);
}
.pager .next a:hover {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-arrow-right-white.webp);
}
.pager .last a:hover {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-arrow-right-end-white.webp);
}  a.img-button:hover,
.img-button a:hover {
opacity: 0.5;
filter: alpha(opacity=50);
zoom: 1;
}
.img-button img {
display: block;
margin: 0 auto;
}  .toggle-button,
.parent-tab-button a,
.popup-button a {
padding: 15px;
border: 1px solid #333333;
font-weight: normal;
}
.toggle-button,
.popup-button a {
background-color: transparent;
color: #333333;
}
.toggle-button.active,
.toggle-button:hover,
.parent-tab-button li a,
.popup-button a:hover {
background-color: #333333;
color: var(--white);
}
.parent-tab-button li a:hover {
background-color: #6f0028;
opacity: 1;
}
.toggle-button,
.popup-bottom a {
border-radius: 3px;
}
.toggle-button.active {
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
.toggle-content,
.parent-tab-content {
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.parent-tab-button li a {
border-left-width: 0;
border-right-width: 0;
border-bottom-width: 0;
}
.parent-tab-button li:first-child a { border-left-width: 1px;
}
.parent-tab-button li:last-child a { border-right-width: 1px;
}
.parent-tab-content {
border: 1px solid #333333;
border-top: none;
}
.parent-tab-button li.current a {
color: var(--white);
background-color: #6f0028;
}
.parent-popup-content .wrap {
width: 770px;
}
.popup-content > .panel {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
overflow: auto;
}
.popup-content {
opacity: 0;
}
.popup-content.active {
opacity: 1;
}
.popup-content {
transition: opacity 0.25s ease-in-out 0.4s;
}
.popup-button-close {
width: 30px;
height: 30px;
border-radius: 5px;
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-close-big-white.webp) no-repeat center center;
background-size: 30px 30px;
top: 0;
right: -40px;
}
.popup-button-close:hover {
opacity: 0.35;
}  ::selection {
background: #333333;
color: var(--white);
}
:focus { z-index: 10000;
}
.radius {
border-radius: 5px;
}
.shadow {
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
}
.panel {
padding: 50px;
border-radius: 5px;
background: var(--white);
box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);
}
.panel.wrap {
box-sizing: border-box;
}
.breadcrumb {
margin: 0 0 20px 0;
padding: 10px 0;
background: rgba(255, 255, 255, 0.5);
}
.breadcrumb li:before {
content: "　>　";
}
.breadcrumb li:first-child:before {
content: "";
}
.global-nav-button {
padding: 0;
width: 30px;
height: 30px;
border: none;
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-nav-big.webp) no-repeat center center;
background-size: cover;
display: block;
}
.headroom {
margin: 0 auto;
width: 80px;
height: 80px;
text-align: center;
position: fixed;
bottom: 30px;
right: 30px;
z-index: 10000;
}
.headroom a {
padding: 0;
width: 100%;
height: 100%;
border-radius: 0;
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-back-top-big.webp) no-repeat center center;
background-color: rgba(255, 255, 255, 0.5);
background-size: 30px 30px;
display: block;
}
.headroom a:hover {
background-color: rgba(255, 255, 255, 1);
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-back-top-big.webp);
}  section {
margin: 30px 0 0 0;
}
section + section {
margin: 30px 0 0 0;
}
hr {
margin: 20px 0 20px 0;
border-style: none;
border-top-width: 1px;
border-top-style: dotted;
}
body {
position: relative;
overflow: hidden;
}
header,
footer,
.contents,
.breadcrumb {
position: relative;
} header{
position:fixed !important;
width: 100%;
height: 100px !important;
}
header,
header * {
transition: margin 0.75s ease-in-out 0, opacity 0.25s ease-in-out 0,
height 0.75s ease-out 0, top 0.5s ease-in-out 0;
}
header .logo_box,
header .topmenu .global-nav-button,
header .topmenu .nav-list {
transition: margin 0.75s ease-in-out 0, opacity 0.75s ease-in-out 0,
transform 0.15s ease-in-out 0, top 0.5s ease-in-out 0;
}
header .logo_box {
transform-origin: left center;
}
header .topmenu .global-nav-button,
header .topmenu .nav-list {
transform-origin: right center;
}
header .wrap {
margin: 0 auto;
width: 100%;
height: 100%;
position: relative;
background: #960048;
}
header .wrap .topmenu {
height: 44px;
width: 100%;
}
header .logo_box,
header .global-nav-button,
header .topmenu .nav-list {
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto;
position: absolute;
white-space: nowrap;
}
header .logo_box img {
height: 35px;
padding: 5px 0;
margin-right: 20px;
}
header .logo_box .header_sitename_txt {
display: none;
color: #fff;
}
header .topmenu * {
}
header .topmenu .english_txt {
font-size: 15px;
font-family: "Racing Sans One", cursive;
letter-spacing: 0.1em;
}
header .topmenu .global-nav-button {
margin-right: 0;
}
header .topmenu .nav-list {
width: 96%;
margin: 0 auto;
}
header .topmenu .nav-list ul {
margin: 0 0 0 auto;
}
header .topmenu .nav-list ul,
header .topmenu .nav-list ul a {
}
header .topmenu .nav-list ul a {
padding: 2px 5px;
color: var(--bengala);
}
header .topmenu .nav-list ul a span {
}
header .topmenu .nav-list li {
color: #fff;
}
header .topmenu .nav-list li {
}
header .logo_box,
header .topmenu .nav-list { }
.nav-list ul li.nav_fcrgakuin,
.nav-list ul li.nav_onlineshop {
}
.nav-list ul li.nav_fcrgakuin a{
width: 130px ;
height: 28px;
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/header_gakuin.svg) no-repeat center;
background-size: 130px;
}
.nav-list ul li.nav_fcrgakuin a:hover{
opacity: 0.8;
}
.nav-list ul li.nav_onlineshop {
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/cart.svg) no-repeat left
center;
background-size: 19px;
display: inline-block;
}
.nav-list ul li.nav_onlineshop a{
color: #E6D67F;
font-size: 12px;
font-family: 'Roboto', sans-serif;
font-weight: bold;
padding-left: 35px;
height: 30px;
padding-top: 11px;
}
.nav-list ul li.nav_icons {
height: 30px;
padding-top: 3px;
margin-right: 8px;
display: inline-block;
}
.nav-list ul li.nav_icons a {
display: block;
width: 30px;
height: 30px;
background: #000;
}
.nav-list ul li.FaceBook a {
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/header_fb.svg) no-repeat left
center;
background-size: 9px;
}
.nav-list ul li.Twitter a {
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/header_tw.svg) no-repeat left
center;
background-size: 17px;
}
.nav-list ul li.Instagram a {
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/header_ig.svg) no-repeat left
center;
background-size: 18px;
}
.nav-list ul li.youtube a {
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/header_yt.svg) no-repeat left
center;
background-size: 16px;
}
.nav-list ul li.line a {
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/header_line.svg) no-repeat left
center;
background-size: 17px;
}
header a {
color: var(--white); }
header a:hover {
opacity: 1;
}
.logo {
font-family: "Lato", sans-serif;
font-weight: bold;
} .header_emblem {
left: 44%;
display: block;
position: absolute;
}
.header_emblem img {
width: 120px;
}
.wrap .logo-nav {
position: absolute;
top: 16px;
left: calc(50% - (130px / 2) - 1px);
width: 130px;
}
@media screen and (max-width: 1150px) {
.wrap .logo-nav {
top: 0 !important;
}
}  .Nav {
overflow-x: visible;
width: 1150px;
margin: 0 auto;
}
.Nav .navbtn {
display: none;
}
.gnav_pc > ul {
display: inline-block;
white-space: nowrap;
width: 520px;
}
@media print, screen and (max-width:1150px) {
.gnav_pc {
display: none;
}
}
.gnav_pc > ul + ul {
margin-left: 105px;
}
.gnav_pc > ul > li {
display: inline-block;
position: relative;
font-size: 15px;
}
.gnav_pc > ul > li a,
.gnav_pc > ul > li span.no_atag {
display: block;
position: relative;
transform: scale(0.8, 1);
padding: 15px;
color: #fff;
font-weight: bold;
font-size: 17px;
font-family: "Arial Black", "Lato", "游ゴシック", "YuGothic",
"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo",
"Helvetica", sans-serif;
text-decoration: none;
}
.gnav_pc > ul + ul > li a,
.gnav_pc > ul + ul > li span.no_atag {
padding: 20px 15px;
} .gnav_pc > ul > li > ul {
display: block;
position: absolute;
top: 54px;
left: 0;
z-index: 9;
width: auto;
background-color: #8f002d;
transition: 0s;
max-height: 0;
overflow: hidden;
}
.gnav_pc > ul > li > ul.open {
display: block;
max-height: 1000px;
transition: 2.0s;
}
.gnav_pc > ul > li > ul li {
white-space: nowrap;
}
.gnav_pc > ul > li > ul li a {
transform: scale(1, 1);
position: relative;
padding: 12px 27px 12px 27px;
font-size: 90%;
}
.gnav_pc > ul > li > ul li a::before {
display: block;
position: absolute;
top: 50%;
left: 10px;
transform: rotate(45deg);
width: 6px;
height: 6px;
margin: -4px 0 0 0;
border-top: solid 2px #E6D67F;
border-right: solid 2px #E6D67F;
content: "";
}
.gnav_pc > ul > li > ul li ul li a {
padding-left: 42px;
}
.gnav_pc > ul > li > ul li ul li a::before {
left: 20px;
}
.new-window {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-new-window.svg);
background-repeat: no-repeat;
}
footer .new-window {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-new-window.webp);
background-repeat: no-repeat;
}
.gnav_pc .new-window,
.pagecategorynav .new-window {
background-position: 96% 50%;
background-size: 8%;
}
@media screen and (max-width: 1150px) {
header .wrap .topmenu {
display: none;
}
.Nav {
position: inherit;
border-top: none;
top: 0;
width: 100%;
background-color: var(--bengala);
}
.Nav .navbtn {
display: block;
position: absolute;
top: -50px;
right: 10px;
}
.Nav .navbtn a,
.Nav .navbtn a.close {
display: block;
position: relative;
width: 40px;
height: 40px;
background-color: #6b0404;
}
.Nav .navbtn a::before,
.Nav .navbtn a.close::before {
position: absolute;
top: 10px;
left: 10px;
content: "";
width: 20px;
height: 3px;
background-color: #fff;
transition: 0.2s;
}
.Nav .navbtn a.open::before {
top: 19px;
transform: rotate(-45deg);
}
.Nav .navbtn a::after,
.Nav .navbtn a.close::after {
position: absolute;
bottom: 10px;
left: 10px;
content: "";
width: 20px;
height: 3px;
background-color: #fff;
transition: 0.2s;
}
.Nav .navbtn a.open::after {
bottom: 18px;
transform: rotate(-135deg);
}
.Nav .navbtn a span {
display: block;
overflow: hidden;
width: 1px;
height: 1px;
}
.Nav .navbtn a span::after,
.Nav .navbtn a.close span::after {
position: absolute;
top: 18px;
left: 10px;
content: "";
width: 20px;
height: 3px;
background-color: #fff;
}
.Nav .navbtn a.open span::after {
display: none;
}
.gnav_pc {
max-width: 620px;
margin: 0 auto;
padding: 0;
background-color: #a7385b;
}
.gnav_pc > ul {
display: none;
left: 0;
background-color: var(--bengala);
width: 100%;
z-index: 30000;
}
.gnav_pc > ul + ul {
position: static;
margin-left: 0;
}
.gnav_pc > ul > li > a {
font-size: 18px;
} .gnav_pc > ul > li.parent > a {
padding-right: 25px;
}
.gnav_pc > ul > li.parent > a::before,
.gnav_pc > ul > li.parent > span.no_atag::before {
display: none;
}
.gnav_pc > ul + ul > li a {
padding: 15px;
}
.gnav_pc > ul > li {
display: block;
border-bottom: solid 1px #dddddd;
}
.gnav_pc > ul > li.parent.open > a::before,
.gnav_pc > ul > li.parent.open > span.no_atag::before {
transform: rotate(-45deg);
}
.gnav_pc > ul > li.parent > a {
margin: 0;
}
.gnav_pc > ul > li > ul {
background-color: var(--bengala);
position: static;
}
.gnav_pc > ul > li > ul li {
padding: 0 40px;
}
.gnav_pc > ul > li > ul li a {
background-color: var(--bengala);
}
.gnav_pc .new-window {
background-position: 96% 50%;
background-size: 4%;
}
}
@media screen and (min-width: 1150px) {
.gnav_pc > ul > li.parent.open > a,
.gnav_pc > ul > li.parent.open > span.no_atag {
color: #fff;
}
.gnav_pc > ul > li.parent.open > a::after,
.gnav_pc > ul > li.parent.open > span.no_atag::after {
opacity: 0.5;
transform: scale(1);
background: #333;
}
.gnav_pc > ul > li a:hover {
color: #fff;
}
.gnav_pc > ul > li a::after,
.gnav_pc > ul > li span.no_atag::after {
display: block;
position: absolute;
z-index: -1;
content: "";
}
.gnav_pc > ul > li a,
.gnav_pc > ul > li a::after,
.gnav_pc > ul > li span.no_atag,
.gnav_pc > ul > li span.no_atag::after {
padding: 15px 11px;
box-sizing: border-box;
transition: all 0.3s;
}
.gnav_pc > ul > li a::after,
.gnav_pc > ul > li span.no_atag::after {
top: 0;
left: 0;
transform: scale(0.5);
width: 100%;
height: 100%;
}
.gnav_pc > ul > li a:hover::after {
opacity: 0.5;
transform: scale(1);
background: #333;
}
}  .box_title_red {
background-color: #960048;
padding: 5px 15px;
color: #fff;
text-align: left;
}
.box_title_red .sub_title {
position: relative;
text-align: left;
}
.box_title_red .sub_title span {
background-color: #b61d3c;
display: inline-block;
padding: 10px 8px;
position: relative;
}
.box_title_red .title {
font-size: 24px;
}
.box_title_red .txt_jp {
font-size: 0.4em;
color: #fff;
position: absolute;
bottom: 5px;
right: 0;
letter-spacing: 0.1em;
}
.box_title {
background-color: #fff;
padding: 5px;
color: #b61d3c;
text-align: left;
}
.box_title .sub_title {
position: relative;
text-align: left;
}
.box_title .sub_title:before {
border-top: 4px solid;
content: "";
position: absolute;
top: 35%;
left: 0;
width: 100%;
}
.box_title .sub_title span {
background-color: #fff;
display: inline-block;
padding: 0 0.5em;
position: relative;
}
.box_title .title {
font-size: 26px;
font-weight: bold;
position: relative;
margin-bottom: 5px;
padding-bottom: 2px;
}
.box_title .txt_jp {
font-size: 0.5em;
color: #b61d3c;
position: absolute;
bottom: 5px;
right: 0;
letter-spacing: 0.1em;
} footer {
text-align: center;
padding-top: 90px !important;
background-color: var(--bengala) !important;
margin-top: 0;
}
footer a {
color: #fff;
}
footer p {
color: var(--white);
}
footer .partner_title {
margin: 0;
letter-spacing: 0.2rem;
}
footer .partner_title .txt_gold {
font-size: 2.5rem;
line-height: 0.8;
}
.partner_area {
margin-top: 5px;
margin-bottom: 20px;
background-color: #e6cf7d;
padding: 5px;
}
.partner_area .bn_box {
padding: 10px 0;
}
.partner_area .bn_box a {
opacity: 1;
}
footer .partner_area .bn_box .bn_l.split3 {
margin: 0 auto 20px;
}
footer .links.only-sp ul {
display: flex;
justify-content: center;
list-style: none;
flex-wrap: wrap;
}
footer .links.only-sp li {
font-size: 1.1rem;
margin: 1rem;
}
footer .links.only-pc p,
footer .links.only-pc li {
color: #fff;
font-size: 20px;
}
.footer_list_wrap{
padding:0 38px;
}
.links.wrap.split5.only-pc {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
border-top: 1px solid #7A0A45;
width: 100%;
margin: 0 auto 100px;
max-width: 940px;
}
.links.wrap.split5.only-pc .part {
width: calc( 25% - 20px );
margin: 5px 0;
padding: 0 ;
display: table-cell;
}
@media print, screen and (max-width:1000px) {
.links.wrap.split5.only-pc .part {
width: calc( 50% - 20px );
margin: 5px 0;
padding: 0 ;
display: table-cell;
}
}
footer .links h2 {
font-size: 18px !important;
color: var(--yellow);
border-bottom: 1px solid #7A0A45;
padding: 20px 0;
margin: 0;
position: relative;
}
footer .links h2 a {
font-size:  18px !important;
color: var(--yellow);
}
footer .links h2:before {
position: absolute;
bottom: -1px;
left: 0;
width: 35px;
height: 1px;
content: '';
background: #E6D67F;
}
footer .links ul {
padding-top: 20px;
}
footer .links .content a {
font-size: 14px;
}
footer .links .content a.new-window {
background-position: 99% 20%;
background-size: 0.9rem;
font-size: 14px;
}
footer .logoline {
padding-bottom: 30px;
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/footer_logo.webp);
background-repeat: no-repeat;
background-position: center center;
background-size: 200%;
padding-top: 20px;
}
footer .logoline p {
position: relative;
left: -10000px;
}
footer .copyright {
background-color: #960048 !important;
text-align: center;
padding: 30px 0;
color: #fff !important;
font-size: 14px;
font-family: 'BebasNeue', sans-serif;
font-weight: normal;
border-top: 1px solid #c43d6d;
}
footer .copyright .wrap {
position: relative;
}
footer .copyright img {
position: absolute;
width: 20%;
right: 0;
top: -10px;
}
.txt_bold_red {
font-size: 110%;
color: #b61d3c;
font-weight: bold;
} .page_title {
text-align: center;
margin-bottom: 40px;
padding: 0 15px;
box-sizing: border-box;
}
.page_title h1 {
text-align: center;
font-size: 30px;
color: #960748;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif  !important;
font-weight: bold;
margin-bottom: 0px;
}
.page_title .jpn {
color: #A08E29;
font-size: 18px;
font-weight: normal;
font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif  !important;
font-weight: bold;
}
.detailbody {
margin-bottom: 100px;
}
.detailbody .pagecategorynav,
.detailbody .secondnav {
display: table;
width: 100%;
}
.detailbody .pagecategorynav {
background-color: var(--bengala);
height: 50px;
}
.detailbody .pagecategorynav a:hover,
.detailbody .pagecategorynav li.active a {
color: var(--yellow);
}
.detailbody .pagecategorynav li,
.detailbody .secondnav li {
display: table-cell;
vertical-align: middle;
color: #fff;
text-align: center;
}
.detailbody .pagecategorynav li a,
.detailbody .secondnav li a {
color: #fff;
}
.detailbody .secondnav {
background-color: var(--yellow);
display: table;
padding: 5px 0;
}
.detailbody .secondnav p,
.detailbody .secondnav a {
color: var(--bengala);
font-weight: bold;
line-height: 1;
}
.detailbody .secondnav.txt_b p,
.detailbody .secondnav.txt_b a {
font-size: 2rem;
}
.detailbody .secondnav a:hover,
.detailbody .secondnav li.active a {
color: var(--bengala);
}
.detailbody .secondnav li {
}
.detailbody .secondnav li a {
display: table-cell;
}
.detailbody .secondnav.txt_b .en_bold li {
color: #faf0c4;
font-size: 2rem;
padding: 0 20px;
}
.detailbody .secondnav.txt_b .en_bold li a {
color: #fff;
}
.detailbody .secondnav.txt_b .en_bold li.active a {
color: var(--bengala);
}
.detailbody .secondnav.txt_b .en_bold li.thisyear,
.detailbody .secondnav.txt_b .en_bold li.active_year {
color: var(--bengala);
}
.detailbody .secondnav .latestdate {
display: table-cell;
text-align: right;
padding-right: 30px;
font-weight: normal;
font-size: 1.3rem;
padding: 4px 15px;
vertical-align: bottom;
}
.detailbody .box {
width: 100%;
margin: 0;
padding: 30px 0 50px !important;
border-top: none;
background-color: #fff;
box-sizing: border-box;
}
.detailbody .box h1 {
text-align: left;
color:  var(--bengala);
display: table;
margin: 0 0 10px;
padding: 0 0 10px;
width: 100%;
line-height: 1;
font-weight: bold;
font-size: 28px;
}
.detailbody .box .border_btm {
position: relative;
padding-bottom:16px;
margin-bottom: 30px;
}
.detailbody .box .border_btm::after{
position: absolute;
content: "";
display: block;
height: 1px;
width: 50px;
background: var(--bengala);
bottom: 0;
left: 0;
}
.detailbody .box h1 .txt_jp {
font-size: 14px;
color: var(--bengala);
}
.detailbody .box h1 .sideR_txt {
color: var(--bengala);
text-align: right;
display: table-cell;
vertical-align: bottom;
font-size: 90%;
}
.detailbody .box .snsbtn {
float: right;
} .box .newsdetail .wrap {
width: 100%;
}
.box .post-body h4 {
color: var(--bengala);
font-weight: bold;
}
.note {
font-size: 0.9rem;
}
.note p {
line-height: 1.3;
} .detailbody .box .sidenav {
background-color: var(--bengala);
}
.detailbody .box .sidenav h1 {
font-size: 16px;
color: #fff;
border: none;
text-align: right;
padding: 10px 20px;
width: auto;
margin-bottom: 0;
}
.detailbody .box .sidenav .innerbox {
background-color: #F4F1E4;
padding-bottom: 20px;
padding-top: 20px;
}
.detailbody .box .sidenav h2 {
background-color: var(--bengala);
padding: 10px;
}
.detailbody .box .sidenav h2 a {
color: #fff;
} .latestnews {
background-color: #fff;
}
.latestnews .parent-tab-button li.current a {
color: var(--bengala);
background-color: #e6cf7d;
border: none;
font-weight: bold;
}
.latestnews .detail {
margin: 5px 0;
} .newsdetail dl.newslist p.date {
float: left;
margin-right: 3px;
}
.newsdetail .newslist dt {
display: table-cell;
width: 200px;
}
.newsdetail .title {
display: table-cell;
vertical-align: middle;
}
.newsdetail .blog-category {
color: var(--white);
margin: 0;
text-align: center !important;
padding: 0px 3px;
width: 95px;
float: left;
}
.newsdetail .blog-category a {
color: #fff;
}
.newsdetail .blog-category a:hover {
opacity: 0.6;
}
.parent-tab-button li a {
background-color: var(--bengala);
border: none;
}
.newsdetail .blog-category.partner,
.newsdetail .category.partner {
background-color: #cbb035;
}
.newsdetail .blog-category.club,
.newsdetail .category.club {
background-color: #092684;
}
.newsdetail .blog-category.topteam,
.newsdetail .category.topteam {
background-color: var(--bengala);
}
.newsdetail .blog-category.homegame,
.newsdetail .category.homegame {
background-color: #dc1c72;
}
.newsdetail .blog-category.media,
.newsdetail .category.media {
background-color: #1c7ec9;
}
.newsdetail .blog-category.goods,
.latestnews .newsdetail .category.goods {
background-color: #fb992f;
}
.newsdetail .blog-category.academy,
.newsdetail .category.academy {
background-color: #e93c14;
}
.newsdetail .blog-category.event,
.newsdetail .category.event {
background-color: #6b821b;
}
.newsdetail .blog-category.other,
.newsdetail .category.other {
background-color: #a77011;
}
.latestnews .parent-tab-content {
border: none;
}
.newsdetail .newslist dd {
border-bottom: 2px solid #cdcdcd;
padding-bottom: 1rem;
}
.newsdetail dl.newslist {
border-top: 3px solid #cdcdcd;
padding: 1em 1em 0.5em;
margin: 0;
}
.newsdetail dl.newslist:nth-child(even) {
background-color: #ededed;
}
.newsdetail > dl.newslist:first-child {
border-top: 2px solid #cdcdcd;
padding-top: 10px;
}
.newsdetail dl.newslist > dd:last-child {
border: none;
}
.newsdetail dl.newslist p {
margin: 0;
} .arrow li {
list-style: none;
margin: 0 0 1px 0;
line-height: 0.5;
}
.arrow li a {
display: block;
padding: 15px 15px 15px 50px;
position: relative;
text-decoration: none;
font-size: 16px;
color: #2b2b2b;
}
.arrow li a::before {
border-left: 10px solid #960048;
border-bottom: transparent 7px solid;
border-top: transparent 7px solid;
content: "";
margin: 0 0 0 10px;
height: 0px;
left: 18px;
position: absolute;
top: 11px;
width: 0px;
}
.arrow li a::after {
border-left: 10px solid #F4F1E4;
border-bottom: transparent 8px solid;
border-top: transparent 7px solid;
content: "";
margin: 0 0 0 10px;
height: 0px;
left: 14px;
position: absolute;
top: 11px;
width: 0px;
}
.arrow li a:hover {
opacity: 0.6;
} #schedule .boxtitle,
#result .boxtitle {
background-repeat: no-repeat;
background-position: 10px 0;
background-size: 50px;
margin-bottom: 20px;
}
.boxtitle h1 .txt_jp {
font-size: 1.2rem;
color: var(--bengala);
display: block;
padding-left: 70px;
}
.boxtitle h1 .txt_en {
padding-left: 70px;
}
.boxtitle h1 .sideR_txt {
color: var(--bengala);
text-align: right;
display: table-cell;
vertical-align: bottom;
} .resultlist td,
.resultlist th {
padding: 12px 3px;
}
.resultlist th {
color: var(--bengala);
text-align: center;
border-top: 2px solid #cdcdcd;
border-bottom: 2px solid #cdcdcd;
border-right: none;
border-left: none;
letter-spacing: 0.7em;
padding: 5px;
}
.resultlist td {
border: none;
text-align: center;
font-size: 1.3rem;
}
.resultlist td a {
color: #616161;
}
.resultlist td {
}
.resultlist tr:nth-child(odd) {
background-color: #f8f5e8;
} .resultlist .stadium {
text-align: right;
}
.resultlist .game_date {
width: 8%;
}
.resultlist .game_week {
font-size: 1.0rem;
width: 7%;
}
.resultlist .kickoff {
width: 8%;
}
.resultlist .sec {
width: 10%;
font-size: 1rem;
}
.resultlist .vs {
width: 3%;
}
.resultlist .oppo_emblem {
width: 6%;
text-align: right;
}
.resultlist .oppo_emblem img {
width: 100%;
vertical-align: middle;
}
.resultlist .oppo_name {
width: 15%;
text-align: left;
padding-left: 0;
font-size: 1.0rem;
}
.resultlist .score {
width: 8%;
}
.resultlist .scoreicon {
font-size: 2.6rem;
line-height: 1;
vertical-align: -2px;
}
.resultlist .win {
color: var(--bengala);
}
.resultlist .draw .resultlist .scoreicon {
font-size: 1.6rem;
line-height: 0;
vertical-align: 0;
}
.resultlist .score .inner {
border-left: 3px solid #cdcdcd;
padding: 0 5px 0 0;
line-height: 1;
}
.resultlist .event {
width: 30%;
font-size: 0.9rem;
font-family: sans-serif;
line-height: 1.5;
text-align: left;
}
.resultlist .event a {
color: var(--bengala);
}
.resultlist p.inner {
border-right: 3px solid #cdcdcd;
padding: 0 10px 0 0;
}
.parent-tab-content {
border: none;
}
.parent-tab-content .tab-content {
padding: 15px 0 0;
}
.resultlist .score {
margin: -15px 0 0;
}
.resultlist .score img {
width: 100%;
}
.resultlist .score table tr {
}
.resultlist .score table td {
padding: 0;
text-align: center;
color: #fff;
border: none;
}
.resultlist .score table .resultlist .score_num {
font-size: 8rem;
font-weight: bold;
line-height: 1.2;
}
.resultlist .score table .resultlist .score_first {
position: relative;
top: 12px;
padding-top: 10px;
}
.resultlist .score table .resultlist .score_second {
position: relative;
top: -12px;
}
.resultlist .score table .goal_person {
background-color: #202020;
}
.resultlist .score table .goal_person li {
display: inline-block;
color: #fff;
margin: 0 5px;
}
.resultlist .score table .team_name .opponent {
text-align: right;
padding-right: 10px;
}
.resultlist .score table .more {
background-color: var(--yellow);
text-align: center;
font-weight: bold;
}
.resultlist .score table .more a {
color: var(--bengala);
}
.resultlist {
margin: 0;
} .newsdetail .post-body img {
vertical-align: baseline;
} .movie-wrap .btn_movieplay {
opacity: 0.7;
width: 40%;
position: absolute;
left: 30%;
top: 20%;
}
.popupmovie {
height: 60%;
width: 60%;
position: relative;
padding-top: 50%;
}
.popupmovie iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 40%;
}
.movie-wrap a {
padding: 0;
border: none;
} .gallery_box .detailbody .box h2 {
border-bottom: 2px solid #cccccc;
padding-bottom: 15px;
}
.gallery_box .detailbody .box ul li p {
line-height: 1;
}
.gallery_box .detailbody .box ul li .img_area {
min-height: 150px;
position: relative;
}
.gallery_box .detailbody .box ul li .img_area img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
max-height: 100%;
}
.gallery_box .detailbody .box .navBox {
margin-top: 40px;
border-top: 2px solid #cccccc;
padding-top: 15px;
} .ticket_prise table th,
.ticket_prise table tr,
.ticket_prise table td,
.pass_prise table th,
.pass_prise table tr,
.pass_prise table td {
font-size: 1.2rem;
padding: 0;
margin: 10px 0px;
}
.ticket_prise table th,
.pass_prise table th {
border-right: 5px solid rgb(255, 255, 255);
border-bottom: 5px solid rgb(255, 255, 255);
border-left: none;
border-top: none;
background-color: var(--yellow);
color: var(--bengala);
text-align: center;
width: 25%;
line-height: 1.3;
}
.pass_prise table th {
width: 35%;
}
.ticket_prise table td,
.pass_prise table td {
border-right: 10px solid rgb(255, 255, 255);
border-bottom: 10px solid rgb(255, 255, 255);
border-left: none;
border-top: none;
font-size: 1.5rem;
text-align: center;
line-height: 1.3;
}
.pass_prise table td {
text-align: center;
}
.ticket_prise table td.small {
font-size: 1rem;
line-height: 1.3;
font-weight: bold;
}
.ticket_prise table td:last-child,
.ticket_prise table th:last-child,
.pass_prise table td:last-child,
.pass_prise table th:last-child {
border-right: none;
}
.ticket_prise table .cat_horizontal,
.pass_prise table .cat_horizontal {
background-color: rgb(190, 0, 60);
color: #fff;
text-align: center;
padding: 3px 0;
}
.ticket_prise table .bottom_border {
border-bottom: 3px solid #616161;
}
.pass_prise .pass_more {
float: right;
margin: 0;
}
.pass_prise .pass_more a {
font-size: 1.8rem;
font-weight: bold;
}
.special_prise {
margin-bottom: 40px;
}
.detailbody .box .special_prise h1 {
color: var(--bengala);
font-weight: bold;
font-size: 3.5rem;
font-style: italic;
}
.subtitle {
font-weight: bold;
color: var(--bengala);
font-size: 1.5rem;
margin: 20px 0px;
} table.news_table_01 {
width: 100%;
}
table.news_table_01 th {
border: 2px solid var(--yellow);
background-color: var(--bengala);
color: #fff;
}
table.news_table_01 th.time {
}
table.news_table_01 th.stadium_inside,
table.news_table_01 th.stadium_outside,
table.news_table_01 th.stadium_sub {
width: 40%;
text-align: center;
}
table.news_table_01 td {
padding: 5px;
border: 2px solid var(--yellow);
}
table.news_table_01 td.td_time {
background: #f8f5e8;
color: var(--bengala);
font-weight: bold;
} .commingsoon {
font-size: 50px;
font-weight: bold;
text-align: center;
padding: 100px 0px;
margin: 0px;
margin-bottom: 0px;
letter-spacing: 10px;
opacity: 0.3;
}
@media only screen and (max-width: 480px) {
.box .newsdetail .wrap .post-body {
display: inline;
}
.box .newsdetail .wrap .post-body > h4 {
display: inline-block;
}
.scroll_table {
overflow: scroll; }
.scroll_table::-webkit-scrollbar { height: 5px;
}
.scrol_tablel::-webkit-scrollbar-track { background: #f1f1f1;
}
.scroll_table::-webkit-scrollbar-thumb { background: #bcbcbc;
}
table.news_table_01 {
table-layout: fixed;
}
table.news_table_01 tr {
display: table;
}
table.news_table_01 th {
display: table-cell !important; }
table.news_table_01 td {
display: table-cell !important; }
table.news_table_01 td.td_time { }
.gallery_box .detailbody .box ul li img {
width: 100%;
}
.gallery_box .detailbody .box ul li .img_area img {
position: unset;
top: auto;
left: auto;
transform: unset;
} .jheader .topJtitle {
left: 0px;
}
.jheader .jEmb {
margin-left: 60px;
}
.jheader .jEmb .leagueBtn li {
margin: 0 5px 0 0;
}
} #autozip {
background-color: #cc0000 !important;
}
#autozip #zip_close a {
background-color: #cc0000 !important;
color: #fff !important;
}
#autozip #zip_footer {
display: none;
}
@media only screen and (max-width: 768px) {
footer .partner_area .bn_box .bn_l.split3 {
max-width: 100vw;
margin: 10px auto 0;
}
footer .links.wrap.split5 .part {
padding: 10px 0;
}
footer .links h2,
footer .links h2 a {
margin: 10px 0 3px;
font-size: 1.5rem;
text-align: left;
}
}
#jheader{
overflow: hidden;
opacity: 0;
height: 0;
transition: 1.0s;
pointer-events: none;
width: 100%;
}
#jheader.on{
opacity: 1;
height: 80px;
transition: 1.0s;
pointer-events: inherit;
}
#jheader.fixedsp{
opacity: 0 !important;
height: 0 !important;
pointer-events: none !important;
}
@media only screen and (max-width: 767px) {
#jheader{
opacity: 0 !important;
height: 0 !important;
}
}
.gnav_pc ul li span.no_atag{
color: #E6D67F;
font-size: 12px;
font-family: 'Roboto', sans-serif;
}
.gnav_pc ul li a{
color: #E6D67F;
font-size: 12px;
font-family: 'Roboto', sans-serif;
}
header .wrap .topmenu{
background: var(--bengala);
width: 940px;
margin: 0 auto;
border-bottom: 1px solid #E6D67F;
}
.Nav {
overflow-x: visible;
width: 940px;
margin: 0 auto;
}
.gnav_pc > ul {
display: inline-block;
white-space: nowrap;
width: 402px;
}
.gnav_pc > ul + ul > li a, .gnav_pc > ul + ul > li span.no_atag{
padding: 20px 8px;
}
.gnav_pc > ul + ul {
margin-left: 125px;
}
.gnav_pc > ul > li a, .gnav_pc > ul > li a::after, .gnav_pc > ul > li span.no_atag, .gnav_pc > ul > li span.no_atag::after{
padding: 20px 17px;
}
.gnav_pc > ul + ul > li a, .gnav_pc > ul + ul > li span.no_atag{
padding: 20px 12px;
}
.gnav_pc > ul > li > ul{
background: var(--bengala);
}
.gnav_pc > ul > li > ul li a{
font-size: 12px;
}
header .topmenu .nav-list {
width: 940px;
margin: 0 auto;
}
header .topmenu .nav-list ul{
margin: 0 !important;
}
header .topmenu .nav-list ul.left_box{
float: left;
padding-top: 5px;
display: block;
}
header .topmenu .nav-list ul.right_box{
float: right;
padding-top: 5px;
display: block;
}
.j_btn_li{
padding-right: 25px;
}
.j_btn_li a{
padding: 0 !important;
}
.j_btn_li a .j_btn{
width: 120px;
height: 30px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
background: #fff url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icn-jleague2.svg) no-repeat center;
background-size: 93px;
margin-top: -8px;
}
.footer_area_w{
padding: 0 38px;
}
.footer_area{
width: 100%;
max-width: 940px;
margin: 0 auto 40px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.footer_area .logo{
width: 184px;
}
.footer_area .link_box{
width: 280px;
}
@media only screen and (max-width: 768px) {
.footer_area .logo{
width: 100%;
text-align: left;
padding-bottom: 10px;
}
.footer_area .link_box{
width: 100%;
}
.page_top_btn{
margin-left: auto;
display: block;
width: 60px;
float: right !important;
}
}
.footer_area .link_box a{
float: left;
}
.footer_area .link_box a.info_link{
display: block;
width: 180px;
height: 40px;
line-height: 40px;
padding-left: 36px;
color: #fff;
font-size: 14px;
background: #000 url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/mail.svg) no-repeat center left 34px;
background-size: 20px;
box-sizing: border-box;
margin-right: 35px;
margin-top: 10px;
}
#page_top{
height: 99px;
}
@media only screen and (max-width: 1150px) {
#page_top{
height: 80px;
}
}
.footer_link_area{
width: 100%;
max-width: 940px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 100px;
}
.footer_link_area .columnBox{
width: 32%;
}
@media only screen and (max-width: 768px) {
.footer_link_area{
width: 100%;
max-width: 940px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto 35px;
}
.footer_link_area .columnBox{
width: 100%;
margin-bottom: 20px;
}
}
.logo-nav .pc{
display: block;
}
.logo-nav .sp{
display: none;
}
@media only screen and (max-width: 1150px) {
.logo-nav .pc{
display: none;
}
.logo-nav .sp{
display: block;
}
}
@media only screen and (max-width: 1150px) {
header{
height: auto !important;
padding-bottom: 80px !important;
}
header .header_logo{
padding: 15px 0 0 12px !important;
}
.wrap .logo-nav {
width: 245px !important;
}
}
.link_footer_area{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.link_footer_area .link_footer_area_box{
width: 33.33%;
}
.link_footer_area .link_footer_area_box a{
width: 100%;
padding: 150px 0 150px;
background: #ccc;
display: block;
color: #fff !important;
text-align: center;
}
.link_footer_area .link_footer_area_box.bg1 a{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/yuimaru_image.jpg) no-repeat center;
background-size: 100%;
}
.link_footer_area .link_footer_area_box.bg2 a{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/parking_image.jpg) no-repeat center;
background-size: 100%;
}
.link_footer_area .link_footer_area_box.bg3 a{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/onlineshop_image.jpg) no-repeat center;
background-size: 100%;
}
.link_footer_area .link_footer_area_box.bg1 a:hover{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/yuimaru_image.jpg) no-repeat center;
background-size: 120%;
}
.link_footer_area .link_footer_area_box.bg2 a:hover{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/parking_image.jpg) no-repeat center;
background-size: 120%;
}
.link_footer_area .link_footer_area_box.bg3 a:hover{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/onlineshop_image.jpg) no-repeat center;
background-size: 120%;
}
@media only screen and (max-width: 1200px) {
.link_footer_area .link_footer_area_box.bg1 a{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/yuimaru_image.jpg) no-repeat center;
background-size: auto 100%;
}
.link_footer_area .link_footer_area_box.bg2 a{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/parking_image.jpg) no-repeat center;
background-size: auto 100%;
}
.link_footer_area .link_footer_area_box.bg3 a{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/onlineshop_image.jpg) no-repeat center;
background-size: auto 100%;
}
.link_footer_area .link_footer_area_box.bg1 a:hover{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/yuimaru_image.jpg) no-repeat center;
background-size: auto 120%;
}
.link_footer_area .link_footer_area_box.bg2 a:hover{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/parking_image.jpg) no-repeat center;
background-size: auto 120%;
}
.link_footer_area .link_footer_area_box.bg3 a:hover{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/onlineshop_image.jpg) no-repeat center;
background-size: auto 120%;
}
}
@media only screen and (max-width: 900px) {
.link_footer_area .link_footer_area_box.bg1 a{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/yuimaru_image.jpg) no-repeat center;
background-size: 100%;
}
.link_footer_area .link_footer_area_box.bg2 a{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/parking_image.jpg) no-repeat center;
background-size: 100%;
}
.link_footer_area .link_footer_area_box.bg3 a{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/onlineshop_image.jpg) no-repeat center;
background-size: 100%;
}
.link_footer_area .link_footer_area_box.bg1 a:hover{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/yuimaru_image.jpg) no-repeat center;
background-size: 120%;
}
.link_footer_area .link_footer_area_box.bg2 a:hover{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/parking_image.jpg) no-repeat center;
background-size: 120%;
}
.link_footer_area .link_footer_area_box.bg3 a:hover{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/onlineshop_image.jpg) no-repeat center;
background-size: 120%;
}
}
.link_footer_area .link_footer_area_box a h3{
color: #fff !important;
font-family: 'BebasNeue', sans-serif;
font-size: 38px;
line-height: 25px;
margin-bottom: 0px;
}
.link_footer_area .link_footer_area_box a h3 span{
font-size: 18px;
}
.link_footer_area .link_footer_area_box a p{
color: #fff !important;
font-size: 14px;
margin-top: 10px;
}
@media only screen and (max-width: 900px) {
.link_footer_area .link_footer_area_box{
width: 100%;
}
.link_footer_area .link_footer_area_box a{
width: 100%;
padding: 50px 0 50px;
background: #ccc;
display: block;
color: #fff !important;
text-align: center;
}
}
.link_footer_banner_area_w{
width: 100%;
padding: 0 ;
box-sizing: border-box;
border-bottom: 1px solid #EFEFEF;
}
.link_footer_banner_area{
width: 100%;
max-width: 940px;
margin: 0 auto 0;
padding: 60px 0 30px;
}
.link_footer_partner_area_w{
width: 100%;
padding: 0 38px;
box-sizing: border-box;
}
.link_footer_partner_area{
width: 100%;
max-width: 940px;
margin: 0 auto 0;
padding: 60px 0 0;
border-bottom: 1px solid #EFEFEF;
}
.link_footer_partner_area .title_f_icon{
text-align: center;
width: 100%;
padding-bottom: 20px;
}
.link_footer_partner_area .title_f_icon img{
display: block;
margin: 0 auto;
}
.partner_list{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.partner_list .partner_box{
width:  calc(100% / 3 - (5px * 2));
margin-bottom: 25px
}
@media only screen and (max-width: 900px) {
.partner_list .partner_box{
width: 33.33%;
margin-bottom: 20px
}
}
.partner_link_botton{
padding: 40px 0 0px;
margin-bottom: -20px;
}
.partner_link_botton a{
display: block;
width: 100%;
max-width: 285px;
height: 40px;
line-height: 40px;
margin: 0 auto;
background: #000;
color: #fff;
text-align: center;
}
.sns_link_area_w{
padding: 100px 38px 90px;
}
.sns_link_area_w .sns_link_list{
width: 100%;
max-width: 940px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0 auto;
}
.sns_link_area_w .sns_link_list li{
width: 20%;
}
.sns_link_area_w .sns_link_list li a{
display: block;
width: 50px;
height: 50px;
background: #000;
margin: 0 auto;
}
.sns_link_area_w .sns_link_list li.sns_icon1 a{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon_fb.svg) no-repeat center;
background-size: 10px;
}
.sns_link_area_w .sns_link_list li.sns_icon2 a{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon_tw.svg) no-repeat center;
background-size: 17px;
}
.sns_link_area_w .sns_link_list li.sns_icon3 a{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon_ig.svg) no-repeat center;
background-size: 18px;
}
.sns_link_area_w .sns_link_list li.sns_icon4 a{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon_yt.svg) no-repeat center;
background-size: 16px;
}
.sns_link_area_w .sns_link_list li.sns_icon5 a{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon_line.svg) no-repeat center;
background-size: 17px;
}
.swiper-container{
padding-bottom: 30px;
}
.swiper-container img{
width: 100%;
}
.swiper-container .swiper-pagination{
bottom: 3px !important;
}
.swiper-container .swiper-pagination-bullet-active{
background: #960048 !important;
}
.side_floating_area{
position: fixed;
top:50%;
left: 0;
z-index: 5000;
background: #fff;
width: 60px;
height: 160px;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
margin-top: -80px;
}
@media only screen and (max-width: 900px) {
.side_floating_area{
display: none;
}
}
.side_floating_area img{
float: left;
}
.sp_floating_area{
position: fixed;
bottom:0;
left: 0;
z-index: 5000;
background: #fff;
width: 100%;
height: 50px;
display: none;
flex-wrap: wrap;
justify-content: space-between;
}
@media only screen and (max-width: 900px) {
.sp_floating_area{
display: flex;
}
}
.sp_floating_area a{
width: 50%;
height: 50px;
background: #000;
text-align: center;
font-size: 12px;
padding-top: 32px;
color: #fff;
}
.sp_floating_area a.ticket_icon{
background: #BAA537 url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/cta_ticket.svg) no-repeat top 10px center;
background-size: 20px;
}
.sp_floating_area a.shop_icon{
background: #A08E29 url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/cta_cart.svg) no-repeat top 10px center;
background-size: 20px;
}
@media only screen and (max-width: 900px) {
footer .copyright{
padding: 30px 0 180px !important;
}
}
#top_page_floating_area{
position: fixed;
bottom: -160px;
right: 15px;
width: 160px;
z-index: 5000;
opacity: 0;
transition: 1.0s;
}
#top_page_floating_area img{
width: 100%;
}
#top_page_floating_area.fixedsp{
opacity: 1;
bottom: 15px;
}
@media only screen and (max-width: 900px) {
#top_page_floating_area{
position: fixed;
bottom: -110px;
right: 15px;
width: 110px;
z-index: 5000;
}
#top_page_floating_area.fixedsp{
opacity: 1;
bottom: 65px;
}
}
.sp_header_info{
display: none;
position: absolute;
top: 0;
right: 0;
width: 120px;
height: 80px;
}
@media only screen and (max-width: 1150px) {
.sp_header_info{
display: block;
}
}
.cart_link_btton {
width: 50px;
float: left;
}
.cart_link_btton a{
display: block;
width: 50px;
height: 50px;
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/cart.svg) no-repeat center;
background-size: 20px;
margin: 15px 0;
}
.cart_link_btton a:hover{
opacity: 0.8;
}
.nav_toggle {
display: block;
position: relative;
width: 30px;
height: 36px;
padding: 10px;
margin: 15px 10px;
　box-sizing: border-box;
cursor: pointer;
float: right;
}
.nav_toggle i {
display: block;
width: 30px;
height: 2px;
background: #E6D67F;
position: absolute;
transition: transform .5s, opacity .5s;
}
.nav_toggle span {
position: absolute;
font-size: 17px;
color: #E6D67F;
bottom: 10px;
font-family: 'BebasNeue', sans-serif;
font-weight: normal;
line-height: 10px;
}
.nav_toggle i:nth-child(1) {
top: 10px;
}
.nav_toggle i:nth-child(2) {
top: 18px;
}
.nav_toggle i:nth-child(3) {
top: 27px;
}
.nav{
display: none;
}
.nav.show{
display: block;
position: fixed;
top:80px;
left: 0;
width: 100%;
height: calc( 100% - 80px ) ;
background: var(--bengala);
}
.nav_toggle.show {
display: block;
position: relative;
width: 30px;
height: 36px;
padding: 10px;
margin: 15px 10px;
　box-sizing: border-box;
cursor: pointer;
float: right;
}
.nav_toggle.show i {
display: block;
width: 30px;
height: 2px;
background: #E6D67F;
position: absolute;
transition: transform .5s, opacity .5s;
}
.nav_toggle.show span {
position: absolute;
font-size: 17px;
color: #E6D67F;
bottom: 10px;
font-family: 'BebasNeue', sans-serif;
font-weight: normal;
line-height: 10px;
display: none;
}
.nav_toggle.show i:nth-child(1) {
top: 1px;
transform: translateY(20px) rotate(-45deg);
}
.nav_toggle.show i:nth-child(2) {
top: 18px;
display: none;
}
.nav_toggle.show i:nth-child(3) {
top: 41px;
transform: translateY(-20px) rotate(45deg);
}
.gnav_sp{
overflow: auto;
width: 100%;
height: 100%;
}
.gnav_sp ul{
width: 100%;
max-width: 900px;
padding: 28px 28px 50px;
box-sizing: border-box;
margin: 0 auto;
}
.gnav_sp ul li ul{
width: 100%;
padding:0 0 20px 28px;
box-sizing: border-box;
}
.gnav_sp ul li{
font-size: 20px;
color: #E6D67F;
border-bottom: 1px solid #E6D67F;
}
.gnav_sp ul li ul li {
width: 100%;
}
.gnav_sp ul li ul li:last-child{
border-bottom: none;
}
.gnav_sp ul li a{
font-size: 20px;
color: #E6D67F;
padding: 10px;
display: inline-block;
width: 100%;
box-sizing: border-box;
}
.gnav_sp ul li .no_atag{
font-size: 20px;
color: #E6D67F;
padding: 10px;
display: inline-block;
width: 100%;
box-sizing: border-box;
}
.gnav_sp ul li a.new-window{
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-new-window.svg);
background-repeat: no-repeat;
background-size: 15px;
background-position: center right 5px;
padding-right: 30px;
}
.e_text{
font-family: 'BebasNeue', sans-serif;
font-weight: normal;
font-size: 20px;
}
.main_visual_area{
margin: 0 !important;
}
.main_visual{
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.main_visual .left_box{
width: 1000px;
height: 600px;
background: #333;
}
.main_visual .right_box{
width: calc( 100% - 1000px ) ;
height: 600px;
background: #666;
}
@media only screen and (max-width: 1350px) {
.main_visual .left_box{
width: calc( 100% - 300px ) ;
height: 600px;
background: #333;
}
.main_visual .right_box{
width: 300px;
height: 600px;
background: #666;
}
}
@media only screen and (max-width: 767px) {
.main_visual .left_box{
width: 100%;
height: 430px;
background: #333;
}
.main_visual .right_box{
width: 100%;
height: 600px;
background: #666;
}
}
.main_visual .left_box .swiper-container_main{
width: 100%;
overflow: hidden;
}
.main_visual .left_box .swiper-container_main .swiper-slide a{
position: relative;
width: 100%;
display: block;
}
.main_visual .left_box .swiper-container_main .swiper-slide a::after{
position: absolute;
bottom: 0;
left: 0;
content: "";
background: linear-gradient(rgba(0,0,0,0), #000 ) ;
width: 100%;
height: 40%;
}
.main_visual .left_box .swiper-container_main .swiper-slide a .text_box{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 3;
padding: 0 63px 10px;
box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
.main_visual .left_box .swiper-container_main .swiper-slide a .text_box{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
z-index: 3;
padding: 0 15px 10px;
box-sizing: border-box;
}
}
.main_visual .left_box .swiper-container_main .swiper-slide a .text_box h3{
color: #fff;
margin: 0;
font-size: 24px;
margin-bottom: 5px;
}
.main_visual .left_box .swiper-container_main .swiper-slide a .text_box p{
color: #fff;
margin: 0;
font-size: 16px;
}
.main_visual .left_box .swiper-container_main .main_slide_img_box{
width: 100%;
padding-bottom: 600px;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
@media only screen and (max-width: 767px) {
.main_visual .left_box .swiper-container_main .main_slide_img_box{
width: 100%;
padding-bottom: 430px;
background-position: center !important;
background-repeat: no-repeat !important;
background-size: cover !important;
}
}
.main_visual .left_box .swiper-container_main a .main_slide_img_box{
opacity: 1 !important;
transition-duration: 1.8s;
}
.main_visual .left_box .swiper-container_main a:hover{
opacity: 1 !important;
}
.main_visual .left_box .swiper-container_main a:hover .main_slide_img_box{
opacity: 1 !important;
transform: scale(1.2);
transition-duration: 1.8s;
}
.main_visual .right_box h3{
width: 100%;
height: 60px;
background: #111111;
text-align: center;
line-height: 60px;
font-size: 20px;
color: #fff;
font-family: 'BebasNeue', sans-serif;
margin: 0;
}
.main_visual .right_box .next_match_area{
width: 100%;
height: 420px;
background: #960048 url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/bg_nextmatch.jpg) no-repeat center;
background-size: cover;
}
.main_visual .right_box .next_match_area .inner{
width: 100%;
max-width: 240px;
margin: 0 auto;
}
.main_visual .right_box .next_match_area .inner .gametxt{
text-align: center;
font-size:14px ;
color: #E6D67F;
padding: 20px 5px;
border-bottom: 1px solid #E6D67F;
}
.main_visual .right_box .next_match_area .inner .emblem_box{
margin: 20px 0 0 !important;
}
.main_visual .right_box .next_match_area .inner .emblem_hometeam{
display: table-cell !important;
vertical-align: top !important;
width: 95px;
}
.main_visual .right_box .next_match_area .inner .emblem_hometeam p{
text-align: center;
color: #E6D67F;
margin: 0;
}
.main_visual .right_box .next_match_area .inner .opponent_name{
display: table-cell !important;
vertical-align: middle !important;
text-align: center;
padding: 0 16px;
color: #E6D67F;
font-size: 14px;
font-family: 'Roboto', sans-serif;
font-weight: bold;
}
.main_visual .right_box .next_match_area .inner .emblem_awayteam{
display: table-cell !important;
vertical-align: top !important;
width: 95px;
}
.main_visual .right_box .next_match_area .inner .emblem_awayteam p{
text-align: center;
color: #E6D67F;
margin: 0;
}
.main_visual .right_box .next_match_area .inner .teamname_area{
display: block;
border-bottom: 1px solid #E6D67F;
color: #E6D67F;
margin: 0;
padding: 0 5px 20px 5px;
text-align: center;
}
.main_visual .right_box .next_match_area .inner .teamname_area a{
color: #E6D67F;
padding-left: 10px;
}
.main_visual .right_box .next_match_area .inner .gamedate_area{
padding: 26px 0 20px;
text-align: center;
color: #fff;
font-size: 18px;
font-family: 'RobotoCondensed', sans-serif;
font-weight: bold;
}
.main_visual .right_box .next_match_area .inner .gamedate_area .date{
font-size: 28px;
}
.main_visual .right_box .next_match_area .stadium_area a{
display: block;
width: 80%;
max-width:340px;
background: #111111 url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/area-off.svg) no-repeat center left 15px;
padding: 15px 15px 15px 43px;
color: #E6D67F;
font-size: 14px;
text-align: left;
box-sizing: border-box;
margin: 0 auto;
}
.main_visual .right_box .next_match_btn{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.main_visual .right_box .next_match_btn a{
display: block;
width: 50%;
height: 60px;
background: #111111;
line-height: 60px;
text-align: center;
font-size: 14px;
color: #E6D67F;
}
.main_visual .right_box .next_match_btn a:first-child{
border-right: 1px solid #E6D67F;
box-sizing: border-box;
}
.main_visual .right_box .next_match_btn2 a{
display: block;
width: 100%;
height: 60px;
background: #222 url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/ryuticket.jpg) no-repeat center right calc( 50% + 80px );
padding-left:  calc( 50% - 10px );
line-height: 60px;
text-align: center;
font-size: 14px;
color: #E6D67F;
box-sizing: border-box;
text-align: left;
}
.banner_area{
margin: 0 !important;
padding: 50px 0 10px;
background: #111111;
}
.banner_area .swiper-container2{
position: relative;
padding-bottom: 50px;
}
.banner_area .swiper-container2 img{
width: 100%;
}
.banner_area .swiper-container2 .swiper-pagination-bullet{
background: #E6D67F !important;
opacity: 1;
}
.banner_area .swiper-container2 .swiper-pagination-bullet-active{
background: #960048 !important;
}
.banner_area .swiper-container2 .swiper-button-next{
background: #000 url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/right.svg) no-repeat center;
background-size: 12px;
width: 60px;
height: 60px;
border-radius: 30px;
margin-top: -55px;
}
.banner_area .swiper-container2 .swiper-button-prev{
background: #000 url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/left.svg) no-repeat center;
background-size: 12px;
width: 60px;
height: 60px;
border-radius: 30px;
margin-top: -55px;
}
.match_area{
margin: 0 !important;
background: #EFEFEF url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/bg_result.jpg) no-repeat center;
background-size: cover;
padding: 80px 38px 80px;
}
@media only screen and (max-width: 767px) {
.match_area{
margin: 0 !important;
background: #EFEFEF url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/bg_result.jpg) no-repeat center;
background-size: cover;
padding: 80px 15px 80px;
}
}
.match_area .inner{
width: 100%;
max-width: 720px;
margin: 0 auto;
position: relative;
z-index: 2;
text-align: center;
}
.match_area h3{
color: #fff;
font-size: 32px;
font-family: 'BebasNeue', sans-serif;
margin-bottom: 0 !important;
}
.match_area p.title_text{
color: #fff;
font-size: 14px;
font-family: 'BebasNeue', sans-serif;
margin-top: 0 !important;
margin-bottom: 0;
padding-bottom: 35px;
}
.loopSliderWrap {
top: 0;
left: 0;
height: 160px;
overflow: hidden;
position: absolute;
}
.loopSlider {
margin: 0 auto;
width: 100%;
height: 160px;
text-align: left;
position: relative;
overflow: hidden;
}
.loopSlider ul {
height: 160px;
float: left;
overflow: hidden;
}
.loopSlider ul li {
width: 240px;
height: 160px;
float: left;
display: inline;
overflow: hidden;
}
.loopSlider ul li .img_box{
width: 240px;
height: 160px;
background-position: center !important;
background-size: cover !important;
} .loopSliderWrap:after {
content: "";
display: none;
clear: none;
}
.ryukyutv_area{
margin: 0 !important;
padding: 95px 38px;
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/bg_ryukyutv.jpg) no-repeat center;
background-attachment: fixed;
position: relative;
overflow: hidden;
z-index: 0;
}
@media only screen and (max-width: 767px) {
.ryukyutv_area{
margin: 0 !important;
padding: 95px 38px;
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/bg_ryukyutv.jpg) no-repeat center;
background-attachment:inherit;
position: relative;
overflow: hidden;
z-index: 0;
}
}
.ryukyutv_area::after{
position: absolute;
content: "";
top:0;
left: 0;
display: block;
background-color:rgba(0,0,0,0.8);
width: 100%;
height: 1000px;
z-index: 0;
}
.ryukyutv_area .inner{
width: 100%;
max-width: 720px;
margin: 0 auto;
position: relative;
z-index: 2;
text-align: center;
}
.ryukyutv_area h3{
color: #E6D67F;
font-size: 32px;
font-family: 'BebasNeue', sans-serif;
margin-bottom: 0 !important;
}
.ryukyutv_area h3 span{
color: #fff;
}
.ryukyutv_area p.title_text{
color: #960048;
font-size: 14px;
font-family: 'BebasNeue', sans-serif;
margin-top: 0 !important;
padding-bottom: 35px;
}
.ryukyutv_area .YouTube_area{
width: 100%;
max-width: 718px;
margin: 0 auto;
}
.ryukyutv_area .YouTube_area .YouTube_box{
width: 100%;
position: relative;
padding-top: 56.25%;
margin-bottom: 20px;
z-index: 100 !important;
}
.ryukyutv_area .YouTube_area .YouTube_box iframe {
position: absolute;
z-index: 100 !important;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
.ryukyutv_area .text_area{
position: relative;
z-index: 100;
text-align: center;
}
.ryukyutv_area .text_area p{
font-size: 14px;
color: #fff;
text-align: center;
margin: 0;
}
.ryukyutv_area .text_area p.yellow_text{
font-size: 12px;
color: #E6D67F;
}
.ryukyutv_area .btn_area{
margin-top: 26px;
}
.ryukyutv_area .btn_area img{
width: 100%;
max-width: 330px;
}
.ranking_area{
background: #960048;
padding: 30px 38px 30px;
margin: 0;
}
.ranking_area .inner{
width: 100%;
max-width: 938px;
margin: 0 auto;
}
.ranking_area h3{
color: #fff;
font-size: 32px;
font-family: 'BebasNeue', sans-serif;
margin-bottom: 0 !important;
text-align: center;
}
.ranking_area p.title_text {
color: #fff;
font-size: 14px;
font-family: 'BebasNeue', sans-serif;
margin-top: 0 !important;
padding-bottom: 35px;
text-align: center;
}
.ranking_area p.title_text {
color: #fff;
font-size: 14px;
font-family: 'BebasNeue', sans-serif;
margin-top: 0 !important;
padding-bottom: 0;
text-align: center;
}
.ranking_area .ranking_box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.ranking_area .ranking_box .left_box{
width: 300px;
}
.ranking_area .ranking_box .center_box{
width: calc( 100% - 600px ) ;
border-bottom: 1px solid #D2C274;
border-top: 1px solid #D2C274;
}
.ranking_area .ranking_box .right_box{
width: 300px;
}
@media print, screen and (max-width: 992px) {
.ranking_area .ranking_box .left_box{
width: 100%;
padding-bottom: 10px;
}
.ranking_area .ranking_box .center_box{
width: 100%;
border-bottom: 1px solid #D2C274;
border-top: 1px solid #D2C274;
margin-bottom: 10px;
}
.ranking_area .ranking_box .right_box{
width: 100%;
}
}
.ranking_area .btn_area a{
width: 160px;
height: 40px;
line-height: 40px;
text-align: center;
background: #111111;
color: #fff;
display: block;
margin: 15px auto 0;
font-size: 14px;
}
.whats_new_area{
background: #EFEFEF;
padding: 80px 15px 120px;
margin: 0;
}
.whats_new_area .inner{
width: 100%;
max-width: 938px;
margin: 0 auto;
}
.whats_new_area h3{
color: #960048;
font-size: 32px;
font-family: 'BebasNeue', sans-serif;
margin-bottom: 0 !important;
text-align: center;
}
.whats_new_area p.title_text {
color: #111111;
font-size: 14px;
font-family: 'BebasNeue', sans-serif;
margin-top: 0 !important;
padding-bottom: 35px;
text-align: center;
}
.whats_new_area .split3 .x2{
width: 100% !important;
margin: 0;
}
.whats_new_area .latestnews {
border: none !important;
margin: 0;
background: none;
}
.whats_new_area .latestnews .detail{
margin: 0;
}
.whats_new_area .parent-tab-button ul{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.whats_new_area .parent-tab-button ul li{
width: 11.11%;
}
@media print, screen and (max-width: 992px) {
.whats_new_area .parent-tab-button ul li{
width: 33.33%;
}
}
.whats_new_area .parent-tab-button ul li a{
color: #960048;
background: #fff;
font-size: 22px;
font-family: 'BebasNeue', sans-serif;
margin-bottom: 0 !important;
text-align: center;
height: 50px;
line-height: 50px;
padding: 0;
}
.whats_new_area .parent-tab-button ul li a:hover{
color:#fff;
background: #960048;
}
.whats_new_area .parent-tab-button ul li.active a{
color:#fff !important;
background: #960048 !important;
position: relative;
}
.whats_new_area .parent-tab-button ul li.active a:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left: -8px;
border: 8px solid transparent;
border-top: 11px solid #960048;
}
.whats_new_area .newsdetail{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 10px;
border-bottom: 1px solid #fff;
padding-bottom: 50px;
}
.whats_new_area .newsdetail::before {
width:calc( 25% - 10px ) ;
content: "";
display: block;
order: 1;
}
.whats_new_area .newsdetail::after {
width:calc( 25% - 10px ) ;
content: "";
display: block;
}
.whats_new_area .newsdetail .newslist{
width: calc( 25% - 10px ) ;
box-sizing: border-box;
background: #fff;
margin-bottom: 10px;
position: relative;
}
.whats_new_area .newsdetail .newslist:nth-child(9) {
display: none !important;
}
.whats_new_area .newsdetail .newslist:nth-child(10) {
display: none !important;
}
@media print, screen and (max-width: 992px) {
.whats_new_area .newsdetail::before {
width:calc( 50% - 10px ) ;
content: "";
display: block;
order: 1;
}
.whats_new_area .newsdetail::after {
width:calc( 50% - 10px ) ;
content: "";
display: block;
}
.whats_new_area .newsdetail .newslist{
width: calc( 50% - 10px ) ;
box-sizing: border-box;
background: #fff;
margin-bottom: 10px;
}
}
.whats_new_area .newsdetail .newslist .text_box{
padding: 25px 14px 55px;
}
.whats_new_area .newsdetail .newslist .img_box{
width: 100%;
padding-bottom: 66.6%;
background: #333;
background-size: cover !important;
background-position: center;
}
.whats_new_area .newsdetail .newslist .text_box .blog-category{
width: 100%;
background: #fff !important;
color: #960048 !important;
padding-bottom: 10px;
}
.whats_new_area .newsdetail .newslist .text_box .blog-category a{
width: 100%;
background: #fff !important;
color: #960048 !important;
display: block;
text-align: left;
padding: 0 17px;
box-sizing: border-box;
position: relative;
}
.whats_new_area .newsdetail .newslist .text_box .blog-category a::before{
content: "";
position: absolute;
left: 0;
width: 0;
height: 0;
margin: auto;
top: 0;
border-style: solid;
border-color: #960048 transparent transparent transparent;
border-width: 10px 10px 0 0;
}
.whats_new_area .newsdetail .newslist .text_box a{
color: #222222 !important;
font-size:14px;
}
.whats_new_area .newsdetail .newslist .d_text{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: right;
padding: 0 14px 25px;
box-sizing: border-box;
}
.whats_new_area .btn_area{
text-align: center;
margin-top: -20px;
}
.whats_new_area .btn_area .btn_area_inner {
width: 280px;
margin: 0 auto;
background: #EFEFEF;
}
.whats_new_area .btn_area a {
width: 258px;
height: 40px;
line-height: 40px;
text-align: center;
background: #111111 ;
color: #fff;
display: block;
margin: 0 auto;
font-size: 14px;
}
.pick_up_members_area{
padding: 90px 38px 90px;
margin: 0;
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/bg_members.jpg) no-repeat center;
}
.pick_up_members_area .inner{
width: 100%;
max-width: 938px;
margin: 0 auto;
}
.pick_up_members_area h3{
color: #fff;
font-size: 32px;
font-family: 'BebasNeue', sans-serif;
margin-bottom: 0 !important;
text-align: center;
}
.pick_up_members_area .swiper-container3{
overflow: hidden;
margin: 30px 0 30px;
position: relative;
}
.pick_up_members_area .swiper-container3 .swiper-wrapper{
}
.pick_up_members_area .swiper-container3 .swiper-button-next{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/right.svg) no-repeat center;
}
.pick_up_members_area .swiper-container3 .swiper-button-prev{
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/left.svg) no-repeat center;
}
.pick_up_members_area .swiper-container3 p{
color: #fff;
}
.pick_up_members_area .btn_area{
position: relative;
}
.pick_up_members_area .btn_area::after{
position: absolute;
content: "";
width: calc( 50% - 160px );
height: 1px;
background: #fff;
top:20px;
left: 0;
}
.pick_up_members_area .btn_area::before{
position: absolute;
content: "";
width: calc( 50% - 160px );
height: 1px;
background: #fff;
top:20px;
right: 0;
}
.pick_up_members_area .btn_area a{
width: 258px;
height: 40px;
line-height: 40px;
text-align: center;
background: #111111;
background-position: center right 40px;
background-size: 14px;
color: #fff;
display: block;
margin: 0 auto;
font-size: 14px !important;
}
.schedule_area{
background: #fff;
padding: 30px 38px 30px;
margin: 0;
}
.schedule_area .inner{
width: 100%;
max-width: 938px;
margin: 0 auto;
}
.schedule_area h3{
color: #960048;
font-size: 32px;
font-family: 'BebasNeue', sans-serif;
margin-bottom: 0 !important;
text-align: center;
}
.schedule_area .schedule_box {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.schedule_area .schedule_box .left_box{
width: 100px;
padding-top: 4px;
}
.schedule_area .schedule_box .center_box{
width: calc( 100% - 300px ) ;
padding-top: 10px;
}
.schedule_area .schedule_box .right_box{
width: 120px;
}
@media print, screen and (max-width: 992px) {
.schedule_area .schedule_box .left_box{
width: 100%;
padding-top: 4px;
}
.schedule_area .schedule_box .center_box{
width: 100%;
padding-top: 10px;
}
.schedule_area .schedule_box .right_box{
width: 100%;
padding-top: 30px;
padding-bottom: 30px;
}
}
.schedule_area .btn_area a{
width: 100%;
max-width: 160px;
height: 40px;
line-height: 40px;
text-align: center;
background: #111111;
color: #fff;
display: block;
margin: 2px auto 0;
font-size: 14px;
}
.schedule_area .schedule_box .center_box a p{
font-size: 16px;
color: #960048 !important;
}
.schedule_area .schedule_box .center_box .date_today{
font-family: 'BebasNeue', sans-serif;
color: #111111 !important;
}
.goods_area{
margin: 0;
padding: 90px 38px 100px;
background: #EFEFEF;
}
.goods_area .inner{
width: 100%;
max-width: 940px;
margin: 0 auto;
position: relative;
z-index: 2;
text-align: center;
border-bottom: 1px solid #fff;
}
.goods_area h3{
color: #960048;
font-size: 32px;
font-family: 'BebasNeue', sans-serif;
margin-bottom: 0 !important;
}
.goods_area p.title_text{
color: #111111;
font-size: 14px;
font-family: 'BebasNeue', sans-serif;
margin-top: 0 !important;
margin-bottom: 0;
padding-bottom: 35px;
}
@media only screen and (max-width: 767px) {
.goods_area .columnBox{
flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ) !important;
max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ) !important;
margin-bottom: 20px;
}
.goods_area .columnBox:nth-of-type(n+2) {
margin-top: 0 !important;
}
}
.goods_area .columnBox .img_box{
width: 100%;
padding-bottom: 100%;
background: #eee;
position: relative;
box-sizing: border-box;
margin-bottom: 10px;
}
.goods_area .columnBox .img_box img{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
object-fit: cover;
font-family: 'object-fit: cover;';
}
.goods_area .columnBox p{
text-align: left;
}
.goods_area .btn_area{
text-align: center;
margin-bottom: -20px;
}
.goods_area .btn_area .btn_area_inner{
width: 280px;
margin: 0 auto;
background: #EFEFEF;
}
.goods_area .btn_area a{
width: 258px;
height: 40px;
line-height: 40px;
text-align: center;
background: #111111 url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-new-window.webp) no-repeat;
background-position: center right 40px;
background-size: 14px;
color: #fff;
display: block;
margin: 0 auto;
font-size: 14px;
}   .column2Wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 40px; }
.column2Wrap .columnBox {
flex-basis: 100%;
margin-top: 0; }
.column2Wrap .columnBox:nth-of-type(n + 2) {
margin-top: 20px; }
.column2Wrap.sp140 .columnBox {
flex-basis: 100%;
max-width: 100%; }
.column2Wrap.sp140 .columnBox:nth-of-type(n + 2) {
margin-top: 20px; }
.column3Wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 40px; }
.column3Wrap .columnBox {
flex-basis: 100%;
max-width: 100%; }
.column3Wrap .columnBox img {
width: 100%;
max-width: 100%; }
.column3Wrap .columnBox p:last-child {
margin-bottom: 0; }
.column3Wrap .columnBox:nth-of-type(n + 2) {
margin-top: 20px; }
.column4Wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 40px; }
.column4Wrap .columnBox {
flex-basis: 100%; }
.column4Wrap .columnBox:nth-of-type(n + 2) {
margin-top: 20px; }
.column4Wrap .columnBox img {
width: 100%; }
.column6Wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between; }
.column6Wrap .columnBox {
flex-basis: calc( 50% - 5px );
max-width: calc( 50% - 5px ); }
.column6Wrap .columnBox:nth-of-type(n + 3) {
margin-top: 20px; }
.column2_3_3 .columnBox {
flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 );
max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }
.column2_3_3 .columnBox:nth-of-type(2) {
margin-top: 0; }
.column2_3_3 .columnBox:nth-of-type(n + 3) {
margin-top: 20px; }
.column2_4_4 .columnBox {
flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 );
max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }
.column2_4_4 .columnBox:nth-of-type(-n+2) {
margin-top: 0; }
.columnBox {
overflow: hidden; }
.columnBox img {
align-self: baseline;
max-width: 100%; }
.columnBox p:last-of-type {
margin: 0; }
.borderBox .columnBox {
padding: 15px 20px;
border: 1px solid #eee;
overflow: visible; }
.borderBox .columnBox + .borderNone {
border: none; }
@media print, screen and (min-width: 768px) {
.column2Wrap .columnBox {
flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 );
max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }
.column2Wrap .columnBox p:last-of-type {
margin-bottom: 0; }
.column2Wrap .columnBox:nth-of-type(n + 2) {
margin-top: 0; }
.column2Wrap .columnBox:nth-of-type(n + 3) {
margin-top: 20px; }
.column2Wrap.sp3_7 .columnBox:nth-of-type(odd) {
flex-basis: 300px;
max-width: 300px; }
.column2Wrap.sp3_7 .columnBox:nth-of-type(even) {
flex-basis: calc( 100% - 320px );
max-width: calc( 100% - 320px ); }
.column2Wrap.sp7_3 .columnBox:nth-of-type(odd) {
flex-basis: calc( 100% - 320px );
max-width: calc( 100% - 320px ); }
.column2Wrap.sp7_3 .columnBox:nth-of-type(even) {
flex-basis: 300px;
max-width: 300px; }
.column2Wrap.sp140 .columnBox:nth-of-type(-n + 2) {
margin-top: 0; }
.column2Wrap.sp140 .columnBox:nth-of-type(n + 3) {
margin-top: 20px; }
.column2Wrap.sp140 .columnBox:nth-of-type(odd) {
flex-basis: 140px;
max-width: 140px; }
.column2Wrap.sp140 .columnBox:nth-of-type(even) {
flex-basis: calc( 100% - 160px );
max-width: calc( 100% - 160px ); }
.column2Wrap.sp250 .columnBox:nth-of-type(odd) {
flex-basis: 250px;
max-width: 250px; }
.column2Wrap.sp250 .columnBox:nth-of-type(even) {
flex-basis: calc( 100% - 270px );
max-width: calc( 100% - 270px ); }
.column2Wrap.sp250 .columnBox:nth-of-type(n + 2) {
margin-top: 0; }
.column2Wrap.sp250 .columnBox:nth-of-type(n + 3) {
margin-top: 0; }
.column2Wrap .column2Wrap .columnBox {
flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 );
max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }
.column3Wrap .columnBox {
flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 );
max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }
.column3Wrap .columnBox:nth-of-type(n + 2) {
margin-top: 0; }
.column3Wrap .columnBox:nth-of-type(n + 3) {
margin-top: 20px; }
.column4Wrap {
position: relative; }
.column4Wrap .columnBox {
flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 );
max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }
.column4Wrap .columnBox p:last-child {
margin-bottom: 0; }
.column4Wrap .columnBox:nth-of-type(n + 2) {
margin-top: 0; }
.column4Wrap .columnBox:nth-of-type(n + 3) {
margin-top: 20px; }
.column6Wrap {
display: flex;
flex-wrap: wrap;
justify-content: flex-start; }
.column6Wrap .columnBox {
flex-basis: calc( (100% - 50px) / 6);
max-width: calc( (100% - 50px) / 6);
margin-right: 10px; }
.column6Wrap .columnBox:last-of-type {
margin-right: 0; }
.column6Wrap .columnBox:nth-of-type(n + 3) {
margin-top: 0; }
.column6Wrap .columnBox:nth-of-type(n + 4) {
margin-top: 0; }
.column1_1_2 .columnBox {
flex-basis: 100%;
max-width: 100%; }
.column1_1_2 .columnBox:nth-of-type(n + 2) {
margin-top: 20px; }
.column1_2_3 .columnBox {
flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 );
max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }
.column1_3_3:after {
content: "";
display: block;
width: calc( ( 100% - ( 30px * ( 4 - 1) ) ) / 4 ); }
.column1_3_3 .columnBox {
flex-basis: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 );
max-width: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 ); }
.column1_3_3 .columnBox:nth-of-type(n + 2) {
margin-top: 0; }
.column1_3_3 .columnBox:nth-of-type(n + 4) {
margin-top: 20px; }
.column2_3_3:after {
content: "";
display: block;
width: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 ); }
.column2_3_3 .columnBox {
flex-basis: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 );
max-width: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 ); }
.column2_3_3 .columnBox:nth-of-type(n + 3) {
margin-top: 0; }
.column2_3_3 .columnBox:nth-of-type(n + 4) {
margin-top: 20px; }
.column2_4_4:after {
width: calc( ( 100% - ( 30px * ( 4 - 1) ) ) / 4 );
content: "";
display: block; }
.column2_4_4:before {
width: calc( ( 100% - ( 30px * ( 4 - 1) ) ) / 4 );
content: "";
display: block;
order: 1; }
.column2_4_4 .columnBox {
flex-basis: calc( ( 100% - ( 30px * ( 4 - 1) ) ) / 4 );
max-width: calc( ( 100% - ( 30px * ( 4 - 1) ) ) / 4 ); }
.column2_4_4 .columnBox:nth-of-type(-n+4) {
margin-top: 0; } }
@media print, screen and (min-width: 992px) {
.column2Wrap.lp3_7 .columnBox:first-of-type {
flex-basis: 300px;
max-width: 300px; }
.column2Wrap.lp3_7 .columnBox:last-of-type {
flex-basis: calc( 100% - 320px );
max-width: calc( 100% - 320px ); }
.column2Wrap.lp7_3 .columnBox:first-of-type {
flex-basis: calc( 100% - 320px );
max-width: calc( 100% - 320px ); }
.column2Wrap.lp7_3 .columnBox:last-of-type {
flex-basis: 300px;
max-width: 300px; }
.column3Wrap:after {
content: "";
display: block;
width: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 ); }
.column3Wrap .columnBox {
flex-basis: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 );
max-width: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 ); }
.column3Wrap .columnBox:nth-of-type(-n + 3) {
margin-top: 0; }
.column3Wrap .columnBox:nth-of-type(n + 4) {
margin-top: 20px; }
.column4Wrap {
position: relative; }
.column4Wrap:after {
width: calc( ( 100% - ( 30px * ( 4 - 1) ) ) / 4 );
content: "";
display: block; }
.column4Wrap:before {
width: calc( ( 100% - ( 30px * ( 4 - 1) ) ) / 4 );
content: "";
display: block;
order: 1; }
.column4Wrap .columnBox {
flex-basis: calc( ( 100% - ( 30px * ( 4 - 1) ) ) / 4 );
max-width: calc( ( 100% - ( 30px * ( 4 - 1) ) ) / 4 ); }
.column4Wrap .columnBox:nth-of-type(n + 3) {
margin-top: inherit; }
.column4Wrap .columnBox:nth-of-type(n + 5) {
margin-top: 20px; }
.column1_1_2 .columnBox {
flex-basis: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 );
max-width: calc( ( 100% - ( 30px * ( 2 - 1) ) ) / 2 ); }
.column1_1_2 .columnBox:nth-of-type(-n + 2) {
margin-top: 0; }
.column1_2_3 .columnBox {
flex-basis: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 );
max-width: calc( ( 100% - ( 30px * ( 3 - 1) ) ) / 3 ); } }
.match_area #API_MR_JURL a{
width: 100%;
max-width: 258px;
height: 40px;
line-height: 40px;
text-align: center;
background: #111111;
color: #fff;
display: block;
margin: 0 auto;
font-size: 14px;
}
.match_area .mr_situation_area {
display: inline-block;
margin: 0 auto 10px;
font-size: 14px;
background: #E6D67F;
color: #A88029;
width: 100%;
padding: 5px;
max-width: 116px;
text-align: center;
}
.match_area table{
display: table-cell !important;
}
.match_area table tr td{
border: none !important;
color: #fff;
font-family: 'Roboto', sans-serif;
max-width: 100% !important;
}
.match_area table tr td.score_r{
font-size: 90px;
font-weight: bold;
}
.match_area table tr td.score_o{
font-size: 90px;
font-weight: bold;
}
.ranking_area ul li{
display: none;
}
.ranking_area ul li.ryukyu{
display: block;
color: #D2C274;
}
.ranking_area ul li.ryukyu a{
color: #D2C274;
display: block;
padding: 15px 0;
width: 100%;
font-size: 28px;
font-weight: bold;
font-family: 'RobotoCondensed-Italic';
font-style:italic;
}
.ranking_area ul li.ryukyu a .figure{
padding-left: 28px;
padding-right: 18px;
}
.ranking_area ul li.ryukyu a .figure::after{
content: "位";
font-size: 16px;
margin-left: 5px;
}
.ranking_area ul li.ryukyu a .goaldifference{
float: right;
}
.ranking_area ul li.ryukyu a .goaldifference::before{
content: "勝点";
font-size: 16px;
margin-right: 5px;
}
.score_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
max-width: 500px;
margin: 0 auto;
}
.score_box .emblem_hometeam{
width: 120px;
}
.score_box .score_r{
width: 108px;
color: #fff;
font-size: 91px;
font-family: 'RobotoCondensed', sans-serif;
}
.score_box .center_box{
width: 40px;
color: #fff;
font-size: 16px;
font-family: 'RobotoCondensed', sans-serif;
padding-top: 31px;
}
.score_box .center_box span{
margin: 0 0 10px;
display: inline-block;
}
.score_box .score_o{
width: 108px;
color: #fff;
font-size: 91px;
font-family: 'RobotoCondensed', sans-serif;
}
.score_box .emblem_awayteam{
width: 120px;
}
@media print, screen and (max-width: 767px) {
.score_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
max-width: 345px;
margin: 0 auto;
}
.score_box .emblem_hometeam{
width: 80px;
}
.score_box .score_r{
width: 70px;
color: #fff;
font-size: 61px;
font-family: 'RobotoCondensed', sans-serif;
}
.score_box .center_box{
width: 40px;
color: #fff;
font-size: 16px;
font-family: 'RobotoCondensed', sans-serif;
padding-top: 12px;
}
.score_box .center_box span{
margin: 0 0 10px;
display: inline-block;
}
.score_box .score_o{
width: 70px;
color: #fff;
font-size: 61px;
font-family: 'RobotoCondensed', sans-serif;
}
.score_box .emblem_awayteam{
width: 80px;
}
}
@media print, screen and (max-width: 500px) {
.score_box{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
max-width: 345px;
margin: 0 auto;
}
.score_box .emblem_hometeam{
width: 30%;
}
.score_box .score_r{
width: 15%;
color: #fff;
font-size: 61px;
font-family: 'RobotoCondensed', sans-serif;
}
.score_box .center_box{
width: 10%;
color: #fff;
font-size: 16px;
font-family: 'RobotoCondensed', sans-serif;
padding-top: 12px;
}
.score_box .center_box span{
margin: 0 0 10px;
display: inline-block;
}
.score_box .score_o{
width: 15%;
color: #fff;
font-size: 61px;
font-family: 'RobotoCondensed', sans-serif;
}
.score_box .emblem_awayteam{
width: 30%;
}
}
.score_detail_text p{
color: #fff;
font-size: 16px;
}
.opponent_text{
color: #E6D67F;
font-size: 14px;
}
.opponent_text span{
padding-left: 24px;
}
.opponent_text span a{
color: #fff;
font-size: 14px;
}
.opponent_text span.tn_ryukyu{
display: none;
}
.main_ph_area{
border: 1px solid #e0cd76 !important;
} .archive .newsdetail{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding-top: 10px;
border-bottom: 1px solid #fff;
padding-bottom: 50px;
}
.archive .newsdetail::before {
width:calc( 50% - 10px ) ;
content: "";
display: block;
order: 1;
}
.archive .newsdetail::after {
width:calc( 50% - 10px ) ;
content: "";
display: block;
}
.archive .newsdetail .newslist{
width: calc( 50% - 10px ) ;
box-sizing: border-box;
background: #fff;
margin-bottom: 10px;
position: relative;
}
@media print, screen and (max-width: 992px) {
.archive .newsdetail::before {
width:calc( 50% - 10px ) ;
content: "";
display: block;
order: 1;
}
.archive .newsdetail::after {
width:calc( 50% - 10px ) ;
content: "";
display: block;
}
.archive .newsdetail .newslist{
width: calc( 50% - 10px ) ;
box-sizing: border-box;
background: #fff;
margin-bottom: 10px;
}
}
.archive .newsdetail .newslist .text_box{
padding: 25px 14px 55px;
}
.archive .newsdetail .newslist .img_box{
width: 100%;
padding-bottom: 66.6%;
background: #333;
background-size: cover !important;
background-position: center;
}
.newsdetail .newslist .text_box .blog-category{
width: 100%;
background: #fff !important;
color: #960048 !important;
padding-bottom: 10px;
}
.archive .newsdetail .newslist .text_box .blog-category a{
width: 100%;
background: #fff !important;
color: #960048 !important;
display: block;
text-align: left;
padding: 0 17px;
box-sizing: border-box;
position: relative;
}
.archive .newsdetail .newslist .text_box .blog-category a::before{
content: "";
position: absolute;
left: 0;
width: 0;
height: 0;
margin: auto;
top: 0;
border-style: solid;
border-color: #960048 transparent transparent transparent;
border-width: 10px 10px 0 0;
}
.archive .newsdetail .newslist .text_box a{
color: #222222 !important;
font-size:14px;
}
.archive .newsdetail .newslist .d_text{
position: absolute;
bottom: 0;
left: 0;
width: 100%;
text-align: right;
padding: 0 14px 25px;
box-sizing: border-box;
}
.archive .btn_area .btn_area_inner {
display: none;
}
.archive .btn_area .btn_area_inner {
display: none;
}
.parent-table-cell .split3 .part{
padding-left: 10px;
}
.parent-table-cell .date{
padding-right: 11px;
}
  li img,
p img,
iframe,
input[type="image"] {
padding: 0;
max-width: 100%;
}
#home .games .show_on {
display: table-cell;
}
#home .games .show_off {
display: none;
}  @media only screen and (min-width: 1150px) {
.wrap {
width: 940px;
}
}
@media only screen and (max-width: 1150px) {     body {
background: none;
}
header {
height: 60px;
overflow: visible;
width: 100%;
}
#home .wrap {
width: auto;
margin: 0 20px;
}
header .wrap {
margin: 0 5px;
width: auto;
}
header .header_emblem {
display: none;
}
header .wrap .logo-nav {
left: 0;
}
header .wrap .logo-nav ul {
display: inline-block;
}
header .wrap .logo-nav ul li {
display: inline-block;
}
header .wrap .logo-nav ul li img {
height: 38px;
}
header .logo_box {
transform-origin: center center;
width: auto;
font-size: 18px;
font-weight: bold;
letter-spacing: 0.5px;
}
header .header_logo {
top: -50;
height: 50px;
padding: 5px 0 0 5px;
}
header .logo_box .header_sitename {
display: none;
}
header .logo_box .header_sitename_txt {
display: inline-block;
line-height: 2.5;
}
header .logo_box .logo_okinawa {
display: none;
}
header .topmenu .nav-list ul a {
padding: 10px;
}
.parent-popup-content .wrap {
width: 630px;
}
.parent-main-sub .main {
margin: 0 30px 0 0;
width: 530px;
}
.parent-main-sub .sub {
width: 180px;
}
footer .links {
width: 100%;
}
.links.wrap.split5 .part {
padding: 0 5px;
}  body .scroll-effect,
body .parent-scroll-effect.list > *,
body .scroll-effect.customize-body {
transition-delay: 0s;
}
.customize.parent-table-cell,
.customize.parent-table-cell > * {
display: block;
}
.customize.parent-table-cell > * {
padding: 0;
width: auto;
}
.customize-title {
margin-bottom: 80px;
text-align: center;
}
.customize-title * {
text-align: center;
}
.customize-title h3 {
margin: 0 auto 15px auto;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
} #schedule .en_bold,
.en_bold,
.page_title,
.resultlist td,
.supportmachine_page h3.family_circle {
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3",
"Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, Arial,
sans-serif;
}
#ranking .resultlist td {
font-family: Impact, Charcoal;
}  .detailbody .box {
padding: 10px 20px 50px;
} .detailbody .pagecategorynav {
border-bottom: 1px solid #fff;
margin-bottom: 3px;
}
.detailbody .pagecategorynav li {
width: 49.8%;
float: left;
line-height: 3em;
border-bottom: 1px solid #fff;
margin-bottom: -1px;
}
.detailbody .pagecategorynav li:nth-child(odd) {
border-right: 1px solid #fff;
}
.detailbody .pagecategorynav li a {
display: block;
} #news .detailbody .box h1 .txt_jp {
font-size: 1rem;
}
#news .detailbody .box h1 {
font-size: 26px;
}
#news .box .newsdetail .wrap {
width: 100%;
margin: 0 auto;
} .resultlist td {
font-size: 1.2rem;
}
#ranking .resultlist td {
font-size: 1.6rem;
}
.resultlist .sec,
.resultlist .oppo_name,
.resultlist .stadium {
font-size: 0.8rem;
}
#ranking .resultlist .oppo_name {
font-size: 1.1rem;
letter-spacing: 0;
}
.resultlist .stadium_mark .mark_home,
.resultlist .stadium_mark .mark_away {
font-size: 0.8rem;
letter-spacing: 0;
}
.resultlist .game_week {
width: 10%;
}
#result .resultlist .scoreicon {
font-size: 1.4rem;
line-height: 0;
vertical-align: 0;
} .profile .detail .sideR {
display: none;
}
.profile .split3 .part {
width: calc(100% / 2 - 7px * 2);
}
.profile .box_ph img {
left: -40px;
width: 220px;
clip: rect(0px 181px 210px 0);
}
.profile .box_txt p {
padding-left: 134px;
} #schedule .schedulelist td.category {
width: 20%;
} .howtoapply .flow .sideL .title,
.howtoapply .flow .sideR .title {
font-size: 1.5rem;
}
.howtoapply p {
margin-top: 10px;
}
.howtoapply .btn_dl {
margin: 50px auto;
} .toggle-button {
text-align: right;
background: #be003c url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/btn_toggle_forsp.webp) no-repeat 99%
center;
color: #fff;
border: none;
margin-bottom: 5px;
padding: 10px 30px;
background-size: 22px;
}
.toggle-button.active,
.toggle-button:hover {
background-color: #750707;
}
}
@media only screen and (max-width: 1050px) {
#home .box_title_red .title {
font-size: 2em;
}
#home .games .nextgame {
text-align: center;
width: 38%;
padding-right: 20px;
}
#home .gameresult .detail,
#home .gameresult .ranking {
padding: 10px;
width: 50%;
}
#home .gameresult .ranking .notes {
font-size: 1rem;
line-height: 1.2;
}
#home .gameresult .ranking .ranking_eng {
font-size: 2rem;
}
#home .bn_sche .centerbnbox {
width: 66%;
padding-right: 2vw;
}
#home .bn_sche .centerbnbox .bn_left {
margin: 0 0 10px;
}
#home .bn_sche .centerbnbox img {
width: 100%;
}
#home .bn_sche .latestschedule {
padding: 15px;
vertical-align: top;
}
#home .movie_subslide .sub_slide {
width: 69%;
padding-left: 20px;
}
#home .movie_subslide .sub_slide img {
width: 600px;
}
#home .movie_subslide .sub_slide .box_title_red {
padding: 5px 10px;
}
#home .latestnews .detail .parent-tab-button {
display: none;
}
#home .linkbox .box_title {
transform: rotate(0deg);
position: static;
width: auto;
}
#home .split3 .part.linkbox .bnlist {
width: 100%;
} .gameresult .txt table td {
font-size: 1.2rem;
}
.score table .score_num {
font-size: 5rem;
line-height: 1.5;
}
.match_result_box .match_detail h3 {
font-size: 1.2rem;
}
.match_result_box .match_detail h3 .txt_jp {
font-size: 0.8rem;
}
#result .condition li,
#result .match_detail table td,
#result .match_detail .center table th {
font-size: 1rem;
} #result .match_title {
margin: 0 0 10px;
}
#result .match_title .logo {
width: 120px;
padding: 0 0;
border-right: none;
}
.match_title .txt {
font-size: 120%;
margin: 0 0 0 10px;
}
}
@media only screen and (min-width: 769px) {
.drawr {
display: none;
} #ranking .resultlist .oppo_name_s {
display: none !important;
}
.gameresult .txt .team_name_s {
display: none !important;
}
#home .bn_sche .centerbn_only-sp {
display: none;
}
}
@media only screen and (max-width: 768px) {  .breadcrumb {
display: none;
}  footer .links h2,
footer .links h2 a {
margin: 10px 0 3px;
}
.contents {
padding: 0;
}
.main {
margin: 0 0 20px 0;
}
.sub {
margin: 0 0 20px 0;
}
.parent-popup-content .wrap {
width: 600px;
}
.parent-main-sub .main,
.parent-main-sub .sub {
margin: 0;
width: auto;
float: none;
overflow: hidden;
}
.parent-main-sub .main {
margin: 0 30px 0 0;
width: 530px;
}
.parent-main-sub .sub {
width: 180px;
}
.detailbody .box {
padding: 10px !important;
}
select[size]:not([size="1"]),
select[multiple] {
padding: 15px 20px;
}
optgroup {
text-indent: 0;
}
.split2 .part,
.split3 .part,
.split4 .part,
.split5 .part,
.split6 .part {
margin: 5px;
}
.split2 .part {
width: calc(100% / 2 - (5px * 2));
}
.split2 .x2 {
width: calc(100% / 2 * 2 - (5px * 2));
}
.split3 .part {
width: calc(100% / 3 - (5px * 2));
}
.split3 .x2 {
width: calc(100% / 3 * 2 - (5px * 2));
}
.split3 .x3 {
width: calc(100% / 3 * 3 - (5px * 2));
}
.split4 .part {
width: calc(100% / 4 - (5px * 2));
}
.split4 .x2 {
width: calc(100% / 4 * 2 - (5px * 2));
}
.split4 .x3 {
width: calc(100% / 4 * 3 - (5px * 2));
}
.split4 .x4 {
width: calc(100% / 4 * 4 - (5px * 2));
}
.split5 .part {
width: calc(100% / 5 - (5px * 2));
}
.split5 .x2 {
width: calc(100% / 5 * 2 - (5px * 2));
}
.split5 .x3 {
width: calc(100% / 5 * 3 - (5px * 2));
}
.split5 .x4 {
width: calc(100% / 5 * 4 - (5px * 2));
}
.split5 .x5 {
width: calc(100% / 5 * 5 - (5px * 2));
}
.split6 .part {
width: calc(100% / 6 - (5px * 2));
}
.split6 .x2 {
width: calc(100% / 6 * 2 - (5px * 2));
}
.split6 .x3 {
width: calc(100% / 6 * 3 - (5px * 2));
}
.split6 .x4 {
width: calc(100% / 6 * 4 - (5px * 2));
}
.split6 .x5 {
width: calc(100% / 6 * 5 - (5px * 2));
}
.split6 .x6 {
width: calc(100% / 6 * 6 - (5px * 2));
}  :root {
font-size: 12px;
}
html {
font-size: 12px;
}
h1 {
font-size: 24px;
}
h2 {
font-size: 20px;
}
h3 {
font-size: 20px;
}
h4 {
font-size: 18px;
}
h5 {
font-size: 16px;
}
h6 {
font-size: 14px;
}
.main-visual .logo {
font-size: 36px;
}
.page-title h1 {
font-size: 18px;
}
.breadcrumb,
.jleague_header {
display: none;
}  body .contents {
margin: 70px 0 0 0;
padding: 0;
}
header .wrap,
header .global-nav-button,
header .topmenu .nav-list {
margin: 0;
position: static;
width: 100%;
}
header .wrap .topmenu {
display: none;
}
header .topmenu .global-nav-button,
header .topmenu .nav-list {
transform-origin: center center;
}
header .topmenu {
position: relative;
}
header .global-nav-button {
margin: 0 0 0 auto;
width: 60px;
height: 60px;
background-size: 20px 20px;
display: block;
position: absolute;
top: -60px;
right: 0;
bottom: 0;
left: 0;
}
header .global-nav-button.toggle-button,
header .global-nav-button.toggle-button:hover {
background-color: transparent;
}
header .topmenu .global-nav-button,
header .topmenu .nav-list {
border-radius: 0;
}
header .topmenu .global-nav-button.active,
header .topmenu .nav-list {
background-color: rgba(0, 0, 0, 0.8);
}
header .topmenu * {
min-height: 0;
}
header .topmenu .nav-list {
width: auto;
}
header .topmenu .nav-list ul a,
header .topmenu .nav-list ul a span {
text-align: center;
display: block;
}
header .topmenu .nav-list ul {
padding: 20px 0;
}
header .topmenu .nav-list ul a {
padding: 20px 0;
}
header .topmenu .nav-list ul a:hover {
background: rgba(0, 0, 0, 0.8);
}
header .topmenu .nav-list ul a span {
padding: 0;
}
header.inactive .topmenu {
position: relative;
}
header.inactive .topmenu .nav-list {
height: 1000px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
}
header .global-nav-button.active {
background-image: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-close-big-white.webp);
}
header .topmenu .nav-list a {
color: #ffffff;
}
.pager li > a,
.pager li > span {
width: 30px;
height: 30px;
}
.popup-button-close {
width: 30px;
height: 30px;
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-close-big.webp) no-repeat center center;
background-size: 20px 20px;
top: 10px;
right: 10px;
}
.links.wrap.split5 .part {
padding: 0 10px;
}
.copyright {
margin-top: 30px;
padding: 30px 0;
}
.wrap .logo-nav {
top: -60px;
width: auto;
} .btn {
background: transparent url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/btn_gnav_forsp.webp) no-repeat 0 0;
display: block;
width: 35px;
height: 35px;
position: absolute;
top: 10px;
right: 10px;
cursor: pointer;
z-index: 20000;
}
.peke {
background-position: -35px 0;
}
.drawr {
display: none;
background-color: rgba(0, 0, 0, 0.8);
position: absolute;
top: 0px;
right: 0;
width: 50%;
padding: 60px 10px 0;
z-index: 10000;
}
.drawr ul li {
margin: 15px 0;
}
#menu li {
width: 260px;
}
#menu li a {
color: #fff;
display: block;
padding: 15px;
} .detailbody {
margin-bottom: 30px;
} #home .games {
margin: 10px auto;
width: 400px;
display: block;
}
#home .gameresult,
#home .gameresult .detail {
display: block;
}
#home .movie_subslide {
width: 400px;
margin: 0 auto 10px;
}
#home .bn_sche {
width: 400px;
margin: 0 auto 70px;
}
#home .wrap .latestnews {
width: 400px;
margin: 10px auto 10px;
display: block;
}
#home .contents {
margin: 0;
z-index: 0;
}
#home .games .nextgame {
width: 100%;
padding-right: 0;
}
#home .gameresult .detail {
padding: 10px;
width: auto;
margin: 0 0 10px;
}
#home .games .show_on {
display: block;
}
#home .games .show_off {
display: none;
}
#home .gameresult .txt table tbody {
border: none;
}
#home .gameresult .txt table tr {
border-style: none;
}
#home .gameresult .txt table td {
display: inline-block;
}
#home .gameresult .txt table td#API_MR_HOME,
#home .gameresult .txt table td#API_MR_AWAY {
width: 24% !important;
}
#home .gameresult .txt table td.center_td {
width: 50% !important;
}
#home .emblem_box {
display: table;
}
#home .emblem_box_bg {
height: 70px;
}
#home .nextgame .emblem_box .opponent_name {
display: table-cell;
vertical-align: middle;
}
#home .emblem_hometeam,
#home .emblem_awayteam {
width: 30% !important;
display: table-cell;
}
#home .score table .score_r,
#home .score table .score_o {
width: auto !important;
}
#home .score table .score_first {
width: auto !important;
top: 0;
}
#home .gameresult .score td.score_second {
display: block !important;
top: -5px;
}
.score table .score_detail {
top: -5px;
}
#home .bn_sche .centerbnbox {
display: block;
width: 100%;
margin-bottom: 10px;
}
#home .gameresult .detail .team_name2 .teamname_home,
#home .gameresult .detail .team_name2 .teamname_home.tn_sapporo {
width: 50% !important;
}
.gameresult .detail .team_name2 .teamname_home.tn_tochigi,
.gameresult .detail .team_name2 .teamname_home.tn_sagamihara,
.gameresult .detail .team_name2 .teamname_home.tn_ryukyu,
.gameresult .detail .team_name2 .teamname_away.tn_tochigi,
.gameresult .detail .team_name2 .teamname_away.tn_sagamihara,
.gameresult .detail .team_name2 .teamname_away.tn_ryukyu {
text-align: center;
width: 50% !important;
}
#home .gameresult .detail .team_name .center_br,
#home .gameresult .detail .team_name2 .center_br {
width: 100px !important;
}
#home .gameresult .ranking {
position: relative;
margin-top: 20px;
}
#home .gameresult .ranking ul {
margin-top: 30px;
}
#home .gameresult .ranking .notes {
position: absolute;
top: -10px;
font-size: 1.2rem;
}
#home .gameresult .ranking .ranking_eng {
position: absolute;
top: 0;
right: 10px;
pointer-events: none;
}
#home .gameresult .ranking.show_on {
display: table-cell;
} #home .bn_sche .latestschedule {
display: block;
width: 95%;
margin-bottom: 5rem;
padding: 5px;
border: 3px solid var(--bengala);
}
#home .movie_subslide .movie {
display: block;
margin-bottom: 10px;
}
#home .movie .update_date {
position: static;
padding-right: 10px;
}
.popupmovie {
height: 100%;
width: 100%;
left: 0;
}
#home .movie_subslide .sub_slide {
display: block;
width: 100%;
margin-bottom: 20px;
padding-left: 0;
}
#home .movie_subslide .sub_slide img {
max-width: 390px;
}
#home .latestnews .detail .parent-tab-button {
display: none;
}
#home .tab-content {
padding: 10px;
}
#home .linkbox {
width: 400px;
margin: 0 auto;
display: block;
}
#home .linkbox .box_title {
transform: none;
position: static;
width: auto;
}
#home .split3 .part.linkbox ul {
width: 100%;
}
#home .linkbox .bnlist li.only-pc {
display: none;
} .club_box .detail {
margin-bottom: 10px;
}
.club_box .detail .sideL,
.club_box .detail .sideR {
display: block;
}
.club_box .detail .sideL {
width: 100%;
padding-right: 0;
}
.club_box .detail p .point {
font-size: 18px;
} .partner_box .title_box {
margin: 10px 0;
}
.partner_box .title_box .pattern_box {
display: none;
}
.partner_box #uniform + .split3 {
margin: 0 0 30px 0;
}
.partner_box .split2,
.partner_box .split3,
.partner_box .split4,
.partner_box .split5 {
margin: 0;
}
.partner_box .split1 .part,
.partner_box .split2 .part,
.partner_box .split3 .part,
.partner_box .split4 .part,
.partner_box .split5 .part {
text-align: center;
display: block;
width: 100%;
margin: 20px 0;
}
.partner_box .split1 .part img,
.partner_box .split2 .part img,
.partner_box .split3 .part img,
.partner_box .split4 .part img,
.partner_box .split5 .part img {
max-width: 300px;
}
.partner_box .partner_table,
.partner_box .partner_table tbody,
.partner_box .partner_table tr,
.partner_box .partner_table tr:last-child {
border: none;
} #supportmachine h3 {
font-size: 2.5em;
letter-spacing: 10px;
line-height: 1.2;
padding: 10px;
margin: 30px 0;
}
#supportmachine .about_machine .machine_img,
#supportmachine .about_machine .machine_txt {
display: block;
width: 100%;
margin: 0 auto;
}
#supportmachine .about_machine .machine_img img {
width: 50%;
margin: 0 auto;
display: block;
}
#supportmachine .about_machine,
.shop_list {
margin: 0;
}
#supportmachine h3 {
line-height: 1.4;
margin: 10px 0;
}
#supportmachine h5 {
margin: 10px 0;
}
#supportmachine .shop_list {
margin: 0 0px 40px;
}
#supportmachine .shop_list .right,
#supportmachine .shop_list .left {
float: none;
}  .stadium_box .detail {
margin-bottom: 30px;
}
.stadium_box .detail .sideL,
.stadium_box .detail .sideR {
display: block;
width: 100%;
}
.stadium_box .detail .gmap {
margin-top: 20px;
overflow: hidden;
}
.stadium_box .parking .subtitle {
margin: 10px 0px;
}
.stadium_box .extraparking .split2 {
padding: 10px;
}
.stadium_box .extraparking .split2 .part {
width: 100%;
margin: 0 0 10px 0;
padding: 0;
} .stadium_box .access table p {
padding: 0 5px;
}
.stadium_box .access table .place {
width: 25% !important;
font-size: 1.2rem;
}
.stadium_box table tr:last-child {
border: none;
}
.stadium_box .access table .highway .means {
top: 65px;
z-index: 100;
}
.stadium_box .access table .localroad p {
top: 10px;
position: absolute;
}
.stadium_box .access table .localroad .means {
top: 75px;
}
.stadium_box .extraparking .box_title_red {
display: table-cell;
}
.stadium_box .extraparking .box_title_red .title {
padding-bottom: 20px;
}
.stadium_box .extraparking .freeservis .subtitle {
font-size: 1.5rem;
}
.extraparking .freeservis .freebus {
background-position: right center;
} .yumepass .thanks_box .comment span {
font-size: 120%;
}
.yumepass .detail_box .sideL {
display: block;
width: 100%;
margin-left: 0;
}
.yumepass .detail_box .sideL .subtitle {
letter-spacing: 0.1rem;
font-size: 2rem;
margin: 0;
}
.yumepass .detail_box .sideL p {
margin-top: 10px;
font-size: 120%;
}
.yumepass .detail_box .sideR {
display: block;
text-align: center;
width: auto;
}
.detail_box .sideR img {
width: 200px;
}
.yumepass .detail_box {
margin-bottom: 30px;
}
.howtoapply,
.fanclub_socio .howtoapply {
padding: 20px;
}
.howtoapply .flow,
.fanclub_socio .howtoapply .flow {
margin: 10px 0;
}
.howtoapply .flow .sideL,
.howtoapply .flow .sideR,
.howtoapply .txt_att,
.fanclub_socio .howtoapply .flow .sideL,
.fanclub_socio .howtoapply .flow .sideR,
.fanclub_socio .howtoapply .txt_att {
display: block;
width: auto;
padding: 10px;
margin: 10px 0;
}
.howtoapply .flow .sideL .title,
.howtoapply .flow .sideR .title,
.fanclub_socio .howtoapply .flow .sideL .title,
.fanclub_socio .howtoapply .flow .sideR .title {
font-size: 1.5rem;
}
.howtoapply .flow .arrow_box {
display: block;
padding: 0;
transform: rotate(90deg);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); transform: rotate(90deg); text-align: center;
}
.howtoapply .flow .arrow_box img {
width: 50px;
}
.howtoapply .btn_dl,
.fanclub_socio .howtoapply .btn_dl {
margin: 10px auto;
}
.howtoapply .btn_dl a,
.fanclub_socio .howtoapply .btn_dl a {
display: block;
}
.yumepass .thanks_box {
padding: 20px;
}
.yumepass .thanks_box .title {
margin: 0;
height: auto;
} .ticket_buy .box .center_box,
.ticket_shop .split2 .part {
width: 100%;
}
.ticket_buy .box_title {
padding: 10px;
}
.ticket_buy .box_title .title {
font-size: 2em;
}
.ticket_buy .split2 .part {
width: 97%;
}
.ticket_buy .box_title_red {
margin-bottom: 20px;
}
.ticket_buy .tab-content dl {
padding: 0;
}
.ticket_buy .tab-content dt {
padding: 5px;
}
.ticket_buy .tab-content dd {
width: auto;
display: block;
}
.ticket_buy .parent-tab-button li a {
font-size: 1.3rem;
padding: 15px 0;
}
.ticket_buy .tab-content dt {
padding: 5px;
display: block;
border: none;
text-align: center;
width: 100%;
}
.ticket_buy .tab-content dt img {
max-width: 180px;
}
.ticket_buy table th {
width: 14% !important;
border-bottom: 5px solid #fff;
}
.ticket_buy table td {
width: 25% !important;
}
.ticket_buy .ticket_prise table td,
.ticket_buy .ticket_prise table th,
.ticket_buy .pass_prise table td,
.ticket_buy .pass_prise table th {
border-right: 5px solid #fff;
border-bottom: 5px solid #fff;
}
.ticket_buy .ticket_prise table th:last-child,
.ticket_buy .pass_prise table th:last-child {
border-right: none;
} .ticket_buy .buy_place .parent-tab-content {
margin-bottom: 20px;
}
.ticket_buy .ticket_shop p {
font-size: 14px;
line-height: 1.5;
}
.ticket_buy .ticket_shop table tbody,
.ticket_buy .ticket_shop table tr {
border: none;
}
.ticket_buy .ticket_shop .shopname {
padding-bottom: 0 !important;
} .player_box .detail .sideR {
display: none;
}
.player_box .detail .sideL {
display: block;
padding-right: 0;
}
.player_box .player_mainph {
display: block;
padding-right: 0;
text-align: center;
margin-bottom: 20px;
}
.player_box .profile_detail {
display: block;
width: 100%;
}
.player_box .personal th,
.player_box .personal td {
border-top: 0px solid #d2d2d2;
line-height: 1.8;
}
.player_box .personal td.a_l {
border-bottom: 1px solid #d2d2d2;
} #schedule .detailbody .secondnav.txt_b .en_bold li {
padding: 0 5px;
display: inline-block;
}
#schedule .schedulelist th.date {
background-color: #fff;
color: #be003c;
}
#schedule .schedulelist tr {
border: none !important;
border-style: none !important;
}
#schedule .schedulelist th {
display: none;
}
#schedule .schedulelist td {
padding: 7px 3px !important;
}
#schedule .schedulelist td.date {
display: block !important;
width: 100% !important;
}
#schedule .schedulelist td.time {
width: 100px !important;
}
#schedule .schedulelist td.category {
width: 20% !important;
padding-left: 0 !important;
}
#schedule .schedulelist td.category p {
padding: 5px;
font-size: 0.8rem;
}
#schedule .schedulelist td.detail {
width: 50% !important;
} #result table {
border-color: #ffffff;
}
#result .resultlist tbody {
border-right-style: none;
border-left-style: none;
}
#result .resultlist tr {
border-top-style: none;
display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex;
-webkit-box-flex: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; flex-wrap: wrap;
}
#result .resultlist th {
display: none;
}
#result .resultlist td {
font-size: 1.6rem;
padding: 7px 3px !important;
display: block !important;
margin: 0;
}
#result .resultlist tr:nth-child(odd) {
background-color: #fff;
}
#result .resultlist .game_date {
width: 25% !important;
border-bottom: none;
background-color: #f8f5e8;
padding-left: 1px !important;
}
#result .resultlist .game_week {
width: 18% !important;
border-bottom: none;
background-color: #f8f5e8;
font-size: 1.1rem;
}
#result .resultlist .kickoff {
width: 20% !important;
border-bottom: none;
background-color: #f8f5e8;
}
#result .resultlist p.inner {
border-right: none;
padding: 0 0 0 5px;
}
#result .resultlist .sec {
width: 37% !important;
border-bottom: none;
background-color: #f8f5e8;
}
#result .resultlist .game_week,
#result .resultlist .sec,
#result .resultlist .vs,
#result .resultlist .oppo_emblem,
#result .resultlist .oppo_name,
#result .resultlist .score,
#result .resultlist .stadium,
#result .resultlist .stadium_mark {
-webkit-box-align: stretch; -ms-flex-flex-item-align: stretch; -webkit-align-self: stretch; align-self: stretch;
display: -webkit-box !important; display: -ms-flexbox !important; display: -webkit-flex !important; display: flex !important;
-webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center;       }
#result .resultlist .vs {
width: 6% !important;
font-size: 1rem;
}
#result .resultlist .oppo_emblem {
width: 13% !important;
}
#result .resultlist .oppo_name {
width: 25% !important;
font-size: 1rem;
line-height: 1.1;
letter-spacing: 0;
}
#result .resultlist .score {
width: 20% !important;
}
#result .resultlist .stadium {
width: 15% !important;
font-size: 1rem;
letter-spacing: -0.5px;
}
#result .resultlist .stadium_mark {
width: 3% !important;
}
#result .resultlist .stadium_mark .mark_home,
#result .resultlist .stadium_mark .mark_away {
font-size: 1rem;
}
#result .resultlist .event {
display: block !important;
font-size: 1rem;
}
#newyearcup2016 .resultlist .stadium p.inner,
#timescup .resultlist .stadium p.inner {
border-right: none;
}
#newyearcup2016 .resultlist .stadium,
#newyearcup2017 .resultlist .stadium,
#timescup .resultlist .stadium {
width: 35% !important;
}
#newyearcup2016 .resultlist .stadium p.inner,
#newyearcup2017 .resultlist .stadium p.inner,
#timescup .resultlist .stadium p.inner {
border: none;
} .match_title .txt {
margin: 10px 0;
}
.gameresult .txt {
padding: 5px;
}
.gameresult .txt table td.HorA {
border-bottom: 3px solid #202020;
}
.gameresult .txt table td.team_name {
border-left: none;
border-right: none;
display: block;
width: 100%;
}
.gameresult .txt table td.HorA,
.gameresult .txt table td.team_name_s {
width: 100% !important;
display: block !important;
font-size: 1rem;
}
.gameresult .gameresult_R .detail .txt table tr {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.gameresult .gameresult_R table .team_name,
.gameresult .gameresult_R table .team_name_s {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.gameresult .gameresult_R table .HorA {
-webkit-box-ordinal-group: 0;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
}
.gameresult .gameresult_R .detail,
.gameresult .gameresult_L .detail {
padding: 0;
}
.match_detail .sideL,
.match_detail .sideR {
width: 49% !important;
}
.match_detail .center .memberchange_box .sideL,
.match_detail .center .memberchange_box .sideR {
width: 20%;
}
.match_detail .center .card_box .sideL,
.match_detail .center .card_box .sideR {
width: 20%;
}
.match_detail .sideL {
-webkit-box-ordinal-group: 0;
-ms-flex-order: 0;
-webkit-order: 0;
order: 0;
padding-right: 2%;
}
.match_result_box .match_detail .center {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 2;
-webkit-order: 2;
order: 2;
display: block;
width: 100%;
margin: 10px 0;
}
.match_detail .sideR {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 1;
-webkit-order: 1;
order: 1;
}
.match_detail .memberchange_box .sideL,
.match_detail .card_box .sideL {
padding-right: 0;
}
.gameresult .txt .team_name {
display: none !important;
} #ranking .table_title .sideL_txt p,
#ranking .table_title .sideR_txt p {
font-size: 1.5rem;
}
#ranking .table_title .sideL_txt img {
width: 80px;
}
#ranking .resultlist .oppo_name {
display: none !important;
}
#ranking .resultlist .oppo_name_s {
letter-spacing: 0;
font-size: 1rem;
width: 10%;
}
#ranking .resultlist p.inner {
padding: 0 3px 0 0;
}
#ranking .resultlist td {
font-size: 1.2rem;
letter-spacing: 0;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3",
"Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Helvetica, Arial,
sans-serif;
}
#ranking .resultlist p.inner {
border-right: 1px solid #cdcdcd;
} .detailbody .box .sidenav {
display: none;
}
.detailbody .split3 .x2 {
width: 100%;
margin: 0 auto;
}
.newsdetail > dl.newslist:first-child {
padding-top: 5px;
}
.newsdetail dl.newslist {
padding: 0.2em 0.5em 0.5em;
}
.newsdetail dl.newslist dt {
width: 88px;
}
.newsdetail dl.newslist p.date {
float: none;
}
.newsdetail .blog-category {
padding: 0px 1px;
width: 80px;
}
.newsdetail .blog-category.topteam,
.newsdetail .blog-category.homegame {
font-size: 0.9rem;
}
.newsdetail dd.title a {
font-size: 1.14rem;
} #news .newsdetail .post-title .parent-table-cell {
display: table-cell;
}  .seasonpass_box p {
margin: 0.8em 0;
}
.seasonpass_box .box .center_box {
width: 100%;
margin: 30px auto;
}
.seasonpass_box .split2 .part {
width: 95%;
height: auto;
}
.box .price_box .pass_price,
.box .price_box .pass_bonus {
display: inline-block;
width: 100%;
margin-bottom: 20px;
}
.seasonpass_box .box .pass_bonus {
padding: 10px 0;
}
.seasonpass_box .box .pass_bonus p {
height: auto;
font-size: 100%;
}
.sponsor_detail p {
font-size: 12px;
}
.seasonpass_box .howtoapply {
padding: 20px;
}
.howtoapply .btn_dl a,
.fanclub_socio .howtoapply .btn_dl a {
font-size: 120%;
padding: 20px;
}
.seasonpass_box .howtoapply .flow .sideL,
.seasonpass_box .howtoapply .flow .sideR {
display: block;
padding: 10px;
width: 93%;
margin: 0 0 20px 0;
}
#home .bn_sche .centerbn_only-sp {
display: block;
margin-bottom: 10px;
}
.detailbody .secondnav.txt_b .en_bold li {
padding: 0 5px;
font-size: 1.5rem;
}
.detailbody .secondnav.txt_b a {
font-size: 1.5rem;
}
}
@media only screen and (max-width: 660px) {     body {
margin: 0;
}
header {
margin: 0;
}
.contents {
margin: 0;
}
.main {
margin: 0 0 20px 0;
}
.sub {
margin: 0 0 20px 0;
}
.parent-popup-content .wrap { width: auto;
}
.main,
.sub {
width: auto;
max-width: 100%;
display: block;
float: none;
}
.parent-main-sub .main,
.sub .local-nav {
margin-bottom: 5px;
}
section {
margin: 0;
}
section + section {
margin: 20px 0 0 0;
}
.parent-popup-content .wrap {
margin: 0;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
} .profile .detail .sideL {
display: block;
padding-right: 0;
}
.profile .detail .sideL .part {
width: 100%;
background-color: #be003c;
}
.profile .detail .sideL .split3:not(.not-responsive) .part {
margin-bottom: 6px;
}
.profile .detail .sideL .box_ph img {
clip: rect(0px 179px 190px 0px);
left: -24px;
top: 0;
width: 204px;
}
.profile .detail .sideL .box_txt {
padding: 5px 20px;
} #result .parent-tab-button li {
display: block;
margin: 15px 0;
}
#result .parent-tab-button li a {
border: none;
padding: 0;
} #guide .detailbody .copy {
letter-spacing: 0.1rem;
line-height: 1.3;
margin: 20px 0;
}
#guide .detailbody .split2 {
margin-bottom: 0 !important;
}
#guide .detailbody .split2 .part,
#guide .detailbody .split3 .part,
#guide .detailbody .split4 .part,
#ticket .detailbody .split4 .part,
#fanzone .detailbody .split2 .part {
width: 100%;
margin: 5px 0;
padding: 0;
}
#guide .detailbody .kids-first-manual li {
display: block;
padding: 0 !important;
margin: 10px 0;
}
#guide .detailbody .kids-first-manual .center_bn {
width: auto;
}
#guide .detailbody li.supportersmanual,
#guide .detailbodye .kids-first-manual li.supportersmanual {
display: none;
}
#guide .detailbody .box ul {
margin-bottom: 0px;
} .training_field .split2:nth-child(even) {
position: relative;
height: 900px;
width: 100%;
margin: 0 auto;
}
.training_field .split2:nth-child(even) .part {
position: absolute;
bottom: 0;
width: 100%;
margin: 10px auto;
}
.training_field .split2:nth-child(even) .part.ph_txt {
top: 0;
}
.field_detail .ph_txt h3 {
display: none;
}
.field_detail .ph_txt p {
margin-top: 10px;
} .thanks_box .thanks_img {
width: 50%;
}
.thanks_box .partner_bn_box li {
margin: 10px auto;
width: auto;
float: none;
display: block;
}
}
@media only screen and (min-width: 480px) {
.only-sp {
display: none !important;
}
}
@media only screen and (max-width: 480px) {
p,
table,
code {
margin: 1em 0;
}  header .logo_box .header_sitename_txt {
font-size: 16px;
}  body .scroll-effect,
body .parent-scroll-effect.list > *,
body .scroll-effect.customize-body {
transition-delay: 0s;
}
.customize.parent-table-cell,
.customize.parent-table-cell > * {
display: block;
}
.customize.parent-table-cell > * {
padding: 0;
width: auto;
}
.customize-title {
margin-bottom: 80px;
text-align: center;
}
.customize-title * {
text-align: center;
}
.customize-title h3 {
margin: 0 auto 15px auto;
padding-left: 10px;
padding-right: 10px;
display: inline-block;
}    .box_title_red {
padding: 5px 10px;
}
.box_title_red .title {
font-size: 1.7em;
border-bottom: 2px solid #fff;
}
.box_title .title {
font-size: 2em;
}
.box_title .txt_jp {
letter-spacing: 0;
}
#schedule .boxtitle,
#result .boxtitle,
#ranking .boxtitle {
background-position: 0 0;
background-size: 35px;
margin: 20px 0 10px;
}
.detailbody .box .boxtitle h1 {
font-size: 19px;
margin-bottom: 0;
padding-bottom: 0;
}
.detailbody .box .boxtitle h1 .txt_jp {
font-size: 1rem;
padding-left: 40px;
}
.detailbody .box .boxtitle h1 .txt_en {
padding-left: 40px;
padding-bottom: 5px;
}
.detailbody .box .boxtitle h1 .en_stylish {
display: block;
}  .pager li > a,
.pager li > span {
width: 30px;
height: 30px;
}
.popup-button-close {
width: 30px;
height: 30px;
background: url(//fcryukyu.com/wp-content/themes/ryukyu_wp_new/common/images/icon-close-big-white.webp) no-repeat center center;
background-color: rgba(255, 255, 255, .255);
background-size: 20px 20px;
top: -10px;
right: 10px;
z-index: 1000;
}
.copyright {
margin-top: 30px;
padding: 30px 0;
}  body {
margin: 0;
}
header {
margin: 0;
}
footer {
margin: 0;
}
.main {
margin: 0 0 20px 0;
}
.sub {
margin: 0 0 20px 0;
}
.parent-popup-content .wrap { width: auto;
}
.main,
.sub {
margin: 0 0 20px 0;
width: auto;
max-width: 100%;
display: block;
float: none;
}
.parent-main-sub .main,
.sub .local-nav {
margin-bottom: 5px;
}
section {
margin: 0;
}
section + section {
margin: 20px 0 0 0;
}
.parent-popup-content .wrap {
margin: 0;
top: 20px;
right: 20px;
bottom: 20px;
left: 20px;
}
.detailbody .box {
padding: 0;
border: none;
margin: 0 auto;
}     #home .wrap {
margin: -10px 3vw;
}
#home .wrap.main_slider {
margin: 0;
}
#home .wrap.team_information {
margin: -10px 0;
}
.wrap.m-70 {
margin: 70px 0;
} input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="number"],
input[type="password"],
textarea,
select {
width: 100%;
display: block;
}
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="image"],
button,
.button > a,
.button > span,
a.button,
.img-button > a,
.img-button > span,
a.img-button　 {
text-align: center;
display: block;
}
.scroll-effect.inactive,
.parent-scroll-effect.list > *.inactive {
-webkit-transform: translate(0, 20px);
-moz-transform: translate(0, 20px);
-ms-transform: translate(0, 20px);
transform: translate(0, 20px);
}
.back-top {
width: 60px;
height: 60px;
bottom: 10px;
right: 10px;
}
.back-top a {
background-size: 20px 20px;
} footer {
padding-top: 10px;
}
footer .partner_area {
padding: 2px;
margin-bottom: 5px;
}
footer .partner_area .bn_box .bn_l.split3 {
width: 60%;
}
footer .partner_area .bn_box .bn_l.split3 .part {
display: block;
width: 100%;
margin: 10px 0;
}
footer .partner_area .bn_box .split3 .part,
footer .partner_area .bn_box .split4 .part,
footer .partner_area .bn_box .split5 .part,
footer .partner_area .bn_box .split6 .part {
display: inline-block;
width: calc(100% / 2 - (5px * 2));
margin: 10px 0;
}
footer .links.wrap.split5 {
width: 100%;
margin: 0 auto 10px;
border: none;
}
footer .links.wrap.split5 .part {
padding: 0;
width: 100%;
display: block;
border: none;
}
footer .links.wrap.split5 .part ul {
display: none;
}
footer .links h2,
footer .links h2 a {
font-size: 1rem;
text-align: center;
}
footer .logoline {
background-size: 500%;
}
footer .copyright {
padding: 10px 0;
margin-top: 10px;
}
footer .copyright img {
display: none;
}  #home .games,
#home .bn_sche,
#home .movie_subslide,
#home .wrap .latestnews,
#home .gameresult .ranking,
#home .linkbox {
width: auto;
}
#home .linkbox {
margin: 70px 0;
}
#home .gameresult .ranking.show_on {
display: block;
}
#home .bn_sche .centerbnbox.mb-70 {
margin-bottom: 70px;
}
#home .bn_sche .centerbnbox li {
display: inline-block;
width: 47%;
margin: 5px 0;
}
#home .bn_sche .centerbnbox li:first-child {
margin-right: 10px;
}
#home .bn_sche .centerbnbox li:last-child {
margin-left: 10px;
} #news .detailbody .box h1 {
font-size: 21px;
} #result .resultlist td {
font-size: 1.1rem;
letter-spacing: 0;
} #ranking .detailbody .box {
padding: 10px !important;
}
#ranking .table_title .sideR_txt p {
font-size: 1rem;
}
#ranking .resultlist tbody {
border-right-style: none;
border-left-style: none;
}
#ranking .resultlist tr {
border: none;
}
#ranking .resultlist:not(.no-border) th {
border-bottom-style: solid;
}
#ranking .resultlist:not(.no-border) td {
border: none;
}
#ranking .resultlist p.inner {
border-right: none;
}
#ranking .resultlist th,
#ranking .resultlist td,
#ranking .resultlist .oppo_name_s {
display: table-cell !important;
padding: 1px !important;
font-size: 1rem;
}
#ranking .resultlist th {
width: 7% !important;
font-size: 0.8rem;
padding: 0 !important;
}
#ranking .resultlist th.clubname {
width: 17% !important;
}
#ranking .resultlist td,
#ranking .resultlist .oppo_name_s {
width: 8% !important;
}
#ranking .resultlist .oppo_emblem {
min-width: 20px;
width: 1% !important;
}
#ranking .resultlist .oppo_name_s {
font-size: 0.8rem;
width: 15% !important;
} #home .emblem_box {
margin: -95px 5px -5px;
}
#home .emblem_box_bg {
height: 60px;
} .match_detail tr,
.match_detail th,
.match_detail td {
width: auto !important;
}
#home .score table .score_first {
top: -8px;
}
#home .gameresult .score td.score_second {
top: -55px;
}
#result .match_title {
margin: 0;
}
.gameresult .txt table tr {
display: block;
}
.gameresult .gameresult_C .detail .status {
width: 30% !important;
}
.gameresult .gameresult_C .txt table td {
line-height: 1.2;
}
.match_result_box table .oppo_emblem {
width: 60% !important;
}
.gameresult .score .goal_person {
border: none;
}
.gameresult .txt table td.team_name_s {
display: block;
}
.gameresult .txt table td.team_name {
display: none;
}
.match_detail .center table th {
width: 13% !important;
}
.match_detail .center table tr:last-child {
border: none;
}
.score table .score_num {
width: 20% !important;
}
.match_detail table td {
border: 2px solid #202020 !important;
}
.match_detail table table tr {
border-top: none !important;
border-right: none !important;
border-left: none !important;
}
.match_detail table table td {
border: none !important;
}
.match_detail .position {
width: 10% !important;
}
.match_detail .member {
padding: 0 !important;
width: 90% !important;
}
.match_detail .member tr {
display: block !important;
}
.match_detail .member tr:last-child {
border-bottom: none !important;
}
.match_detail .member td {
padding: 10px !important;
}
.match_detail .center table.type_02 tr {
display: block;
} #home .bn_sche .latestschedule {
margin: 70px 0;
} #schedule .schedulelist td.category {
width: 25% !important;
padding-left: 0 !important;
} #supportmachine .detailbody .box {
margin: 0;
}
#supportmachine .supportmachine_page h3 {
font-size: 1.8em;
letter-spacing: 8px;
padding: 5px;
}
#supportmachine .about_machine,
.shop_list {
margin: 0;
}
#supportmachine .about_machine .right {
width: 100%;
}
#supportmachine .supportmachine_page h5 {
margin: 15px 0;
}
#supportmachine .shop_list {
margin: 0 10px 40px;
} .yumepass .detail_box .sideL .subtitle {
font-size: 1.5rem;
} .stadium_box .access table .highway,
.stadium_box .access table .localroad,
.stadium_box .access table .busline {
width: 45% !important;
} #guide .detailbody .copy {
font-size: 2rem;
} .match_result_box table tbody,
.ticket_buy table tbody,
.stadium_box table tbody,
#schedule .schedulelist tbody,
#home .gameresult .txt tbody,
#home .gameresult .score tbody,
#home .gameresult .detail .team_name tbody,
#home .gameresult .detail .team_name2 tbody {
border: none;
}
.match_result_box table tr,
.ticket_buy table tr,
.stadium_box table tr,
#home .gameresult .detail .team_name tr,
#home .gameresult .detail .team_name2 tr {
display: table-row;
border: none;
}
#home .gameresult .score tr {
border: none;
}
.match_result_box table th,
.ticket_buy table th,
.stadium_box table th {
display: table-cell;
border: none;
}
.match_result_box table tbody td,
.ticket_buy table td,
.stadium_box table td,
#schedule .schedulelist td,
#result .resultlist td,
#ranking .resultlist .oppo_name_s,
#home .gameresult .score td,
#home .gameresult .detail .team_name td,
#home .gameresult .detail .team_name2 td {
display: table-cell !important;
border: none;
} .training_field .split2:nth-child(even) {
height: 850px;
} }
@media only screen and (max-width: 350px) {
header .logo_box .header_sitename_txt {
display: none;
} #home .gameresult .score td.score_second {
top: -25px;
} #result .resultlist td {
font-size: 1.2rem;
}
#result .resultlist .vs {
font-size: 1rem;
}
#result .resultlist .game_week {
font-size: 0.9rem;
} .howtoapply .btn_dl a {
font-size: 110%;
}
}