@charset "UTF-8";

label img {width:100%;} 

.menu_brd {
position: relative;
width: 100%;
max-width: 1000px;
height: 50px;
margin: 0 auto;
padding: 0;

}

.menu_brd > li {
float: left;
width: 23.5%; /* グローバルナビ4つの場合 */
margin: 0 2% 2% 0;
/*padding: 13px 0;*/
padding: 0;
border: none;
background: #FFF;
border-radius: none;

/*background: rgb(255, 255, 255);*/
/*border: 2px solid #000;*/
/*border-radius: 8px;*/
list-style: none;
overflow: hidden;
align-items: center;
white-space: nowrap;

box-sizing:border-box;
}

.menu_brd > li:nth-child(4n) {margin: 0 0 2% 0;}

.menu_brd > li a {
display: block;
color: #000;

}

.menu_brd > li a:hover {
color: #999;
}

ul.menu_brd__second-level {
visibility: hidden;
opacity: 0;
z-index: 1;
font-size: 12px;
font-weight: 700;
padding: 5px;
}

.menu_brd__second-level li{
font-weight: 700;
}

ul.menu_brd__third-level {
padding-left: 10px;
display: unset;

}

ul.menu_brd__third-level > li{
float: left;
padding: 5px;
margin-left: 5px;
list-style-type: "/";
list-style-position: outside;
text-indent: -4px;
font-weight: 500;
}

ul.menu_brd__fourth-level {
visibility: hidden;
opacity: 0;
}

.menu_brd > li:hover {
background: #f1f1f1;
-webkit-transition: all .5s;
transition: all .5s;
}


/* 下矢印 */
.init-bottom:after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 0 15px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}

/* floatクリア */
.menu_brd:before,
.menu_brd:after {
content: " ";
display: table;
}

.menu_brd:after {
clear: both;
}

.menu_brd {
*zoom: 1;
}

li.menu_brd__mega ul.menu_brd__second-level {
position: absolute;
top: 40px;
left: 0;
box-sizing: border-box;
width: 100%;

background: #f1f1f1;
-webkit-transition: all .2s ease;
transition: all .2s ease;
}

.menu_brd__second-level > li{
padding: 5px;
}

li.menu_brd__mega ul.menu_brd__second-level {
/*top: 175px;*/
visibility: visible;
opacity: 1;
z-index: 5;
border: 4px solid #FFF;

overflow:visible;
white-space:normal;
}

li.menu_brd__mega:nth-child(1)  ul.menu_brd__second-level,
li.menu_brd__mega:nth-child(2)  ul.menu_brd__second-level,
li.menu_brd__mega:nth-child(3)  ul.menu_brd__second-level,
li.menu_brd__mega:nth-child(4)  ul.menu_brd__second-level {
top: 0;margin-top: 17%;
}

li.menu_brd__mega:nth-child(5)  ul.menu_brd__second-level,
li.menu_brd__mega:nth-child(6)  ul.menu_brd__second-level,
li.menu_brd__mega:nth-child(7)  ul.menu_brd__second-level,
li.menu_brd__mega:nth-child(8)  ul.menu_brd__second-level {
top: 0;margin-top: 35.5%;
}

li.menu_brd__mega:nth-child(9)  ul.menu_brd__second-level,
li.menu_brd__mega:nth-child(10)  ul.menu_brd__second-level,
li.menu_brd__mega:nth-child(11)  ul.menu_brd__second-level,
li.menu_brd__mega:nth-child(12)  ul.menu_brd__second-level {
top: 0;margin-top: 54%;
}


li.menu_brd__mega ul.menu_brd__second-level > li {
display: grid;
border: none;
}

li.menu_brd__mega ul.menu_brd__second-level > li:nth-child(3n+2) {
margin: 0 0%;
}


.openbox_brd input {
display: none; /* チェックボックスを隠す */
}
.openbox_brd .boxshow_brd {
height: 0;
opacity: 0; /* 折り畳んだ時に中を透明にする */
display: none;/* 閉じた時に中身の要素をなくす */
}

.inputcss:checked + .boxshow_brd {
height: auto;
opacity: 1; /*クリックやタップで中を表示させる*/
display: block;/* 折り畳みになるように */
}

.openbox_brd label {
display: block;
text-align: center;
font-size: 14px;

text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}    


@media screen and (max-width: 480px) {
.menu_brd > li {
width: 32%; /* グローバルナビ3つの場合 */
margin:0 2% 2% 0;
}

li.menu_brd__mega:nth-child(4n) {margin: 0 2% 2% 0;}
li.menu_brd__mega:nth-child(3n) {margin: 0 0 2% 0;}

li.menu_brd__mega ul.menu_brd__second-level > li {
/* width: 30.0%; */
}

li.menu_brd__mega:nth-child(1)  ul.menu_brd__second-level,
li.menu_brd__mega:nth-child(2)  ul.menu_brd__second-level,
li.menu_brd__mega:nth-child(3)  ul.menu_brd__second-level {
top: 0;margin-top:22.5%;
}


li.menu_brd__mega:nth-child(4)  ul.menu_brd__second-level,
li.menu_brd__mega:nth-child(5)  ul.menu_brd__second-level,
li.menu_brd__mega:nth-child(6)  ul.menu_brd__second-level {
top: 0;margin-top:47.5%;
}

li.menu_brd__mega:nth-child(7)  ul.menu_brd__second-level,
li.menu_brd__mega:nth-child(8)  ul.menu_brd__second-level,
li.menu_brd__mega:nth-child(9)  ul.menu_brd__second-level {
top: 0;margin-top:72%;
}

li.menu_brd__mega:nth-child(10)  ul.menu_brd__second-level,
li.menu_brd__mega:nth-child(11)  ul.menu_brd__second-level,
li.menu_brd__mega:nth-child(12)  ul.menu_brd__second-level {
top: 0;margin-top:96.5%;
}
}

/*
@media screen and (min-width: 480px) {
li.menu_brd__mega:nth-child(9){display: none;}
}
*/