@charset "utf-8";

body #all {
font-size:100% !important;
}

/* ▼HEADER */
#header{
background:url(/osaka_vb/common/img/bg_header_01.gif) no-repeat center top;
}

.navi-no{
border-bottom:3px solid #122889;
height:79px;
}

#corp-logo {
width:680px;
}

#corp-logo > a {
display:block;
float:left;
width:148px;
}

.office_name {
display:block;
float:left;
margin:5px 0 0 20px;
min-height:45px;
text-align:left;
vertical-align:middle;
}
.office_name a{
font-size:14pt;
color:#000;
text-decoration:none;
font-weight:bold;
}
.office_name a:visited,
.office_name a:hover{
color:#000;
}

#header-info .contact {
float:right;
margin:0 0 8px 0;
}

#header-info {
float:right;
width:270px;
padding:10px 0 0;
}

#header-info .lang {
float:right;
margin:0 0 0 8px;;
width:122px;
}

#global-navi ul li a {
display:block;
float:left;
width:190px;
height:40px;
}

#global-navi ul li.cate01 a {
background:url(/osaka_vb/common/img/gnavi-01.gif) no-repeat 0 0;
}
#global-navi ul li.cate02 a {
background:url(/osaka_vb/common/img/gnavi-02.gif) no-repeat 0 0;
}
#global-navi ul li.cate03 a {
background:url(/osaka_vb/common/img/gnavi-03.gif) no-repeat 0 0;
}
#global-navi ul li.cate04 a {
background:url(/osaka_vb/common/img/gnavi-04.gif) no-repeat 0 0;
}
#global-navi ul li.cate05 a {
background:url(/osaka_vb/common/img/gnavi-05.gif) no-repeat 0 0;
}

body#cate01 #global-navi ul li.cate01 a,
body#cate02 #global-navi ul li.cate02 a,
body#cate03 #global-navi ul li.cate03 a,
body#cate04 #global-navi ul li.cate04 a,
body#cate05 #global-navi ul li.cate05 a,
#global-navi ul li a.active,
#global-navi ul li a:hover {
background-position:0 -40px;
}

body#cate01 #global-navi.active ul li.cate01 a,
body#cate02 #global-navi.active ul li.cate02 a,
body#cate03 #global-navi.active ul li.cate03 a,
body#cate04 #global-navi.active ul li.cate04 a,
body#cate05 #global-navi.active ul li.cate05 a {
background-position:0 0;
}

body#cate01 #global-navi.active ul li.cate01 a.active,
body#cate02 #global-navi.active ul li.cate02 a.active,
body#cate03 #global-navi.active ul li.cate03 a.active,
body#cate04 #global-navi.active ul li.cate04 a.active,
body#cate05 #global-navi.active ul li.cate05 a.active {
background-position:0 -40px;
}

/* ▼レスポンシブ */
@media screen and (max-width:950px) {
#header,
#footer {
background-position:-2028px 0;
}
}


/* ▼プロフィール */
.prof {
margin-bottom:30px;
margin-left:16px;
}

.prof * {
box-sizing:border-box;
}
.prof ul {
margin-left:-10px;
margin-right:-10px;
display:flex;
flex-wrap:wrap;
flex-direction:row;
align-content:stretch;
}
.prof ul li {
display:block;
padding:0 10px 16px;
vertical-align:top;
width:16.667%;
}

@media (max-width:767px) {
.prof ul li {
padding:0 10px 16px;
width:25%;
}
}

@media (max-width:500px) and (orientation:portrait) {
.prof ul li {
padding:0 10px 16px;
width:50%;
}
}


/* ▼result */
table.semifinal{
width:680px;
border-collapse:collapse;
}
.semifinal th{
background-color:#333;
color:#FFFFFF;
font-weight:bold;
text-align:left;
padding:5px 15px;
}
.semifinal td {
width:220px;
background-color:#E1DED6;
text-align:center;
padding:5px;
border-bottom:1px solid #E1DED6;
}
table.final{
width:680px;
border-collapse:collapse;
}
.final th{
background-color:#BC0F01;
color:#FFFFFF;
font-weight:bold;
text-align:left;
padding:5px 15px;
}
.final td{
width:220px;
background-color:#FFBAB5;
text-align:center;
padding:5px;
border-bottom:1px solid #FFBAB5;
}
.score{
font-size:2.5em;
line-height:2.0;
font-family:"メイリオ", sans-serif;
}
td.scoreboard{
background-color:#ffffff;
text-align:center;
line-height:2.0;
font-size:1.1em;
}

