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

max-width: 100%;
}


#brand{
 max-width: 960px;
 margin: 0 auto;
}

#brand .btitle {
	font-size: 25px;
	width: 960px;
	display: table-cell;
	vertical-align: middle;
	padding: 45px 10px 0px 20px;
	letter-spacing: 0.5em;
	font-family: Courier New;
}

#bnav {
    max-width: 1024px;
    /* background-color: lightgrey; */
    height: 45px;
    padding-top: 25px;
}
#bnav > ul{width: 100%;height: 100%;display: table;}

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


#bnav > ul > li > a{
	/* display: block; */
	/* height: 35px; */
	font-family: 'Courier New';
}

#collectionT {

max-width: 1024px;

height: 17px;

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: 40px;

margin-bottom: 30px;
}

#content {margin-top: 40px;}

.boxW{
  display: flex;
  display: -moz-flex;
  display: -o-flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
}

.boxW .box {
  /* max-height: 477px; */
  /* max-width: 318px; */
  margin: 1%;
  /* padding: 10px; */
  /* border: solid 1px #AAA; */
  /* background: #fe9cab; */
}

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

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


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

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

#concepttexit .en{
    text-align-last: left;
    padding: 5px;
}

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

div .btitle >a{
    color: #000;
}

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

#bnav > ul > li.set{
    color: #0d9e52;
}
@media screen and (min-width: 760px) {	
    #brand .btitle > br {
    display: none;
}
}