@charset "UTF-8";

#wrapper nav {
padding: 10px 0;
margin: 5px 10px;
-webkit-overflow-scrolling: touch;
overflow-x: auto;
}

#wrapper nav::-webkit-scrollbar {
height: 5px;
}

#wrapper nav::-webkit-scrollbar-track {
border-radius: 5px;
background: #eee;
}

#wrapper nav::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #999;
}

#wrapper nav ul {
display: table;
}

#wrapper nav ul li {
font-size: 10px;
display: table-cell;
white-space: nowrap;
vertical-align: middle;
padding-right: 26px;
position: relative;
}

#wrapper nav ul li:last-child {
padding-right: 0;
}

#wrapper nav ul li:last-child a {
color:#0045b1;
}

#wrapper nav ul li:last-child:after {
display: none;
}

#wrapper nav ul li:after {
position: absolute;
display: block;
content: ">";
top: 0px;
right: 8px;
}

#wrapper nav ol li a,
#wrapper nav ol li span {
position: relative;
display: block;
top: -4px;
}

#wrapper nav ul li span {
background-color: #eee;
border-radius: 4px;
padding: 6px 8px;
}

#wrapper nav.no-scroll ul {
display: block;
}

#wrapper nav.no-scroll ul li {
display: inline-block;
margin-bottom: 12px;
white-space: normal;
}

#wrapper nav.no-scroll ul li:after {
top: -4px;
}

@media print,screen and (min-width: 1024px) { 
#wrapper nav ul li a:before {
transform: scaleX(1);
transition: transform 0.3s ease;
}
#wrapper nav ul li a:hover:before {
transform: scaleX(0);
}
}

.organization_icon {
width: 8%;
vertical-align: middle;
margin:0 5px 5px;
position:absolute;
right:0;
bottom:0;
}
.views_newslist ul li:after {
/*
content: "";
display: block;
position: absolute;
top: 45%;
right: 10px;
width: 5px;
height: 5px;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
*/
}

.limited {
position: absolute;
top: 0;
left: 0;
width: 85px;
height: 85px;
overflow: hidden;
z-index: 250;
}

.limited figure {
display: inline-block;
position: absolute;
top: 0.2em;
left: 0.2em;
width: 25px;
height: 25px;
text-align: center;
font-weight: bold;
background: #333333;
padding: 3px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
border-radius:5px;
}
.limited figure img {
width:80%;
}

.main_img {
position:relative;
background:#333333;
text-align:center;
}

span.guard{
position:absolute;
display:block;
width:100%;
height:100%;
background-image:url(/images/imgNG.gif);
}

.main_img figure {
width: 100%;
height: auto;
text-align: center;
vertical-align: middle;
}

.main_img figure img {
width:auto;
height:auto;
max-width: 100%;
max-height: 300px;
vertical-align: middle;
}

p.sokuhou {
font-size:16px !important;
}

h3{
font-weight: bold;
font-size: 16px;
padding: 10px 5px;
color: #ffffff;
background-color: #333333;
margin:1em 0.5em 0;
}

.photogallery_top {
margin:0.5em auto 0;
}

.photogallery_top ul {
width:100%;
text-align: center;
margin:0 auto;
}

