#mainpage{
background-color:#F2F6F7;
}

#mainpage h1{
margin:0;
}

#greeting{
max-width:1280px;
margin: 0 auto 15px auto;
}

.tabmenu{
background-color: #2147a5;
}

.content{
background-color: #ffffff;
padding-bottom: 0;
}

.content a{
margin:0;
padding:0;
text-decoration:none;
}

.content a:hover{
opacity: 1.0;
}

.content img{
width:100%;
height:auto;
margin:0 0 0 0;
padding:0;
vertical-align: bottom;
display:block;
-webkit-backface-visibility: hidden;
}

.content .hide{
display:none;
}

.tab{
width:100%;
margin: 0;
padding: 0;
}

.tab ul{
padding:0;
margin:0;
list-style-type: none;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;

}

.tab ul:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

.tab ul li{
padding:0;
margin:0 1px 1px 0;
border: 0;
-webkit-box-flex: 1 0 33%;
-moz-box-flex: 1 0 33%;
-ms-box-flex: 1 0 33%;
flex: 1 0 33%;
width:33%;
float:left;
}

.tab ul li.right{
margin:0;
}

.tab ul li a{
width:100%;
text-decoration:none;
}

.tab ul li div{
width:100%;
vertical-align: middle;
text-align:center;
padding:8px 0;
font-size:1.3vw;
color: #a7a9ac;
background: #ffffff;
}

@media screen and (min-width:1280px){
.tab ul li div{
font-size:18px;
}
}

@media screen and (max-width:468px){
.tab ul li div{
font-size:3.0vw;
}
}

.tab ul li div.select{
color: #ffffff;
background-color: #2147a5;
}

.tabmenu_mobile{
display:none;
}

@media screen and (max-width:468px){
.content{
padding-bottom: 10px;
}
.tabmenu{
display:none;
}
.tabmenu_mobile{
display:block;
background-color:#2147a5;
}
.tabmenu_mobile .enter{
width:75%;
font-size:80%;
text-align: center;
padding: 5px 10px;
border: 1px solid #2147a5;
margin: 10px auto 0 auto;
border-radius: 5px;
}
}

#topicsbox{
max-width:1280px;
margin:0 auto;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-wrap: wrap;
-webkit-justify-content: space-between;
justify-content: space-between;
}

#topicsbox:after{
  content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
}

#topicsbox .box{
width:302px;
height:260px;
float:left;
background-color:#fff;
-webkit-box-flex: 1 0 250px;
-moz-box-flex: 1 0 250px;
-ms-box-flex: 1 0 250px;
flex: 1 0 250px;
margin:0 12px 25px 12px;
}

/*-- topics --------------------------------------------------------------*/

#mainpage #topics{
max-width:1170px;
margin:50px auto;
padding:0 15px;
}
#mainpage #topics h2{
font-size:120%;
margin:0 0 25px 0;
padding-bottom:5px;
color: #2147a5;
border-bottom: 1px dotted #2147a5;
}
#mainpage #topics h3{
font-size:100%;
color: #101010;
font-weight:normal;
margin:0;
}
#mainpage #topics ul{
margin:0;
padding:0;
list-style-type:none;
-js-display: flex;
display:flex;
}
#mainpage #topics ul li{
margin:0;
padding:0 0.5% 0 0.5%;
}
#mainpage #topics ul li img,#mainpage #topics ul li video{
margin:0 0 5px 0;
padding:0;
width:100%;
height:auto;
max-width:600px;
vertical-align: bottom;
}
#mainpage #topics ul li a{
text-decoration:none;
font-size:90%;
}

@media screen and (max-width:468px){
#mainpage #topics {
margin: 50px 10px 50px 10px;
padding:0 0;
}
#mainpage #topics ul {
display: inline;
}
#mainpage #topics ul li{
margin:0 0 25px 0;
}
}

/*-- newsrelease --------------------------------------------------------------*/
#mainpage .newsrelease{
max-width:1170px;
margin:50px auto;
padding:0 15px;
}
@media screen and (max-width:468px){ #mainpage .newsrelease {
margin: 50px 10px 50px 10px;
padding:0 0;
}}
#mainpage .newsrelease:after{
  content: "";
  display: block;
  clear: both;
}
#mainpage .newsrelease h2{
font-size:120%;
margin:0 0 25px 0;
padding-bottom:5px;
color: #2147a5;
border-bottom: 1px dotted #2147a5;
}
#mainpage .releaselist{
max-width:100%;
height:170px;
background:#ffffff;
padding:15px 15px 0 15px;
overflow: auto;
}
@media screen and (max-width:468px){ #mainpage .releaselist{
height:100px;
}}
#mainpage .releaselist dl {
    width: 100%;
    height: auto !important;
    margin: 0 0 15px 0;
    padding: 0;
    position: relative;
    font-size: 90%;
}
#mainpage .releaselist dt.day {
padding: 0 6px 0 50px;
margin:0;
}
#mainpage .releaselist .day strong a {
    padding: 3px;
    margin-left:15px;
    font-weight: normal;
    text-decoration: none;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    color: #FFFFFF !important;
    font-size: 75%;
    line-height:1.0;
    display:inline-block;

}
#mainpage .releaselist a.maker {
    background-color: #2147a5 !important;
}
#mainpage .releaselist a.info {
    background-color: #9e0000 !important;
}
#mainpage .releaselist a.retail {
    background-color: #22ac38 !important;
}
#mainpage .releaselist dd{
    margin: 0;
}
#mainpage .releaselist dd.newItemText {
    padding: 0 0 0 50px;
}
#mainpage .releaselist dd.newItemText a{
    text-decoration: none;
}
#mainpage .releaselist dl dd.photo {
    width: 40px;
    height: 40px;
    overflow: hidden;
    border: 1px solid #E5E5E5;
    position: absolute;
    top: 0px;
    left: 0px;
    vertical-align: middle;
}
#mainpage .releaselist dl dd.photo a {
    vertical-align: middle;
    display: table-cell;
    height: 40px;
    width: 40px;
    text-align: center;
}
#mainpage .releaselist dl dd.photo img {
    width: 40px;
    height: auto;
}
#mainpage .releaselink{
float:right;
margin:10px 0 0 0;
font-size:80%;
}