@charset "utf-8";
/* ============================================================
vido
============================================================ */
.vcon {
 max-width: 960px;
 margin: 0 auto;
 padding-top: 20px;
}
video{

max-width: 100%;
}


#brand{
 max-width: 1260px;
 margin: 0 auto;
 margin-top: 15px;
}

#brand .btitle {
	font-size: 18px;
	width: 1280px;
	display: table-cell;
	vertical-align: middle;
	padding: 90px 20px 120px 20px;
	letter-spacing: 0.5em;
	font-family: Courier New;
}

#bnav {
    max-width: 1280px;
    margin: 5px;
    /* background-color: lightgrey; */
    /* height: 45px; */
}
#bnav > ul{width: 100%;height: 100%;/* display: table; */padding-top: 10px;padding-bottom: 10px;}

#bnav > ul > li{
 float: none;
 width: 33.33333333333%;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
}

#bnav > ul > li{}

#bnav > ul > li > a{
	/* display: block; */
	/* height: 35px; */
}

#collectionT {

max-width: 1280px;

height: 17px;

padding-left: 10px;

padding-right: 10px;

border-bottom-style: solid;

/* border-bottom-width: thin; */

border-bottom-color: #0d9e52;
}
#collectionT >div{

color: #0d9e52;

/* text-align: center; */

position: static;

font-size: 20px;

margin-top: 10px;

margin-bottom: 10px;
}

#content {margin-top: 25px;min-width: 365px;}

.boxW{
  max-width: 1280px;
  float: left;
}

.boxW .box {
  max-height: 255px;
  min-width: 110px;
  margin: 20px 5px;
  /* padding: 10px; */
  /* border: solid 1px #AAA; */
  /* background: #fe9cab; */
  position: relative;
}

.global-nav02 a.now{
    color: #d0d0d0;
}

div#concept{
    width: 100%;
    margin: 0 auto;
    padding-top: 30px;
    max-width: 960px;
}


div#concepttexit{
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding-top: 30px;
    line-height: 20px;
}

#concepttexit .jp{
    padding-bottom: 20px;
}

#concepttexit .en{}

#bnav > ul > li > a.now{
    color: rgb(13, 158, 82);
}
video#video2{
    display: none;
}

P{
    width: 100%;
    TOP: 50%;
    /* left: 50%; */
    position: absolute;
    font-size: 0.9em;
    text-align: center;
}

@media only screen and (max-width: 760px){
P{
    font-size: 0.8em;
}}
ul#b{}
ul li#box{
    min-width: 110px;
    margin: 0 auto;
    padding: 0.38% 0.38% 25px;
    float: left;
}

div.clearfix::after{
  content: "";
  display: block;
  clear: both;
}

#b > li{

min-width: 110px;
margin: 0 auto;
padding: 0.38% 0.38% 25px;
float: left;
}