.photogallery_top ul li {
width:45%;
display:inline-block;
text-align: left;
border: 1px solid #c3c1c1;
position: relative;
z-index:5;
overflow: hidden;
background: url(/images/aro.png) no-repeat scroll 97% center, repeat scroll 0 0 transparent;
background-size: 12px 12px, auto auto;
background-color: #f1f1f1;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}

.photogallery_top ul li:only-child {
width:90% !important;
}

.photogallery_top ul li a {
width:100%;
display:inline-block;
padding: 1em 0.5em;
font-size: 12px;
}

.photogallery_top ul li a p {
padding: 0px 30px 0;
line-height: 1.3em;
overflow: hidden;
}

* {
margin: 0;
padding: 0;
}
.slider {
width: 100%;
}
.slider{
display: none;
}
.slider.slick-initialized{
margin:0.5em 0 0 0 ;
display: block; 
}
.slick-slide img {
width: 100%;
height: auto;
border:1px solid #eeeeee;
}
.mypattern{
width: 100%;
}
.mypattern .slick-slide{
margin:0;
}
.slick-track img {
height:25vh;
}
.slick-track {
height:auto !important;
}
.slick-slider div img:only-child {
display:none;
}

.views_newslist ul {
width:100%;
}
.views_newslist ul li {
width:100%;
display:inline-block;
border-bottom: 1px solid #c3c1c1;
position: relative;
z-index:5;
}
.views_newslist ul li:last-child {
border-bottom: 1px solid #c3c1c1;
}

.views_newslist ul li a {
width:100%;
display:inline-block;
padding:3%;
}

.views_newslist ul li a figure {
width: 30%;
max-height: 30vw;
overflow: hidden;
margin:0 0 0 0.5em;
float: right;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
display: flex;
justify-content: center;
align-items: center;
}

.views_newslist ul li a figure img {
}

.views_newslist ul li a figure.sokuhou {
width:100% !important;
max-height: 100vw;
float:none !important;
margin:0 0 5px 0 !important;
}

.views_newslist ul li a p span {
padding: 0 5px;
margin: 0 3px;
font-size: 10px;
font-weight: normal;
vertical-align: text-top;
background: #fa0000;
color: #ffffff;
display: inline-block;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.views_newslist ul li a p em {
padding: 0 0 3px;
margin: 2% 0 0;
font-size: 0.75em;
font-weight: normal;
line-height: 1.4em;
color: #454545;
display: block;
}

.views_newslist ul li a p {
font-weight: bold;
line-height: 1.4em;
overflow: hidden;
font-size: 0.95em;
display:inline;
}

figure.schedule {
width:11% !important;
}
figure.schedule img {
width:100%;
    vertical-align: middle;
    border: 1px solid #c2c2c2;
    border-radius: 5px;
    overflow: hidden;
}

figure.nonewsimg {
width:13% !important;
}

h2 span {
font-size:0.75em;
font-weight:normal;
}

h2.news_title {
background:#ffffff;
color:#000000;
margin: 0;
padding: 0;
}

h2.news_title img {
width:100%;
}

h2.news_title p {
line-height: 1.5em;
display: inline-block;
width:100%;
}

h2.news_title p em {
margin: 0.5em 0;
font-size: 0.8em;
font-weight: normal;
line-height: 1.4em;
color: #454545;
display: block;
text-align: right;
}

h2.news_title p span {
width: 10%;
float: right;
background: #ffffff;
border: 1px solid #dadada;
padding: 0.5%;
margin: 0 0 0 5px;
border-radius: 5px;
overflow: hidden;
}

h2.news_title p span img {
width: 100%;
}

.main_img {
position:relative;
background:#000000;
text-align:center;
}

span.guard{
position:absolute;
display:block;
width:100%;
height:100%;
background-image:url(/images/imgNG.gif);
}

.main_img figure {
width: 100%;
height: auto;
text-align: center;
vertical-align: middle;
}

.main_img figure img {
width:auto;
height:auto;
max-width: 100%;
max-height: 240px;
vertical-align: middle;
}

p.sokuhou {
font-size:16px !important;
}

h3{
font-weight: bold;
padding: 0.5em;
color: #ffffff;
background-color: #000000;
margin:0.5em 0;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
vertical-align: middle;
}

h3 em {
padding: 0 !important;
}

h3 p {
padding: 0 !important;
}

.photogallery_top ul {
width:100%;
}

.photogallery_top ul li {
width:50%;
display:inline-block;
border-top: 1px solid #c3c1c1;
position: relative;
z-index:5;
overflow: hidden;
background: url(/images/aro.png) no-repeat scroll 97% center, repeat scroll 0 0 transparent;
background-size: 15px 15px, auto auto;
background-color: #f1f1f1;
}

.photogallery_top ul li:nth-child(1) {
width:100%;
}

.photogallery_top ul li:last-child {
border-bottom: 1px solid #c3c1c1;
}

.photogallery_top ul li a {
width:100%;
display:inline-block;
padding:10px;
}

.photogallery_top ul li a p {
padding: 0px 30px 3px 0;
line-height: 1.3em;
overflow: hidden;
}

.photogallery_top ul li:after {
/*
content: "";
display: block;
position: absolute;
top: 45%;
right: 10px;
width: 5px;
height: 5px;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
*/
}

.expired {
margin:2em 0;
}
.comment {
line-height:1.5em;
margin-bottom:0.5em;
padding:0;
}

.news_detail {
padding:0.5em;
}

.news_detail h2 {
background:none !important;
color:#000000;
margin: 0;
padding: 0;
letter-spacing: 0px;
font-size: 1em;
}



.news_detail>.comment ul{
margin: 0.5em 0;
}
.news_detail>.comment ul li {
background: #333333;
width: 100%;
display: table;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.news_detail>.comment ul li a {
 display: table-cell; 
 vertical-align: middle;
font-weight:bold;
font-size:12px;
color:#ffffff;
padding: 0.5em;
}

.match_detail {
font-size:0.9em;
line-height:1.5em;
margin-bottom:0.5em;
letter-spacing: 0px;

}
.comment_detail {
line-height:1.5em;
margin:0.5em 0;
}
.comment_detail p {
padding:1em 0.5em;
line-height:1.6em;
}


.comment_detail em {
padding: 0 0.5em;
}
.match_detail p {
padding:2%;
}
.comment_detail p em {
display: contents;
font-weight:bold;
}
.comment_detail ul{
margin: 0.5em 0;
display:inline-block;
width:100%;
}
.comment_detail ul li {
background: #ffffff;
width: 100%;
display: table;
border: 1px solid #a9a9a9;
min-height: 50px;
margin-bottom:0.5em;
position: relative;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.comment_detail ul li:after {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 10px;
margin: auto;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: middle;
width: 5px;
height: 5px;
border-top: 2px solid #5f5f5f;
border-right: 2px solid #5f5f5f;

}
.comment_detail ul li:last-child {
margin-bottom:0;
}
.comment_detail ul li a {
 display: table-cell; 
 vertical-align: middle;
font-weight:bold;
line-height: 1.3em;
color:#000000;
}
.comment_detail ul li a p {
padding: 0.75em 20px 0.75em 0.5em;
    line-height: 1.5em;
}
.photolink {
width:30%;
float: right;
margin: 0.5em;
}

.photo{
width: 100%;
background: #555555;
margin:0 0 5px 0;
}
.photo a{
position:relative;
display: block;
text-align: center;
text-decoration: none;
font-weight: bold;
}
.photo a img {
width:100%;
}
.photo a span {
position: absolute;
background: #ffffff;
opacity: 0.5;
font-size: 12px;
padding: 0.03em 0 0.03em;
letter-spacing: 0.2em;
bottom: 0;
color: #000;
width: 100%;
display: block;
}
.photo a span img {
width: 12px;
margin-right: 0.3em;
padding: 0 0 0.5em 0;

}



.photo_detail {
margin: 0;
position: relative;
z-index: 1;
max-width:640px;
width:100%;
padding: 0.5em;
}
.photo_detail img {
width: 100%;
margin: 0px;
}

.photo_detail span {
position:absolute;
display:block;
width:100%;
height:100%;
background: url(images/spacer.gif);
}



.photo_detail ul{
margin: 0.5em 0;
}
.photo_detail ul li {
background: #333333;
width: 100%;
display: table;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}
.photo_detail ul li a {
 display: table-cell;
 vertical-align: middle;
font-weight:bold;
font-size:16px;
color:#ffffff;
padding: 0.5em;
}





.photo .pglink{
background: none repeat scroll 0 0 #ffffff;
text-align:center;
opacity: 0.5;
height:30px;
text-decoration: none;
line-height:30px;
bottom: 0px;
color: #000;
position: absolute;
width: 100%;
display: block;
}
.photo .pglink a{
font-weight:bold;
text-decoration: none;
line-height:30px;
color: #000;
}







.gallery {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #fff;
background: #ff4a4a;
float:left;
margin:3px auto 0;
text-align:center;
width: 100%;
}
.gallery a{
display: inline-block;
text-align: center;
text-decoration: none;
font-weight: bold;
color: #ffffff;
font-size: 10px;
padding: 0.5em 0;
margin:0 auto;
text-align:center;
width:100%;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}


.photogallery section{
max-width: 640px;
width:100%;
margin: 5px auto;
position: relative;
}

.photogallery section ul {
width:100%;
text-align:center;
}
.photogallery section ul li {
display:inline-block;
width: 30%;
margin: 3px 0;
}
.photogallery section ul li a img {
width:100%;
border: 1px solid #eaeaea;
}
.photogallery section.detail_photo{
width: 100%;
position: relative;
}

.photogallery section .pg_bp{
width: 100%;
top: 50%;
position: absolute;
}

.photogallery section .pg_p{
left: 5px;
background: ;
width: 10%;
opacity: 0.5;
bottom: 4px;
color: #000;
height: 100%;
position: absolute;
display: block;
}


.photogallery section .pg_bn{
width: 100%;
top: 50%;
position: absolute;
}


.photogallery section .pg_n{
right: 5px;
background: ;
width: 10%;
opacity: 0.5;
bottom: 4px;
color: #000;
height: 100%;
position: absolute;
display: block;
}

.photogallery section .nolink{
text-decoration: none;
font-size: 14px;
line-height: 40px;
color: #000000;
font-weight: bold;
display: block;
}




.photogallery_detail {
margin: 5px auto;
position: relative;
z-index: 1;
max-width:640px;
width:100%;
}
.photogallery_detail img {
width: 100%;
margin: 0px;
}

.photogallery_detail span {
position:absolute;
display:block;
width:100%;
height:100%;
background: url(images/spacer.gif);
}

.photogallery_detail div {
position:absolute;
top:0;
width:10%;
height:100%;
}

.photogallery_detail > .pg_p {
left:0;
}
.photogallery_detail > .pg_n {
right:0;
}
.photogallery_detail > div a {
position: relative;
width:100%;
height:100%;
display:block;
}
.photogallery_detail > div a img {
width:100%;
position:absolute;
top:50%;
}


.newslink{
margin:0.5em 0;
padding: 0.5em;
line-height: 1.5em;
text-decoration: none;
background: #f5f5f5;
border: 2px dotted #7d7d7d;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
}

.newslink>font{
line-height: 1.2em;
padding: 0px;
color: #333333;
font-size: 10px;
font-weight: bold;
letter-spacing: -0.1em;
display: inline;

}
.newslink>a{
text-decoration: underline;
color: #333333;
font-size: 12px;
line-height: 1em;
}
.newslink>a font {
font-size: 14px;
}

.newslink font > a{
text-decoration: underline;
color: #333333;
font-size: 14px;
font-weight:normal;
}


.newslist ul {
width:100%;
}
.newslist ul li {
width:100%;
display:table;
border-bottom: 1px solid #c3c1c1;
position: relative;
overflow: hidden;
min-height: 60px;
}
.newslist ul li:last-child {
border-bottom: 1px solid #c3c1c1;
}
.newslist ul li figure {
width: 13%;
float:right;
vertical-align: middle;
padding: 1%;
}
.newslist ul li figure img {
width:100%;
    vertical-align: middle;
    margin-right: 5px;
    border: 1px solid #c2c2c2;
    border-radius: 5px;
    overflow: hidden;
}
.newslist ul li a {
width: 90%;
display: table-cell;
padding:10px 15px 10px 5px;
vertical-align:middle;

}
.newslist ul li a p {
vertical-align: middle;
line-height:1.3em;
}
.newslist ul li a span {
padding: 1px 2px;
margin: 0 3px;
font-size: 10px;
background: #ff3256;
color: #ffffff;
display: inline-block;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}
.newslist ul li a em {
padding: 3px;
margin: 0 3px;
font-size: 12px;
background: #666666;
color: #ffffff;
display: inline-block;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
}

.newslist ul li a img {
width:10%;
vertical-align: middle;
margin-right: 5px;
}

/*
.newslist ul li:after {
content: "";
display: block;
position: absolute;
top: 45%;
right: 10px;
width: 5px;
height: 5px;
border-right: 1px solid #333333;
border-bottom: 1px solid #333333;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}
*/
.nolink {
color:#ababab;
}

#gallery {
position: relative;
overflow: hidden;
border-radius: 5px;
}

#gallery figure {
display:inline-block;
position:relative;
overflow:hidden;
width: 40vw;
max-height: 40vw;
background-color: rgb(0 0 0 / 60%);
float: right;
margin-left: 0.5em;
z-index: 50;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
display: flex;
justify-content: center;
align-items: center;
}


#gallery figure a {
justify-content:center;
align-items:center;
}
#gallery figure a img {
width: 100%;
height: 100%;
object-fit: cover;
}
#gallery figure a span {
position: absolute;
display: inline-block;
font-size: 10px;
bottom: 0;
left: 0;
width: 100%;
color: #ffffff;
text-align: center;
background: rgba(0,0,0,0.5);
z-index: 100;
}