/* ▼gallery */
.photogallery{
margin:30px 0;
}
.photogallery h3 span{
display:block;
margin-bottom:5px;
font-size:0.8em;
font-weight:normal;
}

.tbl_01 {
width:100%;
}
.info-1 {
margin:0 auto 32px;
}

/*
-----------------------------------------------
▼ fbox設定
----------------------------------------------- */
.fbox * {
box-sizing:border-box;
}
.fbox {
box-sizing:border-box;
margin-right:-8px;
margin-left:-8px;
display:flex;
flex-wrap:wrap;
}
.col {
padding:0 8px 16px;
vertical-align:top;
}
.col6 .col {
width:16.6667%;
}
.fbox img {
max-width:100%;
height:auto;
}

@media (max-width:736px) {
.fbox img {
display:block;
margin-right:auto;
margin-left:auto;
}
#lightbox .lb-outerContainer,
#lightbox .lb-dataContainer {
box-sizing:border-box;
width:70% !important;
height:auto !important;
margin:0 auto;
}
}

@media (max-width:500px) and (orientation:portrait) {
.col6 .col {
width:33.3333%;
}
.fbox img {
width:100%;
height:auto;
}
#lightbox .lb-outerContainer,
#lightbox .lb-dataContainer {
box-sizing:border-box;
width:auto !important;
/* height:auto !important; */
margin:0 10px;
}
}


/* ▼schedule */
#archive .link {
	float: left;
}
#archive .link a{
	display: block;
    margin: 0 0 4px 0;
    padding: 0 10px 0 20px;
    background: #fff url(/common_n/img/btn_navi_2.gif) no-repeat 2px center;
    line-height: 1.2em;
    text-decoration: none;
}

#archive .link span{
	padding-right: 10px;
}






/*
-----------------------------------------------
▼SP set
----------------------------------------------- */
@media (max-width:767px){
body {
-webkit-text-size-adjust:100%;
font-family:sans-serif;
overflow-x:hidden;
font-feature-settings:"palt";
}
#contents {
font-size:14px;
}
#all {
width:auto;
min-width:300px;
overflow-x:hidden;
}
img {
max-width:100%;
height:auto;
}
p {
text-align:justify;
}
.pconly {display:none;}
.sponly {display:block;}

.left-box,
.right-box {
float:none;
margin:0 0 20px;
text-align:center;
}
.table-layout-2,
.table-layout-2 > * {
display:block;
}
.table-layout-2 > ul > li {
display:block;
}
.center-box,
#contents .w250,
#contents .w300,
#contents .w470,
#contents .w700,
#contents .w330 {
width:auto !important;
width:100% !important;
}
#contents .w250 img,
#contents .w330 img {
display:block;
margin-left:auto;
margin-right:auto;
}
#contents .right {
text-align:center !important;
}
.table-layout-2 .pr20 {
padding-right:0 !important;
}
.flat-height-g table {
width:100% !important;
}

.tab-menu {
width:auto;
}
.tab-menu * {
box-sizing:border-box;
}
.tab-menu .tab-btn.w950 {
width:100% !important;
margin-right:-4px;
margin-left:-4px;
display:flex;
}
.tab-menu .tab-btn li {
font-size:14px;
display:block;
width:25%;
padding:0 4px;
}
.tab-menu .tab-btn li a {
display:block;
width:auto;
height:auto;
padding:8px;
background:#ddd;
color:#000;
line-height:1;
text-align:center;
text-decoration:none;
}
.tab-menu .tab-btn li:first-child {
padding:0 4px;
}
#contents .mr10 {
margin-right:0 !important;
}
.default-table.caption {
margin-top:-16px;
}

