/*  10s
----------------------------------------------- */
#tens-header{
    display: none;
}

#page-1339477711 #header{
display:none;
}


#page-1335460711 #header{
    display: none !important;
}

#page-1335460711 #tens-header {
    display: block;
    background-image: url(https://u.jimcdn.com/cms/o/sa8b8c7ea21d30021/userlayout/img/10s-hero-area.png?t=1606791510);
    background-size: cover;
    width: 100%;
height: 650px;
    z-index: 100;
}

#page-1335460711 #tens-header #tens-title {
    z-index: 999;
    position: relative;
    left: 10%;
    top: 33%;
}
#page-1335460711 #tens-header #tens-title img{
    max-width:39%;
}

@media screen and (max-width: 900px) {
#page-1335460711 #tens-header #tens-title img{
    max-width:75%;
}
}
@media screen and (max-width: 500px) {
#page-1335460711 #tens-header #tens-title img{
    max-width:85%;
}
}




/*  7s
----------------------------------------------- */
.clearfix::after{
  content: "";
  display: block;
  clear: both;
}
#navigation
{$display:none;
    float:left;
    width:220px;
    padding:17px;
}

#hdr-logo img {max-width:100%;}

#mvjp, #mven, #mv19jp, #mv19en, #mv20jp, #mv20en, #mv21jp, #mv22jp, #mv23jp, #mv24jp, #mv25jp {display:none;}

#page-1272232411 #mvjp {display:block;} 
#page-1285167411 #mven {display:block;} 
#page-1299230111 #mv19jp {display:block;} 
#page-1299665211 #mv19en {display:block;} 
#page-1335460611 #mv20jp {display:block;} 
#page-1317380511 #mv20en {display:block;} 
#page-1317380411 #mv21jp {display:block;} 
#page-1338491711 #mv22jp {display:block;} 
#page-1342527611 #mv23jp, #page-1343422111  #mv23jp{display:block;} 
#page-1344834611 #mv24jp{display:block;} 
#page-1346176311 #mv25jp{display:block;} 

/*  Roll Over
----------------------------------------------- */
.box {
	width: 100px;
	height: 100px;
	background-image: url(https://u.jimcdn.com/cms/o/sa8b8c7ea21d30021/userlayout/img/lang-jp2.png?t=1515920460);
}
.box p {
	position: absolute;
	width: 100px;
	height: 100px;
	margin: 0;
}
.box-en {
	width: 100px;
	height: 100px;
	background-image: url(https://u.jimcdn.com/cms/o/sa8b8c7ea21d30021/userlayout/img/lang-en2.png?t=1515920453);
}

.txt a {
	position: absolute;
	display: block;
	width: 100px;
	height: 100px;
	z-index: 1;
}
 
 
@keyframes imgOn {
	0% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes imgOff {
	0% { opacity: 0; }
	100% { opacity: 1; }
}
.txt:hover + .img {
	animation: imgOn 0.5s 1 forwards;
}
.txt + .img {
	animation: imgOff 0.5s 1 forwards;
}

ul#lang {width:230px; margin:0 auto; list-style-type:none; padding:0;}
ul#lang li { margin:0; float:left;}
ul#lang li#en {margin-left:30px;}

/*  Typo
----------------------------------------------- */

a:link, a:visited
{
    text-decoration: underline;
    color:#EC4413;
}
a:active { 	text-decoration: underline; }
a:hover { text-decoration:none; }


h1 { font:bold 18px/140%  "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif; }
h2 { font:bold 22px/140% "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important; }

p {	font: 21px/180% Meiryo,  "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif; 
}

/*  Layout
----------------------------------------------- */
body {
width:100%;
    padding:0 0 0 0;
    margin:0;
    font: 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif !important;
}

#header
{
height: 70vh;
    padding-top:15vh;
    background-color: #ff5252 ;
width:100%;
}
#hdr-logo{width:80%; margin:0 auto; $padding-top:15vh;}

#header h1,
#header a
{
    padding:0;
    font-family:"Helvetica","Lucida Sans Unicode",Tahoma,Verdana,Arial,Helvetica,sans-serif;
    font-size:30px;
    font-weight:normal;
    text-decoration:none;
    line-height:1.3em;
    color:#666666;
    text-align:right;
}

#header a:hover { text-decoration:none;  }

#container
{
    margin:0 auto;
    width:100%;
    background:white;
}


#sidebar
{display:none;
    padding-top:10px;
}

#content
{
    margin:0 auto;
    width:60%;
    padding:17px;

}

#footer
{
    clear:both;
    padding:30px 0 20px 0;
    background-color: #ff5252 ;
width:100%;
    $height:65px;
$padding:30px;
}

#footer .gutter 
{padding:15px;
}

/*  Navigation
----------------------------------------------- */

ul.mainNav1,
ul.mainNav2
{
    margin:0;
    padding: 0;
}


ul.mainNav1 li,
ul.mainNav2 li
{
    display: inline;
    margin: 0;	
    padding: 0;
}


ul.mainNav1 li a,
ul.mainNav2 li a
{
    font:normal 11px/140% Verdana, Geneva, Arial, Helvetica, sans-serif;
    text-decoration: none;
    display: block;
    color:#333;
    border-bottom:1px solid #CCC;
}


ul.mainNav1 li a { padding:4px 4px 4px 4px; }
ul.mainNav2 li a { padding:4px 4px 4px 14px; }
ul.mainNav3 li a { padding:4px 4px 4px 24px; }


ul.mainNav1 a:hover
{
    background:#EEE;
    color:black;
}

ul.mainNav1 a.current { font-weight:bold; }


@media screen and (max-width: 780px) {
#content
{
    margin:0 auto;
    width:90%;
    padding:17px;
}
#header
{
$height:80%;
height: 39vh;
    padding-top:15vh;
}
#hdr-logo {width:100%;}
#hdr-logo img{width:95%; margin:0 auto; $padding-top:15vh;}

}