.comment_detail>#gallery figure , .sokuhou_sub>#gallery figure {
width: 100%;
max-height: 70vw;
margin:0;
}

.comment_detail>#gallery figure img , .sokuhou_sub>#gallery figure img {
width: auto;
height: auto;
max-width: 100%;
max-height: 70vw;
vertical-align: middle;
display: block;
margin: 0 auto;
}

.background_img {
position: absolute;
top: 0%;
left: 0;
z-index: 0;
}
.background_img img {
width:100% !important;
max-height: 100% !important;
}

.gallery_list {
text-align:center;
padding: 0 0 1em;
}
.gallery_list figure {
width: 30vw !important;
height: 30vw !important;
max-height: none !important;
background: #000000;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin:0 0 0.1em 0 !important;
float:none !important;
    display: inline-block !important;
}
/*
@media only screen and (min-width: 1200px) {
.gallery_list figure {
width: 10vw !important;
height: 10vw !important;
}
}
@media screen and (min-width: 767px) {
#gallery figure {
width: 22vw !important;
height: 22vw !important;
}
*/
.gallery_list figure span {
padding:0.5em 0;
}


.sokuhou_sub {
margin:0.5em 0;
}
.next_link {
margin-top:1em;
}
.next_link ul {
display: flex;
flex-direction: row;
justify-content: space-between;
width: 100%;
margin: 0;
text-align:center;
}
.next_link ul li {
width: 49%;
display: inline-table;
text-align: left;
margin: 0 !important;
}



.matchlist {


}
.matchlist ul li {
font-size:0.9em;
line-height:1.3em;
min-height:70px;
}
.matchlist ul li p {
min-height:70px;
color:#a2a2a2;
font-weight:bold;
display: flex;
padding-right: 5px;
    align-items: center;
}
.matchlist ul li a p {
color:#000000;
padding-right: 0;
}
.matchlist ul li {
position:relative;
}
.matchlist ul li a:after {
content: "";
font-family: 'FontAwesome';
display: block;
position: absolute;
top: 45%;
right: 7px;
width: 7px;
height: 7px;
border-right: 1px solid #000000;
border-bottom: 1px solid #000000;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

.pagenavi {
text-align:center;
margin:0.5em auto;
}
.pagenavi li {
font-size:0.9em;
}
.linkbutton {
margin:0.5em auto;
}
.linkbutton a {
border-radius: 5px;
    background: #ff6565;
    color: #ffffff;
    display: inline-block;
    width: 90%;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 3em;
}