.tbl_01 colgroup {
display:none;
}
.tbl_01 thead {
display:none;
}
.tbl_01 td {
display:block;
position:relative;
margin:24px 0 8px;
padding:0 0 4px 8px;
font-size:18px;
font-weight:bold;
text-align:left;
border:none;
border-left:solid #122889 5px;
}
.tbl_01 th {
display:inline-block;
background:#fff;
border:none;
padding:0 1em 0 0;
text-align:left;
}
.tbl_01 th br {
display:none;
}
.tbl_01 tr th:before {
content:"";
font-weight:bold;
display:inline-block;
color:#000;
}
.tbl_01 tr th:nth-child(2):before {
content:"日時／";
}
.tbl_01 tr th:nth-child(3):before {
content:"開催地／";
}
.tbl_01 tr th:nth-child(4):before {
content:"会場／";
}
.info-1,
.info-1 * {
box-sizing:border-box;
}
.report .w440, .report .w220 {
    width: 100% !important;
    height: auto !important;
} 

}

@media (max-width:500px) and (orientation:portrait) {
.tab-menu .tab-btn.w950 {
flex-wrap:wrap;
border-bottom:none;
}
.tab-menu .tab-btn li {
font-size:16px;
width:50%;
padding:0 4px 8px;
}
.tab-menu .tab-btn li a {
border-radius:4px;
}
}


/*
-----------------------------------------------
▼SP menu
----------------------------------------------- */
#spmenu {
display:none;
}

/* ▼for SP */
@media (max-width:767px) {
#header,
#footer {
background:#fff none;
width:auto;
}
#header {
border-bottom:3px solid #122889;
position:relative;
}
#contents {
width:auto;
padding:0 12px;
}
.gototop-2,
.gototop {
display:none;
}
#all {
margin-bottom:32px;
}

#footer {
height:auto;
}
#footer-main {
width:auto;
}
#footer-main .footer-links {
width:auto;
float:none;
padding:8px 12px;
line-height:1.3;
}
#footer-main .footer-links li a {
color:#333;
display:inline-block;
padding:0 12px 0 0;
border:none;
}
#footer-main .copyright {
font-family:Helvetica, Arial, Verdana, sans-serif;
background:#122889;
color:#fff;
text-align:center;
float:none;
padding:8px;
line-height:1.3;
}

#header-info {
display:none;
}
#header-top {
width:auto;
height:auto;
}
#corp-logo {
float:none;
display:inline-block;
width:auto;
padding:8px 12px 0;
}
#corp-logo > a {
float:none;
}
.office_name {
float:none;
margin:0;
padding:4px 0;
min-height:1px;
}
.office_name br {
display:none;
}

#spmenu {
display:block;
position:absolute;
top:0;
right:0;
z-index:100000;
width:52px;
}
#spmenu.on {
background:url(/osaka_vb/common/img/spmenu_on.png) no-repeat 0 0;
background-size:52px auto;
}
#spmenu.on img {
opacity:0;
}
#spmenu a img {
transition:opacity 0.5s ease-in-out;
opacity:0.7;
}
#spmenu a:hover img {
opacity:1;
}
#spmenu.on a:hover img {
opacity:0;
}

.topic-path {
width:auto;
margin:0 12px;
}
#main,
.full-wide #main {
float:none;
width:auto;
}
#navi {
float:none;
width:auto;
}
#navi .cate-title {
padding:12px;
}
#navi dl.group dd {
width:auto;
border:1px solid #ddd;
border-bottom:none;
}
.h1-title {
position:static;
padding:12px;
background:#f3f3f3 none;
font-size:160%;
}
.h2-title {
padding:12px 12px 12px 30px;
}

.default-table {
border-spacing:0;
width:100%;
}

table.semifinal,
table.final {
border-spacing:0;
width:100%;
}
}

/*
-----------------------------------------------
▼SP schedul
----------------------------------------------- */
@media (max-width:767px) {
	#archive .link {
	float: none;;
}
}


/*
---------------------------
▼pagetop
--------------------------- */
#pagetop {
width:64px;
height:64px;
position:fixed;
z-index:100;
right:16px;
bottom:-64px;
opacity:0.9;
}
#pagetop a {
display:block;
}


/* ▼print set */
@media print {
#all,
body {
-webkit-print-color-adjust:exact;
background:transparent none;
color:#000;
}
p, ul, ol, dl, dd, li, table, td, form, select, option,
address, pre, h1, h2, h3, h4, h5, h6, dt, strong, th,
#contents a {
color:#000;
}

img {
page-break-inside:avoid;
}
}

@page {
margin:0.5cm;
}